/* @override http://test3.ggla22.com/magazine/css/style-new.css */

/*global CSS*/
/*------------------------------------*\
    Global -- Helper CSS
\*------------------------------------*/
/**
 * FONT MIXINS for font size 

 * MIXIN FOR TRANSFORM
 */
/*------------------------------------*\
    $FONT MIXINS
\*------------------------------------*/
/*------------------------------------*\
    $MIXIN FOR TRANSFORM
\*------------------------------------*/
/*------------------------------------*\
    $FUNCTION FOR PX to EM CONVERSION
\*------------------------------------*/
/*------------------------------------*\
    $MIXIN FOR BORDER RADIUS
\*------------------------------------*/
/*------------------------------------*\
    $MIXIN FOR GRADIENT
\*------------------------------------*/
/*------------------------------------*\
    $MIXIN FOR SHADOW
\*------------------------------------*/
/*------------------------------------*\
    $MIXIN FOR INSET SHADOW
\*------------------------------------*/
/*------------------------------------*\
    $MIXIN FOR TEXT SHADOW
\*------------------------------------*/
/*------------------------------------*\
    $MORE MIXINS
\*------------------------------------*/
/* using 100% on body forces us to use default browser */
/*------------------------------------*\
    $MIXIN FOR breakpoint
\*------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

p, pre {
  margin: 1em 0; }

pre, code, kbd, samp {
  font-family: monospace,serif;
  _font-family: 'courier new',monospace;
  font-size: 1em; }

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

q {
  quotes: none; }

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

small {
  font-size: 75%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }



dd {
  margin: 0 0 0 40px; }

menu, ol, ul {
  padding: 0 0 0 40px; }

ol, ul {
  list-style: none; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  -webkit-backface-visibility: hidden; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
  font-family: "TradeGothicLTPro", Arial, sans-serif; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

a:focus {
  outline: 0; }

a:hover, a:active {
  outline: 0; }

body {
  margin: 0;
  font-family: "TradeGothicLTPro", Arial, sans-serif;
  font-size: 13px;
  color: #191919;
  background-color: #fff; }

h1 {
  font-size: 1.846em;
  margin: 0;
  font-weight: normal;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  text-transform: uppercase; }

h2 {
  font-size: 1.384em;
  margin: 0;
  font-weight: normal;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  text-transform: uppercase; }

h3 {
  font-size: 1.231em;
  margin: 0;
  font-weight: normal;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  text-transform: uppercase; }

h4 {
  font-size: 1.154em;
  margin: 0;
  font-weight: normal;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  text-transform: uppercase; }

h5 {
  font-size: 1.077em;
  margin: 0;
  font-weight: normal;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  text-transform: uppercase; }

h6 {
  font-size: 1em;
  margin: 0;
  font-weight: normal;
  font-family: "TradeGothicLTPro", Arial, sans-serif; }

h7 {
  font-size: 0.923em;
  margin: 0;
  font-weight: normal;
  font-family: "TradeGothicLTPro", Arial, sans-serif;
  text-transform: uppercase; }

/* base elements */
/* ------------------------------------- */
.cursor {
  cursor: pointer; }

.ui-dialog .ui-dialog-content {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

a {
  color: #191919;
  outline: medium none;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer; }

a.cursor-normal {
  cursor: default; }

fieldset {
  border: 0 none;
  margin: 0;
  padding: 0; }

table {
  width: 100%; }

th {
  text-align: left; }

td {
  padding: 1em;
  vertical-align: top; }

.dw-object {
  display: none; }

.hidden-desktop {
  display: none; }

.hidden-overflow {
  overflow: hidden; }

.noscroll {
  overflow: hidden; }

iframe[name="google_conversion_frame"] {
  display: none; }

/* helper classes */
/* ------------------------------------- */
input::-ms-clear {
  display: none; }

::-ms-reveal {
  display: none; }

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

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
.visually-hidden {
  border: 0 none;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ie7 .visually-hidden {
  width: 1px !important; }

ul.menu {
  float: left;
  margin: 0;
  padding: 0; }

ul.menu li {
  float: left;
  list-style: none; }

.block {
  display: block; }

.hide {
  display: none; }

.show {
  display: block; }

.show-inline {
  display: inline-block; }

.sprite {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat transparent; }

.overlay {
  background: #191919;
  opacity: 0.7;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 493; }
  @media (min-width: 0px) and (max-width: 767px) {
    .overlay {
      display: none; } }

.header-overlay {
  z-index: 499; }
  @media (min-width: 0px) and (max-width: 767px) {
    .header-overlay {
      display: block; } }

.footer-overlay {
  z-index: 499; }

.sliderDiv {
  width: 100%;
  height: 100%;
  position: static;
  top: 32px;
  bottom: 0px;
  left: 0px;
  display: none; }

.basic-dialog-theming.ui-dialog .ui-dialog-titlebar, .size-chart-quickview.ui-dialog .ui-dialog-titlebar, .dialog-notify-email.ui-dialog .ui-dialog-titlebar, .dialog-footer-shipping.ui-dialog .ui-dialog-titlebar, .dialog-footer-return.ui-dialog .ui-dialog-titlebar {
  height: 33px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1500;
  background: none;
  border: 0; }
  .basic-dialog-theming.ui-dialog .ui-dialog-titlebar .ui-icon-closethick, .size-chart-quickview.ui-dialog .ui-dialog-titlebar .ui-icon-closethick, .dialog-notify-email.ui-dialog .ui-dialog-titlebar .ui-icon-closethick, .dialog-footer-shipping.ui-dialog .ui-dialog-titlebar .ui-icon-closethick, .dialog-footer-return.ui-dialog .ui-dialog-titlebar .ui-icon-closethick {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icon-quickview.png") no-repeat 0 0;
    height: 33px;
    width: 33px; }
.basic-dialog-theming.ui-dialog .ui-dialog-titlebar-close, .size-chart-quickview.ui-dialog .ui-dialog-titlebar-close, .dialog-notify-email.ui-dialog .ui-dialog-titlebar-close, .dialog-footer-shipping.ui-dialog .ui-dialog-titlebar-close, .dialog-footer-return.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0px;
  top: 0%;
  width: 35px;
  margin: 0px;
  padding: 0px;
  height: 40px; }
.basic-dialog-theming.ui-dialog .ui-dialog-titlebar-close.ui-corner-all:hover, .size-chart-quickview.ui-dialog .ui-dialog-titlebar-close.ui-corner-all:hover, .dialog-notify-email.ui-dialog .ui-dialog-titlebar-close.ui-corner-all:hover, .dialog-footer-shipping.ui-dialog .ui-dialog-titlebar-close.ui-corner-all:hover, .dialog-footer-return.ui-dialog .ui-dialog-titlebar-close.ui-corner-all:hover {
  border: none;
  color: none;
  background: none; }

.carousel-wrapper, .product-set-lists .product-slides-wrapper {
  position: relative; }
  .carousel-wrapper .jcarousel-next, .carousel-wrapper .jcarousel-prev, .product-set-lists .product-slides-wrapper .jcarousel-next, .product-set-lists .product-slides-wrapper .jcarousel-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small.svg") 0 0 no-repeat;
    cursor: pointer;
    height: 10px;
    position: absolute;
    top: -26px;
    left: 20px;
    width: 10px;
    z-index: 15;
    text-indent: -999999px; }
  .carousel-wrapper .jcarousel-next, .product-set-lists .product-slides-wrapper .jcarousel-next {
    left: auto;
    right: 20px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); }
  .carousel-wrapper .jcarousel-prev-disabled, .carousel-wrapper .jcarousel-next-disabled, .product-set-lists .product-slides-wrapper .jcarousel-prev-disabled, .product-set-lists .product-slides-wrapper .jcarousel-next-disabled {
    opacity: 0.3; }
  .carousel-wrapper .slider-next1 .bx-next, .carousel-wrapper .slider-prev1 .bx-prev, .product-set-lists .product-slides-wrapper .slider-next1 .bx-next, .product-set-lists .product-slides-wrapper .slider-prev1 .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small.svg") 0 0 no-repeat;
    cursor: pointer;
    height: 10px;
    position: absolute;
    top: -28px;
    left: 20px;
    width: 10px;
    z-index: 15;
    text-indent: -999999px; }
  .carousel-wrapper .slider-next1 .bx-next, .product-set-lists .product-slides-wrapper .slider-next1 .bx-next {
    left: auto;
    right: 20px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); }
  .carousel-wrapper .jcarousel-prev-disabled, .carousel-wrapper .jcarousel-next-disabled, .product-set-lists .product-slides-wrapper .jcarousel-prev-disabled, .product-set-lists .product-slides-wrapper .jcarousel-next-disabled {
    opacity: 0.3; }

.position-absolute {
  position: absolute; }

.padding-0 {
  padding: 0px !important; }

.z-index-5 {
  z-index: 5; }

.display-none {
  display: none; }

.hidden-overflow {
  overflow: hidden; }

* {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent; }

.mobile-menu-flip .level-1 li h4 > a {
  -webkit-tap-highlight-color: rgba(192, 192, 192, 0.8) !important;
  -moz-tap-highlight-color: rgba(192, 192, 192, 0.8) !important; }

.mobile-content-flip .mobile-level-3-text,
.mobile-content-flip .mobile-level-4-text {
  -webkit-tap-highlight-color: rgba(192, 192, 192, 0.8) !important;
  -moz-tap-highlight-color: rgba(192, 192, 192, 0.8) !important; }

.mobile-content-flip .mobile-level-4 a {
  -webkit-tap-highlight-color: rgba(192, 192, 192, 0.8) !important;
  -moz-tap-highlight-color: rgba(192, 192, 192, 0.8) !important; }

/* page layouts */
/* ------------------------------------- */
#wrapper {
  background: none repeat scroll 0 0 #FFF;
  margin: auto;
  max-width: 1920px;
  width: 100%; }

#header, #footer, #main, #footer-burger {
  display: table;
  width: 100%; }

.mobile_only {
  display: none; }

@media only screen and (min-width: 1920px) {
  body {
    max-width: 1920px;
    margin: 0 auto; } }
.container:before, .container:after {
  content: " ";
  display: table; }
.container:after {
  clear: both; }
@media (max-width: 767px) {
  .container {
    margin-right: 4px;
    margin-left: 4px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .container {
    margin-right: 12px;
    margin-left: 12px; } }
@media (min-width: 1024px) {
  .container {
    margin-right: 11px;
    margin-left: 11px; } }
@media (min-width: 0px) and (max-width: 767px) {
  .container {
    width: 767px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .container {
    width: 1023px; } }
@media (min-width: 1024px) and (max-width: 1920px) {
  .container {
    width: 1920px; } }

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table; }
.container-fluid:after {
  clear: both; }
@media (max-width: 767px) {
  .container-fluid {
    margin-right: 4px;
    margin-left: 4px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .container-fluid {
    margin-right: 12px;
    margin-left: 12px; } }
@media (min-width: 1024px) {
  .container-fluid {
    margin-right: 11px;
    margin-left: 11px; } }

.row {
  margin-left: 0px;
  margin-right: 0px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 0; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 0px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
@media (min-width: 1024px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
*, *:after, *:before {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

@media (max-width: 767px) {
  [class*='col-'] {
    padding-right: 6px;
    padding-left: 6px; } }
@media (min-width: 640px) and (max-width: 1023px) {
  [class*='col-'] {
    padding-right: 8px;
    padding-left: 8px; } }
@media (min-width: 1024px) {
  [class*='col-'] {
    padding-right: 13px;
    padding-left: 13px; } }
input.text,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="time"],
input[type="date"],
input[type="password"] {
  width: 370px;
  width: 23.125rem;
  padding: 8px;
  padding: 0.5rem;
  font-size: 11px;
  font-size: 0.6875rem;
  border: 1px solid #cdcbcb;
  color: #191919; }

input[type="radio"] {
  width: 22px;
  width: 1.375rem;
  height: 24px;
  height: 1.5rem;
  box-sizing: border-box;
  color: #191919; }

input.invalidinput::-webkit-input-placeholder {
  color: #eb0028; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  background-color: #191919;
  color: #FFF;
  border: 0;
  width: 100%;
  padding: 8px;
  padding: 0.5rem; }

.primary-button {
  width: 100%;
  height: 38px;
  border-radius: 0px;
  color: #000000;
  background: transparent;
  border: solid #000000 3px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }

.primary-button-white {
  display: block;
  padding: 10px;
  text-align: center;
  border-radius: 0;
  color: #fff;
  background: transparent;
  border: solid #fff 3px;
  text-decoration: none;
  width: 200px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 16px; }

form input.error {
  border: 1px solid #eb0028; }

span.error {
  background-color: transparent;
  display: block;
  line-height: 1em;
  margin: .5em 0;
  color: #eb0028; }

input[placeholder]::-webkit-input-placeholder {
  color: #191919;
  font-size: 11px;
  font-family: "TradeGothicLTPro", Arial, sans-serif; }
input[placeholder]:-moz-placeholder {
  color: #191919;
  font-size: 11px;
  font-family: "TradeGothicLTPro", Arial, sans-serif; }
input[placeholder]::-moz-placeholder {
  color: #191919;
  font-size: 11px;
  font-family: "TradeGothicLTPro", Arial, sans-serif; }
input[placeholder]:-ms-input-placeholder {
  color: #191919;
  font-size: 11px;
  font-family: "TradeGothicLTPro", Arial, sans-serif; }

/*Plugin CSS*/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 0;
  padding: 0;
  *zoom: 1; }
  .bx-wrapper img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 9px;
  outline: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  border-top: 1px solid #191919;
  border-left: 1px solid #191919;
  border-right: 1px solid #191919;
  border-bottom: 1px solid #191919;
  background: #FFF; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -20px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat scroll -94px -5px; }

.bx-wrapper .bx-next {
  right: -20px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat scroll -105px -5px; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  outline: 0;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  z-index: 14; }

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

.bx-wrapper .bx-controls-direction a.end-disabled {
  opacity: 0.3; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/css/images/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/css/images/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }
  .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px; }

.bx-wrapper.bx-wrapper-theme .bx-controls-direction a {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Carousel_arrow.svg") no-repeat 0 0;
  height: 37px;
  width: 37px; }

.bx-wrapper.bx-wrapper-theme .bx-prev {
  left: 0; }

.bx-wrapper.bx-wrapper-theme .bx-next {
  right: 0;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg); }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 7px;
  height: 100%; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #bababa;
  position: relative;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px; }

.jspDrag {
  background: #9a979c;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

.customSelectBoxScroll .viewport, #qv_scrolbar .customSelectBoxScroll .viewport {
  width: 95.5%;
  overflow: hidden;
  position: relative;
  float: left;
  background: none; }

.customSelectBoxScroll .overview, #qv_scrolbar .customSelectBoxScroll .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

.customSelectBoxScroll .scrollbar, #qv_scrolbar .customSelectBoxScroll .scrollbar {
  position: relative;
  float: left;
  width: 4.5%;
  padding-top: 0;
  padding-bottom: 0;
  border-right: 1px solid #bababa;
  box-sizing: border-box; }

.customSelectBoxScroll .track, #qv_scrolbar .customSelectBoxScroll .track {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: relative; }

.customSelectBoxScroll .thumb, #qv_scrolbar .customSelectBoxScroll .thumb {
  height: 20px;
  width: 100%;
  left: 0;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0; }

.customSelectBoxScroll .thumb .end, #qv_scrolbar .customSelectBoxScroll .thumb .end {
  overflow: hidden;
  height: 5px;
  width: 8px; }

.customSelectBox {
  text-align: left;
  position: relative; }
  .customSelectBox span.selectedVal {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #bababa;
    border-radius: 0;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    text-transform: uppercase;
    padding: 11px;
    letter-spacing: 1px; }
  .customSelectBox span.arrows {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small.svg") no-repeat 0 0;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 14px;
    width: 10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); }
  .customSelectBox .attribute-label {
    text-transform: Uppercase; }
  .customSelectBox ul.swatches {
    background-color: #fff;
    border: solid #bababa;
    border-width: 0 1px;
    left: 0;
    padding: 0 !important;
    position: absolute;
    width: 100%;
    z-index: 100;
    margin: 0; }
    .customSelectBox ul.swatches li {
      cursor: pointer;
      float: none;
      overflow: hidden;
      padding: 0; }
      .customSelectBox ul.swatches li a {
        font-size: 11px;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        padding: 6px 10px;
        display: block; }
      .customSelectBox ul.swatches li img {
        float: right; }
      .customSelectBox ul.swatches li:hover {
        background: #bababa;
        cursor: default; }
      .customSelectBox ul.swatches li.is-active {
        background: #bababa;
        cursor: default; }
      .customSelectBox ul.swatches li.unselectable a {
        color: #bababa; }
      .customSelectBox ul.swatches li.selected {
        background: #bababa; }

.customSelectBoxScroll {
  width: 100%;
  display: none;
  border-bottom: 1px solid #bababa;
  position: absolute;
  z-index: 200; }
  .customSelectBoxScroll .thumb {
    background-color: #b5b2b2; }
    .customSelectBoxScroll .thumb .end {
      background-color: #b5b2b2; }

#qv_scrolbar .customSelectBoxScroll .thumb {
  background-color: #b5b2b2; }
  #qv_scrolbar .customSelectBoxScroll .thumb .end {
    background-color: #b5b2b2; }
#qv_scrolbar .attribute.grid_2_2.col-1 .customSelectBoxScroll .viewport {
  width: 95%; }
#qv_scrolbar .attribute.grid_2_2.col-1 .customSelectBoxScroll .scrollbar {
  width: 5%; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  background: #fff;
  color: #191919;
  box-shadow: 1px 7px 11px 0px #888;
  text-transform: uppercase; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 18px;
  line-height: 16px;
  padding: 8px 20px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

.checkout-tip {
  border-radius: 5px;
  background: #fff;
  color: #191919;
  box-shadow: 1px 7px 11px 0px #888; }

/* Use this next selector to style things like font-size and line-height: */
.checkout-tip .tooltipster-content {
  font-family: "TradeGothicLTPro", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 20px;
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .checkout-tip .tooltipster-content {
      font-size: 12px; } }
  @media only screen and (max-width: 767px) {
    .checkout-tip .tooltipster-content {
      font-size: 12px; } }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.checkout-tip .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

/*base Components*/
.cart-wrapper .optimise_cart_lock {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/spritesheet_lock.png") no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block; }

/* Landscape Mode Notification components */
/* ------------------------------ */
.landscape-body {
  background: rgba(25, 25, 25, 0.8);
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 50; }
  @media (min-width: 768px) {
    .landscape-body {
      display: none; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .landscape-body {
      display: none; }
      .landscape-body .landscape-container {
        color: #fff;
        display: block;
        left: 0px;
        right: 0px;
        top: 30%; }
        .landscape-body .landscape-container .margin-40 {
          margin-top: 40px; }
        .landscape-body .landscape-container .close-div {
          text-align: center;
          cursor: pointer;
          display: table;
          margin: 0 auto;
          margin-bottom: 40px; }
          .landscape-body .landscape-container .close-div .close-icon {
            background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box_white.svg") no-repeat 0 0;
            width: 35px;
            height: 35px;
            display: inline-block;
            content: "";
            margin: 0 0;
            text-indent: -99999px;
            border: solid 1px #fff; }
        .landscape-body .landscape-container .msg-box {
          border: solid #fff 3px;
          height: auto;
          width: 75%;
          line-height: 23px;
          color: #fff;
          padding: 20px;
          text-align: center;
          cursor: pointer;
          display: table;
          margin: 0 auto; } }
      @media (min-width: 0px) and (max-width: 767px) and (orientation: portrait) {
        .landscape-body .landscape-container .msg-box {
          line-height: 30px; } }
  @media (min-width: 0px) and (max-width: 767px) {
          .landscape-body .landscape-container .msg-box h1 {
            font-size: 30px; }
          .landscape-body .landscape-container .msg-box .content {
            text-align: center;
            padding: 5px; } }

/* ------------------------------ */
/* Cookie Notification components */
/* ------------------------------ */
#notification.notification-body {
  display: table;
  width: 100%;
  background: #191919;
  height: 70px; }
  #notification.notification-body .content {
    color: #fff;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    text-align: left;
    line-height: 20px;
    margin: 15px 0px 15px 0px;
    float: left; }
  #notification.notification-body .btn-box {
    height: 40px;
    max-width: 145px;
    cursor: pointer;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 0px;
    border: 3px solid #fff;
    width: 100%;
    float: right; }
  #notification.notification-body .btn-txt {
    color: #fff;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    text-align: center; }
  #notification.notification-body h3 {
    padding: 8px 10px 10px 10px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    #notification.notification-body {
      height: 60px; }
      #notification.notification-body .btn-box {
        height: 30px;
        max-width: 95px;
        cursor: pointer;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 0px;
        border: 4px solid #fff;
        width: 100%;
        float: right; }
      #notification.notification-body .btn-txt {
        color: #fff;
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
        text-align: center; }
      #notification.notification-body h3 {
        padding: 2px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #notification.notification-body {
      height: 100%;
      padding: 20px 0px 20px 0px; }
      #notification.notification-body .content {
        color: #fff;
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
        text-align: center;
        line-height: 20px;
        margin: 0px 0px 10px 0px; }
      #notification.notification-body .btn-box {
        height: 30px;
        cursor: pointer;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-right: 0px;
        border: 4px solid #fff;
        width: 100%;
        max-width: 100%; }
      #notification.notification-body h3 {
        padding: 2px; } }

/* ------------------------------ */
/* header components */
/* ------------------------------------- */


.utility-holder {
  background: #fff;
  border-bottom: 1px solid #d1d1d1;
  letter-spacing: 0.1em;
  height: 33px;
  height: 2.0625rem;
  padding: 0px 0px;
  padding: 0rem 0rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .utility-holder {
      height: 33px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .utility-holder {
      display: none; } }
  .utility-holder .menu-utility {
    float: left;
    margin: 0; }
  .utility-holder .menu-utility-user-wrap {
    padding-right: 0; }
  .utility-holder .menu-utility-user {
    float: right;
    margin: 0;
    padding: 0; }
    .utility-holder .menu-utility-user li {
      float: left;
      padding: 0;
      position: relative; }
      .utility-holder .menu-utility-user li h4 {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        letter-spacing: 0.075rem;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 16px;
        line-height: 1rem; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .utility-holder .menu-utility-user li h4 {
            font-size: 12px;
            font-size: 0.75rem; } }
        .utility-holder .menu-utility-user li h4 a {
          padding: 8px 18px;
          padding: 0.5rem 1.125rem;
          display: block; }
        .utility-holder .menu-utility-user li h4 a:hover {
          background: black;
          color: white; }
        .utility-holder .menu-utility-user li h4 a:active {
          background: black;
          color: white; }
    .utility-holder .menu-utility-user li.last h4 a {
      padding-right: 24px;
      padding-right: 1.5rem; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .utility-holder .menu-utility-user li.last h4 a {
          padding-right: 16px;
          padding-right: 1rem; } }
    .utility-holder .menu-utility-user li:after {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
      display: inline-block;
      height: 11px;
      height: 0.6875rem;
      background-position: -70px -7px;
      width: 2px;
      width: 0.125rem;
      content: "";
      position: absolute;
      right: 0;
      top: 10px; }
    .utility-holder .menu-utility-user li:last-child:after {
      content: none; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .utility-holder .menu-utility-user li.mydcode-link {
        display: none; } }
  .utility-holder .header-banner {
    text-align: center;
    height: 32px;
    height: 2rem;
    overflow: hidden; }
    .utility-holder .header-banner h7 {
      font-size: 12px;
      font-size: 0.75rem;
      color: #808080;
      text-transform: uppercase;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      text-decoration: underline;
      line-height: 33px;
      line-height: 2.0625rem; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .utility-holder .header-banner h7 {
          font-size: 11px;
          font-size: 0.6875rem;
          letter-spacing: normal; } }
    .utility-holder .header-banner .html-slot-container {
      display: inline-block; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .utility-holder .header-banner .bx-wrapper .bx-prev {
        left: -8px;
        margin-top: -4px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .utility-holder .header-banner .bx-wrapper .bx-next {
        right: -10px;
        margin-top: -4px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .ship_to_value {
    display: none; } }

.ship_to_flag {
  display: none;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/flag-icon-us.gif") no-repeat 0 0;
  height: 16px;
  height: 1rem;
  width: 26px;
  width: 1.625rem;
  position: relative;
  top: 3px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .ship_to_flag {
      display: inline-block; } }

.slider {
  height: 33px;
  height: 2.0625rem;
  overflow: hidden; }
  .slider .pannel {
    cursor: pointer;
    height: 33px;
    height: 2.0625rem; }

.menu-utility {
  padding: 0; }
  .menu-utility li {
    float: left;
    line-height: 17px;
    line-height: 1.0625rem;
    padding: 8px 17px;
    padding: 0.5rem 1.0625rem;
    color: #191919;
    position: relative; }
    .menu-utility li h4 {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 16px;
      line-height: 1rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .menu-utility li h4 {
          font-size: 12px;
          font-size: 0.75rem; } }
      .menu-utility li h4 a {
        color: #191919;
        text-transform: uppercase; }
  .menu-utility li.ship_to {
    padding-left: 21px;
    padding-left: 1.3125rem;
    padding-right: 21px;
    padding-right: 1.3125rem; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .menu-utility li.ship_to {
        padding-top: 4px;
        padding-top: 0.25rem;
        padding-left: 16px;
        padding-left: 1rem; } }
    .menu-utility li.ship_to h4 {
      margin: 0;
      float: left; }
    .menu-utility li.ship_to .custom_select {
      float: left; }
  .menu-utility li.ship_to:after {
    content: "";
    margin: 4px 0px 0px 8px;
    margin: 0.25rem 0rem 0rem 0.5rem;
    vertical-align: top; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .menu-utility li.ship_to:after {
        margin-top: 8px;
        margin-top: 0.5rem; } }
  .menu-utility li:before {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
    display: inline-block;
    height: 11px;
    height: 0.6875rem;
    background-position: -70px -7px;
    width: 2px;
    width: 0.125rem;
    content: "";
    position: absolute;
    left: 0;
    top: 11px; }
  .menu-utility li:first-child:before {
    content: none; }

.floating-nav-wrapper {
  position: static;
  width: 100%; }
  @media (min-width: 0px) and (max-width: 767px) {
    .floating-nav-wrapper {
      position: static !important;
      top: 0px !important; } }
  .floating-nav-wrapper ul li {
    text-transform: none; }

.floating-nav-open {
  position: static; }

.floating-nav-topcontainer.marketing_detail .inner a {
  color: white;
  text-decoration: underline; }
  .floating-nav-topcontainer.marketing_detail .inner a:hover {
    text-decoration: none; }

.floating-nav {
  border-bottom: 1px solid #ccc;
  height: 51px;
  height: 3.1875rem;
  padding: 0 0 0 0;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/transparent_white.png") repeat;
  width: 100%;
  box-sizing: padding-box;
  -moz-box-sizing: padding-box;
  -o-box-sizing: padding-box;
  -ms-box-sizing: padding-box;
  -webkit-box-sizing: padding-box;
  position: relative; }
  @media (min-width: 0px) and (max-width: 767px) {
    .floating-nav {
      height: 35px;
      height: 2.1875rem; } }
  .floating-nav .top-nav-holder {
    padding: 0 0; }
  .floating-nav .primary-logo {
    float: left;
    padding-top: 13px;
    padding-top: 0.8125rem;
    padding-left: 24px;
    padding-left: 1.5rem;
    width: auto; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .floating-nav .primary-logo {
        padding-left: 20px;
        padding-left: 1.25rem;
        width: 17%;
        padding-top: 16px;
        padding-top: 1rem; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .floating-nav .primary-logo {
        padding-left: 6px;
        padding-left: 0.375rem;
        width: 58.3333%;
        padding-top: 8px;
        padding-top: 0.5rem; } }
    .floating-nav .primary-logo span {
      text-indent: -99999px;
      float: left;
      height: 0; }
    .floating-nav .primary-logo img {
      display: block; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .floating-nav .primary-logo img {
          width: 100%;
          vertical-align: middle; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .floating-nav .primary-logo img {
          width: 115px;
          width: 7.1875rem;
          vertical-align: middle; } }
  .floating-nav .rgt-content-wrap {
    padding: 0;
    float: right;
    width: auto;
    /* @media (min-width: $screen-md-min) and (max-width: $screen-md-max){
    	width:19%;
    } */ }
    @media (min-width: 0px) and (max-width: 767px) {
      .floating-nav .rgt-content-wrap {
        width: 33%; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .floating-nav .rgt-content-wrap {
        width: 41.6667%; } }
  .floating-nav .rgt-content {
    float: right;
    padding: 0 0 0 0; }
    .floating-nav .rgt-content .elements {
      position: relative;
      padding: 14px 14px 17px 14px;
      padding: 0.875rem 0.875rem 1.0625rem 0.875rem; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .floating-nav .rgt-content .elements {
          padding: 14px 12px 16px 12px;
          padding: 0.875rem 0.75rem 1rem 0.75rem; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .floating-nav .rgt-content .elements {
          padding: 7px 10px 8px 10px;
          padding: 0.4375rem 0.625rem 0.5rem 0.625rem;
          height: auto; } }
    .floating-nav .rgt-content .elements:after {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
      display: inline-block;
      height: 11px;
      height: 0.6875rem;
      background-position: -70px -7px;
      width: 2px;
      width: 0.125rem;
      content: "";
      right: 0;
      position: absolute;
      top: 21px;
      vertical-align: top;
      width: 2px;
      width: 0.125rem; }
      @media (min-width: 0px) and (max-width: 767px) {
        .floating-nav .rgt-content .elements:after {
          top: 14px; } }
    .floating-nav .rgt-content .elements.no-pipe:after {
      display: none; }
    .floating-nav .rgt-content .elements.header-search {
      padding-right: 24px;
      padding-right: 1.5rem; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .floating-nav .rgt-content .elements.header-search {
          padding-right: 16px;
          padding-right: 1rem;
          padding-bottom: 11px;
          padding-bottom: 0.6875rem; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .floating-nav .rgt-content .elements.header-search {
          padding-right: 5px;
          padding-right: 0.3125rem; } }
    .floating-nav .rgt-content .favourite.wishlist-selected {
      background-color: black; }
      .floating-nav .rgt-content .favourite.wishlist-selected .favourite_icon_white {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/wishlist-white.svg") no-repeat 0 0; }
      .floating-nav .rgt-content .favourite.wishlist-selected span.favourite_count_red {
        color: #ffffff; }
    .floating-nav .rgt-content #wishlistpage:hover {
      background-color: black; }
      .floating-nav .rgt-content #wishlistpage:hover .favourite_icon_red {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/wishlist-white.svg") no-repeat 0 0; }
      .floating-nav .rgt-content #wishlistpage:hover .favourite_icon_black {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/wishlist-white.svg") no-repeat 0 0; }
      .floating-nav .rgt-content #wishlistpage:hover span.favourite_count_red {
        color: #ffffff; }
    .floating-nav .rgt-content .favourite {
      float: left; }
      @media (min-width: 0px) and (max-width: 767px) {
        .floating-nav .rgt-content .favourite {
          padding-bottom: 7px;
          padding-bottom: 0.4375rem; } }
      .floating-nav .rgt-content .favourite .favourite_icon {
        display: inline-block;
        height: 19px;
        height: 1.1875rem;
        background-position: -1px -1px;
        width: 20px;
        width: 1.25rem;
        content: "";
        text-indent: -99999px;
        vertical-align: top;
        margin: 2px 0px 0px 0px;
        margin: 0.125rem 0rem 0rem 0rem; }
      .floating-nav .rgt-content .favourite .favourite_icon_red {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/wishlist-red.svg") no-repeat 0 0; }
      .floating-nav .rgt-content .favourite .favourite_icon_black {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Wishlist.svg") no-repeat 0 0; }
      .floating-nav .rgt-content .favourite span.favourite_count_red {
        color: #cc0000;
        display: inline-block;
        position: relative;
        text-align: center;
        top: 5px;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 15px;
        line-height: 0.9375rem;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        text-transform: uppercase; }
        @media (min-width: 0px) and (max-width: 767px) {
          .floating-nav .rgt-content .favourite span.favourite_count_red {
            font-size: 12px;
            font-size: 0.75rem; } }
    .floating-nav .rgt-content .header-search:after {
      content: none; }

.header-menu-icon {
  padding-left: 10px;
  padding-left: 0.625rem;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-top: 3px;
  padding-top: 0.1875rem;
  display: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    .header-menu-icon {
      display: block;
      float: left; } }
  .header-menu-icon .header-menu-icon-inner {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/menu-icon.gif") no-repeat 0 0;
    height: 14px;
    height: 0.875rem;
    width: 17px;
    width: 1.0625rem;
    background-size: contain;
    float: left;
    text-indent: -999999px; }

.floating-nav-topcontainer {
  width: 100%;
  background: #fff;
  display: none;
  position: relative; }
  @media (min-width: 0px) and (max-width: 767px) {
    .floating-nav-topcontainer {
      position: absolute;
      top: 34px; } }
  .floating-nav-topcontainer .cross_icon {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
    display: inline-block;
    content: "";
    margin: 0 0;
    position: absolute;
    right: 19px;
    top: 24px;
    text-indent: -99999px;
    cursor: pointer;
    background-position: -137px -3px;
    height: 15px;
    height: 0.9375rem;
    width: 16px;
    width: 1rem;
    z-index: 1; }
  .floating-nav-topcontainer .inner {
    min-height: 37px; }
    .floating-nav-topcontainer .inner .container-fluid.faq {
      margin: 0; }
      .floating-nav-topcontainer .inner .container-fluid.faq .row {
        border-top: 3px solid #191919; }

.marketing_detail {
  background: #191919;
  text-align: center;
  padding: 12px 0px;
  padding: 0.75rem 0rem;
  position: relative; }
  .marketing_detail .cross_icon {
    background-position: -119px -3px;
    height: 13px;
    height: 0.8125rem;
    width: 13px;
    width: 0.8125rem; }
  .marketing_detail h3 {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    color: #fff;
    margin: 0;
    text-transform: uppercase; }
  .marketing_detail p {
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0;
    color: #fff;
    padding: 8px 0px 0px 0px;
    padding: 0.5rem 0rem 0rem 0rem; }

.mini-cart-holder {
  float: left;
  padding: 0px 18px 0px 19px;
  padding: 0rem 1.125rem 0rem 1.1875rem;
  height: 51px;
  position: relative; }
  .mini-cart-holder .header-mini-cart {
    display: inline-block;
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    content: "";
    margin: 0 0;
    text-indent: -99999px; }

.header-search {
  position: relative;
  float: left;
  padding: 0px 0px 0px 45px;
  padding: 0rem 0rem 0rem 2.8125rem; }
  .header-search h4 {
    letter-spacing: 0.1em;
    padding: 3px 0px 0px 24px;
    padding: 0.1875rem 0rem 0rem 1.5rem; }
    @media (min-width: 0px) and (max-width: 1023px) {
      .header-search h4 {
        padding: 0;
        height: 18px;
        height: 1.125rem;
        width: 17px;
        width: 1.0625rem;
        text-indent: -99999px; } }
  @media (min-width: 0px) and (max-width: 1023px) {
    .header-search h4.close-btn {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
      content: "";
      margin: 0 0 0;
      cursor: pointer;
      background-position: -118px 2px;
      height: 24px;
      width: 13px; } }
  .header-search.active-close h4.close-btn {
    padding: 0; }
  .header-search h4.search-btn:before {
    background: none;
    border: none;
    position: absolute;
    left: 11px;
    top: 17px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
    display: inline-block;
    height: 17px;
    height: 1.0625rem;
    background-position: -26px -2px;
    width: 17px;
    width: 1.0625rem;
    content: ""; }
    @media (min-width: 0px) and (max-width: 1023px) {
      .header-search h4.search-btn:before {
        left: 16px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .header-search h4.search-btn:before {
        top: 11px;
        left: 8px; } }

@media only screen and (max-width: 767px) {
  .menu-utility li.mobile-menu-search .s-text {
    display: block; } }
.menu-utility li.mobile-menu-search h4:before {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
  display: inline-block;
  background-position: -299px -3px;
  content: "";
  width: 18px;
  height: 15px; }

.menu-utility li.mobile-menu-search:before {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/seprator.gif") no-repeat 0 0;
  background-position: 0 0;
  height: 23px; }

#navigation {
  padding: 0;
  margin: 0 auto;
  text-align: center;
  /* @include pixels2rem(width,620px);
  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
  	@include pixels2rem(width,510px);
  } */ }
  @media (min-width: 0px) and (max-width: 767px) {
    #navigation {
      display: none; } }
  #navigation .header-menus .menu-category {
    margin: 0 auto;
    padding: 0; }
    #navigation .header-menus .menu-category > li {
      display: inline-block;
      vertical-align: top;
      padding: 16px 9px;
      padding: 1rem 0.5625rem;
      text-transform: uppercase; }
      @media (min-width: 768px) and (max-width: 1024px) {
        #navigation .header-menus .menu-category > li {
          padding: 16px 6px;
          padding: 1rem 0.375rem; } }
      #navigation .header-menus .menu-category > li h4 {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        line-height: 19px;
        line-height: 1.1875rem; }
        @media (min-width: 768px) and (max-width: 1023px) {
          #navigation .header-menus .menu-category > li h4 {
            font-size: 13px;
            font-size: 0.8125rem; } }
        #navigation .header-menus .menu-category > li h4 a {
          letter-spacing: 0.1rem;
          display: block; }
          @media (min-width: 768px) and (max-width: 1024px) {
            #navigation .header-menus .menu-category > li h4 a {
              letter-spacing: 0.07rem; } }
    #navigation .header-menus .menu-category > li#sale h4 a {
      color: #d0021b; }
    #navigation .header-menus .menu-category > li:hover, #navigation .header-menus .menu-category > li.hover-selected {
      background: #191919;
      color: #fff; }
      #navigation .header-menus .menu-category > li:hover h4 > a, #navigation .header-menus .menu-category > li.hover-selected h4 > a {
        color: #fff; }
    #navigation .header-menus .menu-category > li#sale:hover h4 a {
      color: #fff; }
    #navigation .header-menus .menu-category > li#sale.hover-selected {
      color: #fff;
      background-color: #d0021b; }
      #navigation .header-menus .menu-category > li#sale.hover-selected h4 a {
        color: #fff; }
  #navigation .header-menus .selected {
    background-color: #191919; }
    #navigation .header-menus .selected a.active {
      color: white; }

#wrapper.open-mobile {
  position: fixed;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  left: 100%;
  margin-left: -65px; }
  @media (min-width: 768px) and (max-width: 1920px) {
    #wrapper.open-mobile {
      position: absolute;
      left: 0;
      margin-left: 0; } }

.mobile-menu-wrap {
  display: none; }

.mobile-menu-open {
  display: block;
  position: absolute;
  background: #fff;
  left: 0;
  right: 65px;
  top: 0;
  height: 100%;
  background: #fff url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/mobile_menu_repeat.png") repeat-y right 0; }
  @media (min-width: 768px) and (max-width: 1920px) {
    .mobile-menu-open {
      display: none; } }
  .mobile-menu-open .mobile-inner-wrap {
    background: #fff url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/mobile_menu_repeat.png") repeat-y right 0; }
  .mobile-menu-open .sliderDiv {
    height: auto; }

.menu-category-mobile {
  margin: 0;
  padding: 0 0 0 0px;
  margin-bottom: 20px;
  color: #191919; }
  .menu-category-mobile > li.highlight-local {
    background-color: black; }
  .menu-category-mobile > li h4 {
    font-size: 14px;
    font-size: 0.875rem; }
  .menu-category-mobile > li a {
    color: #191919;
    display: block;
    position: relative;
    padding: 0px 17px 0px 21px;
    padding: 0rem 1.0625rem 0rem 1.3125rem; }
    .menu-category-mobile > li a.highlight-local {
      color: white; }
    .menu-category-mobile > li a > span {
      line-height: 41px;
      line-height: 2.5625rem;
      padding: 0px 0px 0px 2px;
      padding: 0rem 0rem 0rem 0.125rem;
      border-bottom: 1px solid #e6e6e6;
      display: block; }
      .menu-category-mobile > li a > span.highlight-local {
        border-bottom: 0px solid #e6e6e6; }
  .menu-category-mobile > li a.highlight-local:after {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility_white.svg") no-repeat 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    height: 10px;
    width: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 15px; }
  .menu-category-mobile > li a:after {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg") no-repeat 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    height: 10px;
    width: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 15px; }
  .menu-category-mobile .mobile-level-2 {
    display: none; }
  .menu-category-mobile .mobile-level-3 {
    display: none; }
  .menu-category-mobile ul {
    margin: 0;
    padding: 0; }

.menu-utility-mobile {
  background: #e8e8e8;
  display: table;
  width: 100%;
  margin: 0; }
  .menu-utility-mobile .ship_to_value {
    display: none; }
  .menu-utility-mobile .ship_to_flag {
    display: inline-block;
    text-align: center; }
  .menu-utility-mobile .myacc h4 a {
    line-height: 18px; }
  .menu-utility-mobile li {
    width: 33%;
    padding: 8px 16px;
    padding: 0.5rem 1rem;
    text-align: center; }
    .menu-utility-mobile li h4 {
      font-size: 13px;
      font-size: 0.8125rem;
      letter-spacing: 1px; }
  .menu-utility-mobile li.ship_to h4 {
    float: none; }
  .menu-utility-mobile li.ship_to .ship_to_inner {
    position: relative;
    display: inline-block;
    cursor: pointer; }
  .menu-utility-mobile li.ship_to .ship_to_inner:after {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
    display: inline-block;
    height: 6px;
    height: 0.375rem;
    background-position: -81px -7px;
    width: 7px;
    width: 0.4375rem;
    content: "";
    margin: 4px 0px 0px 8px;
    margin: 0.25rem 0rem 0rem 0.5rem;
    vertical-align: top;
    position: absolute;
    right: -16px;
    top: 1px; }
  .menu-utility-mobile li.myacc:before {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/seprator.gif") no-repeat 0 0;
    display: inline-block;
    height: 23px;
    height: 1.4375rem;
    width: 2px;
    width: 0.125rem;
    content: "";
    position: absolute;
    left: 0;
    top: 11px; }
  .menu-utility-mobile li.seprator:before {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/seprator.gif") no-repeat 0 0;
    height: 23px;
    height: 1.4375rem; }
  .menu-utility-mobile li.ship_to:after {
    content: none; }

.banner {
  width: 100%;
  height: auto;
  margin: auto;
  text-align: center;
  position: relative; }

.header-sticky .floating-nav-wrapper {
  position: absolute;
  top: 33px;
  left: 0; }
.header-sticky .floating-nav-open {
  position: static; }
@media (min-width: 1921px) {
  .header-sticky .mini-bag-content {
    left: 50% !important;
    right: auto !important;
    margin-left: -960px; } }
.header-sticky .header-fixed .mini-bag-content {
  top: 48px !important; }
.header-sticky .header-fixed .floating-nav-wrapper {
  position: fixed;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }
.header-sticky .header-fixed .floating-nav-open {
  position: static; }

/*mini cart css by ashwani */
/* ------------------------------------- */
.minicart-tool-tip, .wishlist-tooltip {
  color: #FFF;
  display: none;
  left: -75px;
  padding: 8px;
  position: absolute;
  text-align: center;
  top: 42px;
  min-width: 200px;
  z-index: 999; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .minicart-tool-tip, .wishlist-tooltip {
      left: -103px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .minicart-tool-tip, .wishlist-tooltip {
      left: -118px; } }

.rgt-content .favourite span.favourite_count_red {
  font-size: 15px;
  color: #d0021b;
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }

.wishlist-tooltip {
  left: -75px; }

.wishlist-tooltip .arrow {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow.png") no-repeat scroll left top transparent;
  top: -2px;
  display: block;
  padding: 5px 10px;
  position: absolute;
  left: 45%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .wishlist-tooltip .arrow {
      left: 57%; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .wishlist-tooltip .arrow {
      left: 59%; } }

.wishlist-tooltip .msg {
  background-color: #181818;
  font-size: 18px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.minicart-tool-tip .arrow {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow.png") no-repeat scroll left top transparent;
  top: -2px;
  display: block;
  padding: 5px 10px;
  position: absolute;
  left: 45%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .minicart-tool-tip .arrow {
      left: 63%; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .minicart-tool-tip .arrow {
      left: 63%; } }

.minicart-tool-tip .msg {
  background-color: #181818;
  font-size: 18px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.remove-item {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box.svg") no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 1; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .remove-item {
      margin-right: 12px; } }

.empty-red-bag {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/bag_happy_red.svg") no-repeat; }

.empty-black-bag {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/bag_regular_black.svg") no-repeat; }

.empty-white-bag {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/bag_regular_white.svg") no-repeat; }

.filled-white-bag {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/bag_happy_white.svg") no-repeat; }

.mini-cart-holder {
  cursor: pointer; }

.mini-bag-lt4-wrapper {
  padding-right: 20px;
  padding-left: 20px;
  width: 100%;
  float: right; }

.fixed-flyout {
  top: 50px;
  position: fixed;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.mini-bag-lt4-slider {
  width: 25%;
  float: right;
  text-align: center; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mini-bag-lt4-slider {
      width: 50%; } }

.favourite_count_red_empty {
  text-indent: -999999px;
  float: left;
  width: 0;
  height: 0; }

.empty-bag-count {
  text-indent: -99999px;
  float: left;
  width: 0;
  height: 0; }

.bag-count {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 14px;
  color: #d0021b;
  top: -2px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  vertical-align: top;
  margin-top: 6px; }
  .bag-count a {
    color: #d0021b; }

.bx-custom-wrapper {
  float: left;
  width: 100%; }

.mini-cart-image {
  width: 170px;
  display: inline-block;
  vertical-align: top;
  position: relative; }
  .mini-cart-image img {
    width: 100%; }

.mini-cart-details {
  text-align: center;
  padding-top: 10px; }

.mini-cart-name {
  padding-bottom: 10px; }

.mini-cart-size {
  padding-top: 10px; }

.mini-cart-pricing {
  padding-top: 10px; }

.fake-content {
  position: absolute;
  width: 100%;
  float: left;
  left: 0;
  border-top: solid 3px #191919;
  width: 100%;
  min-height: 380px;
  height: auto;
  top: 82px;
  overflow: visible !important;
  display: none;
  z-index: 1000;
  opacity: 1;
  margin: 0;
  background-color: #fff; }
  .fake-content #loader-img {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%; }

.mini-bag-content {
  display: none;
  position: fixed;
  width: 100%;
  float: left;
  left: 0;
  border-top: solid 3px #191919;
  width: 100%;
  min-height: 380px;
  height: auto;
  top: 82px;
  overflow: visible !important;
  z-index: 100;
  opacity: 1;
  margin: 0; }
  .mini-bag-content .empty-cart-wrapper {
    padding-top: 0; }
  .mini-bag-content .cart-promo-approaching {
    font-size: 16px;
    text-align: center;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    color: #d0021b;
    text-transform: uppercase;
    margin-top: 8px;
    float: left;
    width: 100%; }
  .mini-bag-content .bx-wrapper .bx-controls-direction a {
    width: 35px;
    height: 40px; }
  .mini-bag-content .bx-wrapper .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Carousel_arrow.svg") no-repeat !important;
    right: -40px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
    @media (min-width: 768px) and (max-width: 1024px) {
      .mini-bag-content .bx-wrapper .bx-next {
        right: 0; } }
    @media (min-width: 768px) and (max-width: 800px) {
      .mini-bag-content .bx-wrapper .bx-next {
        right: -25px; } }
  .mini-bag-content .bx-wrapper .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Carousel_arrow.svg") no-repeat !important;
    left: -40px; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .mini-bag-content .bx-wrapper .bx-prev {
        left: 0; } }
    @media (min-width: 768px) and (max-width: 800px) {
      .mini-bag-content .bx-wrapper .bx-prev {
        left: -25px; } }
  @media (min-width: 1921px) {
    .mini-bag-content {
      max-width: 1920px;
      right: -106px !important;
      left: auto !important; } }
  .mini-bag-content .heading-txt {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 24px; }
  .mini-bag-content .item-details, .mini-bag-content .delivery-details, .mini-bag-content .payment-details {
    padding-top: 20px;
    line-height: 1.5;
    font-size: 18px;
    padding-bottom: 8px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    .mini-bag-content .item-details span:nth-child(2), .mini-bag-content .delivery-details span:nth-child(2), .mini-bag-content .payment-details span:nth-child(2) {
      float: right; }
  .mini-bag-content .mini-bag-totals {
    font-size: 18px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    padding-top: 20px; }
    .mini-bag-content .mini-bag-totals .value {
      float: right; }
  .mini-bag-content .mini-cartcheckout-button {
    padding-top: 20px; }
    .mini-bag-content .mini-cartcheckout-button .pending-taxes {
      display: inline-block; }
    .mini-bag-content .mini-cartcheckout-button .mini-cart-promo {
      margin: 8px 0px 0px 0px;
      font-size: 16px;
      text-align: center;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      color: #d0021b;
      text-transform: uppercase;
      float: left;
      width: 100%; }
  .mini-bag-content .sub-heading {
    margin-bottom: 18px;
    font-size: 18px;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
  .mini-bag-content .mini-cart-button {
    padding-top: 150px;
    padding-bottom: 70px; }
  .mini-bag-content .viewBag {
    float: left;
    padding: 6px 25px 0 25px;
    color: #fff;
    text-align: center;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    background-color: #d0021b;
    letter-spacing: 0.029em;
    font-size: 18px;
    border: 3px solid #d0021b; }
    .mini-bag-content .viewBag:hover {
      background-color: #fff;
      color: #d0021b;
      transition: 0.2s; }
  .mini-bag-content .seperator {
    border: 1px solid grey; }

.mini-cart-totals {
  background-color: #e8e8e8;
  min-height: 380px;
  padding-left: 25px; }

.mini-cart-products {
  background: white;
  min-height: 380px;
  padding-top: 10px;
  padding-right: 0px !important; }
  .mini-cart-products .left-text-block {
    width: 50%;
    float: left;
    padding-left: 10px; }
  .mini-cart-products .mid-image-block {
    width: 50%;
    float: left; }
    .mini-cart-products .mid-image-block .img-banner-left, .mini-cart-products .mid-image-block .img-banner-right {
      width: 230px;
      height: 300px;
      overflow: hidden; }
    .mini-cart-products .mid-image-block .img-section-left {
      width: 50%;
      float: left;
      border-left: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .mini-cart-products .mid-image-block .img-section-left {
          width: 100%; } }
      .mini-cart-products .mid-image-block .img-section-left .img-txt-left {
        padding: 30px; }
      .mini-cart-products .mid-image-block .img-section-left img {
        width: 100%; }
    .mini-cart-products .mid-image-block .img-section-right {
      width: 50%;
      float: left;
      border-left: 1px solid #e8e8e8;
      border-right: 1px solid #e8e8e8; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .mini-cart-products .mid-image-block .img-section-right {
          display: none; } }
      .mini-cart-products .mid-image-block .img-section-right .img-txt-right {
        padding: 30px; }
      .mini-cart-products .mid-image-block .img-section-right img {
        width: 100%; }

.mini-cart-link {
  display: block; }

@media (min-width: 768px) and (max-width: 1024px) {
  .header-search-content-fixed {
    left: 0 !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .header-mini-cart-fixed {
    left: 0 !important; } }

.menu-category-mobile > li.mob-no-subcat-arrow a:after {
  background: none; }

.dialog-button {
  text-transform: uppercase;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 7px 20px;
  background-color: #191919;
  text-align: center;
  color: #fff;
  border: 2px solid #191919;
  transition: 0.2s; }
  .dialog-button:hover {
    background: transparent;
    color: #191919; }

.switch-country-dialog.ui-dialog-content {
  display: none;
  padding: 10px 20px 25px 20px;
  height: auto !important; }
  @media only screen and (max-width: 767px) {
    .switch-country-dialog.ui-dialog-content {
      padding: 10px 15px 25px 15px; } }
  .switch-country-dialog.ui-dialog-content .switch-country-label {
    width: 100%;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px; }
    .switch-country-dialog.ui-dialog-content .switch-country-label h3 {
      font-size: 30px;
      letter-spacing: 3px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .switch-country-dialog.ui-dialog-content .switch-country-label h3 {
          font-size: 25px;
          padding-right: 0px; } }
    .switch-country-dialog.ui-dialog-content .switch-country-label .close-country-dialog {
      width: 20px;
      height: 20px;
      top: 8px;
      right: 8px;
      position: absolute;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") -137px -4px no-repeat;
      text-indent: -1000px; }
      @media only screen and (max-width: 767px) {
        .switch-country-dialog.ui-dialog-content .switch-country-label .close-country-dialog {
          top: 4px;
          right: 0px; } }
  .switch-country-dialog.ui-dialog-content .switch-country-message p {
    letter-spacing: 0.5px;
    line-height: 18px;
    color: black; }
    @media only screen and (max-width: 767px) {
      .switch-country-dialog.ui-dialog-content .switch-country-message p {
        font-size: 13px; } }
  .switch-country-dialog.ui-dialog-content .switch-country-button-container {
    width: 100%;
    position: relative;
    float: none;
    margin-top: 10px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .switch-country-dialog.ui-dialog-content .switch-country-button-container {
        float: left; } }
    .switch-country-dialog.ui-dialog-content .switch-country-button-container a + a {
      margin-left: 10%; }
      @media only screen and (max-width: 767px) {
        .switch-country-dialog.ui-dialog-content .switch-country-button-container a + a {
          margin-left: 2%; } }
    .switch-country-dialog.ui-dialog-content .switch-country-button-container .switch-continue-button {
      font-size: 18px;
      letter-spacing: 3px;
      background-color: #191919;
      border-color: #191919;
      color: #fff;
      padding: 7px 14px;
      -moz-transition: none;
      -webkit-transition: none;
      transition: none; }
      .switch-country-dialog.ui-dialog-content .switch-country-button-container .switch-continue-button:hover {
        color: #191919;
        background: transparent; }
    .switch-country-dialog.ui-dialog-content .switch-country-button-container .switch-cancel-button {
      font-size: 18px;
      letter-spacing: 4px;
      background-color: transparent;
      border-color: #191919;
      color: #191919; }
      .switch-country-dialog.ui-dialog-content .switch-country-button-container .switch-cancel-button:hover {
        color: #fff;
        background: black; }

.welcome-user-box.ui-dialog-content {
  padding: 10px 10px 0px 10px;
  display: none;
  height: auto !important; }
  .welcome-user-box.ui-dialog-content .close-welcome-dialog {
    width: 15px;
    height: 13px;
    top: 10px;
    right: 10px;
    position: absolute;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") -137px -4px no-repeat;
    text-indent: -1000px; }
    @media only screen and (max-width: 767px) {
      .welcome-user-box.ui-dialog-content .close-welcome-dialog {
        right: 10px; } }
  .welcome-user-box.ui-dialog-content .title-holder {
    width: 100%;
    text-align: center; }
    .welcome-user-box.ui-dialog-content .title-holder .welcome-subtitle {
      margin: 5px 0;
      font-size: 16px; }
      @media only screen and (max-width: 767px) {
        .welcome-user-box.ui-dialog-content .title-holder .welcome-subtitle {
          margin: 15px 0 0 0;
          font-size: 13px;
          line-height: 18px; } }
    .welcome-user-box.ui-dialog-content .title-holder h2 {
      display: inline-block;
      font-size: 19px;
      letter-spacing: 1px;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .welcome-user-box.ui-dialog-content .title-holder h2 {
          font-size: 15px;
          display: block; } }
    .welcome-user-box.ui-dialog-content .title-holder h1 {
      font-size: 47px;
      letter-spacing: 1px;
      margin-top: 2px; }
      @media only screen and (max-width: 767px) {
        .welcome-user-box.ui-dialog-content .title-holder h1 {
          font-size: 46px;
          display: block; } }
    .welcome-user-box.ui-dialog-content .title-holder .welcome-flag-img {
      display: inline-block;
      margin-left: 5px; }
  .welcome-user-box.ui-dialog-content .welcome-text-content {
    text-align: center;
    margin-top: 13px; }
    @media only screen and (max-width: 767px) {
      .welcome-user-box.ui-dialog-content .welcome-text-content {
        margin-top: 0px; } }
    .welcome-user-box.ui-dialog-content .welcome-text-content p {
      margin: 0px 0px 0px 0px;
      line-height: 18px;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .welcome-user-box.ui-dialog-content .welcome-text-content p {
          margin: 14px 0;
          font-size: 17px;
          padding: 0px 18px; } }
    .welcome-user-box.ui-dialog-content .welcome-text-content .welcome-shop-now {
      border: 2px solid #191919;
      background-color: #191919;
      width: 35%;
      color: white;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      font-weight: bold;
      transition: 0.2s;
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: 1px;
      padding: 5px;
      margin-top: 22px;
      margin-bottom: 6px; }
      @media only screen and (max-width: 767px) {
        .welcome-user-box.ui-dialog-content .welcome-text-content .welcome-shop-now {
          width: 63%;
          margin-top: 10px;
          margin-bottom: 10px;
          font-size: 15px;
          padding-top: 7px;
          padding-bottom: 7px; } }
      .welcome-user-box.ui-dialog-content .welcome-text-content .welcome-shop-now:hover {
        color: #191919;
        background-color: #fff; }
  .welcome-user-box.ui-dialog-content .welcome-not-shipping {
    text-align: center;
    margin-top: 20px;
    letter-spacing: 1px; }
    @media only screen and (max-width: 767px) {
      .welcome-user-box.ui-dialog-content .welcome-not-shipping {
        padding: 0px 0px; } }
    .welcome-user-box.ui-dialog-content .welcome-not-shipping a {
      border-bottom: 1px solid #808080; }
      .welcome-user-box.ui-dialog-content .welcome-not-shipping a:hover {
        text-decoration: none; }

@media (max-device-width: 320px) and (orientation: portrait) {
  .menu-utility-mobile .ship_to.non-ecom-mobile .ship_to_inner:after {
    right: -3px; } }

/* sub navigation components */
/* ------------------------------------- */
/** CR DSU-1633 Changing all text-transform state to default it will be BM Controlled **/
#navigation .menu-category li div h1, #navigation .menu-category li div h2, #navigation .menu-category li div h3, #navigation .menu-category li div h4, #navigation .menu-category li div ul li, #navigation .menu-category li div p {
  text-transform: none; }

.nav-white-holder {
  background-color: white;
  width: 100%; }

/* Common navigaion Level 2*/
div.level-2 {
  background: #fff;
  border-top: 4px solid #191919;
  display: none;
  left: 0;
  margin-top: 0;
  text-transform: initial;
  overflow: visible;
  position: absolute;
  top: 48px;
  width: 100%;
  z-index: 20;
  text-align: left; }
  div.level-2 h1 {
    letter-spacing: 0.075rem;
    margin: 0;
    color: #191919;
    font-size: 24px;
    font-size: 1.5rem; }
    @media (min-width: 768px) and (max-width: 1023px) {
      div.level-2 h1 {
        font-size: 20px;
        font-size: 1.25rem; } }
  div.level-2 h2 {
    margin: 0;
    color: #191919;
    font-size: 18px;
    font-size: 1.125rem; }
    @media (min-width: 768px) and (max-width: 1023px) {
      div.level-2 h2 {
        font-size: 14px;
        font-size: 0.875rem; } }
  div.level-2 ul.level-2 {
    margin: 0; }
    div.level-2 ul.level-2 .sub-menus {
      position: relative; }
  div.level-2 li.see-all-link, div.level-2 h4.see-all-link {
    text-transform: none; }
    div.level-2 li.see-all-link p, div.level-2 h4.see-all-link p {
      margin: 0;
      display: inline-block;
      text-transform: none; }
      div.level-2 li.see-all-link p a, div.level-2 h4.see-all-link p a {
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        font-size: 13px; }
  div.level-2 .see-all-link:before {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg") no-repeat 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    height: 10px;
    width: 10px;
    content: "";
    display: inline-block;
    margin: 3px 4px 0 -2px;
    vertical-align: top; }
  div.level-2 a:hover {
    text-decoration: underline; }
  div.level-2 a.unclickable:hover {
    text-decoration: none;
    cursor: default; }

div.level-2 .sub-category-list {
  float: left;
  width: 50%; }
div.level-2 ul.level-3 {
  margin: 0;
  padding: 0; }
div.level-2 ul.level-4 {
  margin: 0;
  padding: 0; }

/*Man-woman Sub navigation*/
.level-2.s-catflytemp1 {
  background: #e8e8e8; }
  .level-2.s-catflytemp1 h1 {
    background: #fff;
    letter-spacing: 0.075rem;
    padding: 28px 24px 22px 24px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp1 h1 {
        padding: 20px 16px 25px 16px; } }
  .level-2.s-catflytemp1 h2 {
    padding: 0 0 23px 0;
    letter-spacing: 0.075rem; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp1 h2 {
        padding: 0 0 20px 0; } }
  .level-2.s-catflytemp1 ul.level-2 {
    background: #fff;
    padding: 0 0 26px 0; }
    .level-2.s-catflytemp1 ul.level-2 .sub-category-list {
      padding-bottom: 26px;
      border-right: 1px solid #d1d1d1;
      padding: 0 24px 0 24px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp1 ul.level-2 .sub-category-list {
          padding: 0 20px 0 20px; } }
    .level-2.s-catflytemp1 ul.level-2 .sub-category-list.last {
      border-right: 0; }
  .level-2.s-catflytemp1 ul.level-3 {
    padding: 0; }
    .level-2.s-catflytemp1 ul.level-3 > li {
      padding: 0 0 10px 0;
      letter-spacing: 0.05rem; }
      .level-2.s-catflytemp1 ul.level-3 > li:last-child {
        padding: 0; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp1 ul.level-3 > li {
          padding: 0 0 20px 0; } }
  .level-2.s-catflytemp1 .custom.you-enjoy {
    background: #e8e8e8;
    margin-top: -81px;
    padding-top: 81px;
    padding-bottom: 26px;
    padding-left: 24px;
    padding-right: 24px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp1 .custom.you-enjoy {
        margin-top: 0px;
        padding-top: 25px;
        padding-left: 20px;
        border-top: 2px solid #d1d1d1;
        padding-bottom: 0; } }
    .level-2.s-catflytemp1 .custom.you-enjoy ul {
      margin: 0;
      padding: 0; }
      .level-2.s-catflytemp1 .custom.you-enjoy ul > li {
        padding: 0 0 14px 0;
        letter-spacing: 0.050rem; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .level-2.s-catflytemp1 .custom.you-enjoy ul > li {
            padding: 0 0 18px 0; } }
  .level-2.s-catflytemp1 .custom.horizantal-custom {
    background: #fff;
    border-top: 1px solid #d1d1d1;
    padding: 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp1 .custom.horizantal-custom {
        border-top-width: 2px;
        min-height: 195px; } }
    .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider {
      margin: 0;
      padding: 0; }
      .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider .highlights {
        display: none;
        float: left;
        width: 50%; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider .highlights {
            display: block;
            padding-left: 20px;
            padding-bottom: 20px;
            padding-top: 25px; } }
      .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li {
        padding: 0;
        height: 127px;
        overflow: hidden; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li {
            height: auto; } }
        .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li .image-sec {
          float: left;
          height: 100%;
          padding: 0; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li .image-sec {
              position: absolute;
              right: 0;
              display: none;
              width: 50%; } }
        .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li img {
          display: block;
          width: 100%; }
        .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li .content-wrapper {
          display: table;
          height: 100%;
          float: left;
          padding: 0;
          text-align: center; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li .content-wrapper {
              text-align: left;
              padding-left: 20px;
              padding-bottom: 20px;
              clear: left; } }
          .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li .content-wrapper h6 {
            display: table-cell;
            vertical-align: middle; }
            .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li .content-wrapper h6 a {
              color: #191919;
              letter-spacing: 0.05rem; }
        .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li .content-wrapper.first-element h6 a {
          color: #191919; }

.ipad_cross_icon {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box_white.svg") no-repeat 0 0;
  height: 27px;
  width: 27px;
  display: none;
  position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -10px;
  z-index: 20; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .ipad_cross_icon {
      display: inline-block; } }

/*Denim Sub navigation*/
#diesel-denim .level-2.s-catflytemp7 {
  border-top: 0;
  margin: 0px; }
  @media only screen and (min-width: 1024px) {
    #diesel-denim .level-2.s-catflytemp7 .mobile-only {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #diesel-denim .level-2.s-catflytemp7 .desktop-only {
      display: none; } }
  #diesel-denim .level-2.s-catflytemp7 .level-2 {
    padding: 0; }
  #diesel-denim .level-2.s-catflytemp7 .highlights-category {
    padding: 0;
    margin: 0; }
    #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight {
      padding: 0;
      border-right: 1px solid #191919;
      /*deskto-speific css*/ }
      #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .bottom-section {
        margin: 0;
        padding: 0; }
        #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .bottom-section .highlight-items {
          padding: 0; }
          #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .bottom-section .highlight-items .img-container {
            width: 100%; }
            #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .bottom-section .highlight-items .img-container img {
              width: 100%; }
          #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .bottom-section .highlight-items .txt-content {
            text-align: center;
            padding-top: 20px;
            padding-bottom: 20px; }
      #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .txt-items {
        padding: 0;
        padding-left: 20px;
        padding-top: 25px;
        padding-bottom: 25px; }
        #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .txt-items h2 {
          padding-bottom: 20px; }
        #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .txt-items .txt-content {
          padding-bottom: 13px; }
      #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .img-items {
        padding: 0; }
        #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .img-items .img-container {
          width: 100%;
          display: none;
          overflow: hidden; }
          #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .img-items .img-container img {
            width: 100%; }
        #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .img-items .img-container:first-child {
          display: block; }
  #diesel-denim .level-2.s-catflytemp7 .sub-category-list {
    border-right: 1px solid #191919;
    padding-right: 0 !important;
    padding-left: 0px;
    border-top: 4px solid #191919; }
  #diesel-denim .level-2.s-catflytemp7 .sub-category-list.inactive {
    opacity: 0.4;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out; }
  #diesel-denim .level-2.s-catflytemp7 a.unclickable {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  #diesel-denim .level-2.s-catflytemp7 .white-bg {
    padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #diesel-denim .level-2.s-catflytemp7 .white-bg {
        min-height: 298px; } }
    #diesel-denim .level-2.s-catflytemp7 .white-bg h2 {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 24px;
      font-size: 1.5rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      padding: 25px 0px 0px 25px;
      padding: 1.5625rem 0rem 0rem 1.5625rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #diesel-denim .level-2.s-catflytemp7 .white-bg h2 {
          padding: 0px 0px 0px 20px;
          padding: 0rem 0rem 0rem 1.25rem; } }
  #diesel-denim .level-2.s-catflytemp7 div.level-3 ul.level-3 {
    padding-top: 74px;
    padding-top: 4.625rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #diesel-denim .level-2.s-catflytemp7 div.level-3 ul.level-3 {
        padding-top: 52px; } }
    #diesel-denim .level-2.s-catflytemp7 div.level-3 ul.level-3 > .s-catflytemp2 {
      padding: 0px 0px 0px 20px;
      padding: 0rem 0rem 0rem 1.25rem;
      border-right: 1px solid #d1d1d1;
      font-size: 18px;
      font-size: 1.125rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #diesel-denim .level-2.s-catflytemp7 div.level-3 ul.level-3 > .s-catflytemp2 {
          padding: 0px 0px 0px 20px;
          padding: 0rem 0rem 0rem 1.25rem;
          min-height: 235px; } }
      #diesel-denim .level-2.s-catflytemp7 div.level-3 ul.level-3 > .s-catflytemp2 .unclickable {
        text-transform: none; }
  #diesel-denim .level-2.s-catflytemp7 div.level-3 li.s-catflytemp2:nth-child(2) {
    padding-left: 15px;
    border-right: none; }
  #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim {
    background-color: #e8e8e8; }
    @media only screen and (min-width: 1024px) {
      #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim {
        min-height: 319px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim {
        padding-bottom: 20px; } }
    #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols {
      padding-top: 74px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols {
          padding-top: 22px;
          padding-left: 12px; } }
      #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols > li.s-catflytemp2 {
        padding: 0;
        font-size: 13px;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        letter-spacing: 0.075rem; }
        #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols > li.s-catflytemp2 a.unclickable {
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 18px;
          text-transform: none; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols > li.s-catflytemp2 a.unclickable {
              font-size: 14px; } }
        #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols > li.s-catflytemp2 ul {
          padding: 20px 0px 0px 0px;
          padding: 1.25rem 0rem 0rem 0rem;
          margin: 0; }
          #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols > li.s-catflytemp2 ul li {
            padding-bottom: 10px; }
            @media only screen and (min-width: 768px) and (max-width: 1023px) {
              #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols > li.s-catflytemp2 ul li {
                padding-bottom: 15px; } }
  #diesel-denim .level-2.s-catflytemp7 div.level-4 ul.level-4 {
    padding-top: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #diesel-denim .level-2.s-catflytemp7 div.level-4 ul.level-4 {
        padding-top: 15px; } }
    #diesel-denim .level-2.s-catflytemp7 div.level-4 ul.level-4 > li {
      padding-bottom: 10px;
      font-size: 13px;
      font-size: 0.8125rem; }
      #diesel-denim .level-2.s-catflytemp7 div.level-4 ul.level-4 > li:last-child {
        padding-bottom: 0; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 div.level-4 ul.level-4 > li {
    padding-bottom: 15px; } }

div.level-2.s-sale .sub-menu2.inactive, .sale-nav-menu-2 .sub-menu2.inactive {
  opacity: 0.4;
  transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out; }

/*KIDS Sub navigation*/
.level-2.s-catflytemp4 {
  border-top: 0;
  margin: 0; }
  @media only screen and (min-width: 1024px) {
    .level-2.s-catflytemp4 .mobile-only {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp4 .desktop-only {
      display: none; } }
  .level-2.s-catflytemp4 ul.level-2 {
    padding: 0; }
  .level-2.s-catflytemp4 ul.level-3 h3 {
    letter-spacing: 0.075rem; }
  .level-2.s-catflytemp4 .sub-category-list {
    border-top: 4px solid #191919;
    border-right: 1px solid #191919;
    padding: 0; }
    .level-2.s-catflytemp4 .sub-category-list.inactive {
      opacity: 0.4;
      transition: opacity .3s ease-in-out;
      -moz-transition: opacity .3s ease-in-out;
      -webkit-transition: opacity .3s ease-in-out;
      -ms-transition: opacity .3s ease-in-out; }
    .level-2.s-catflytemp4 .sub-category-list .sub-menus {
      padding-top: 25px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp4 .sub-category-list .sub-menus {
          padding-top: 17px; } }
    .level-2.s-catflytemp4 .sub-category-list h2 {
      padding-left: 25px;
      padding-top: 25px; }
  .level-2.s-catflytemp4 li.category-items {
    padding-left: 20px;
    border-right: 1px solid #ebebeb; }
  .level-2.s-catflytemp4 li.category-items:nth-child(2) {
    border-right: none;
    padding-left: 15px; }
  .level-2.s-catflytemp4 div.level-4 ul.level-4 {
    padding-top: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp4 div.level-4 ul.level-4 {
        padding-top: 20px; } }
    .level-2.s-catflytemp4 div.level-4 ul.level-4 > li {
      padding-bottom: 13px; }
  .level-2.s-catflytemp4 .custom-feature {
    background-color: #e8e8e8;
    padding-bottom: 25px; }
    .level-2.s-catflytemp4 .custom-feature h3 {
      padding: 10px 0px 20px 0px;
      padding: 0.625rem 0rem 1.25rem 0rem;
      letter-spacing: 0.075rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp4 .custom-feature h3 {
          padding: 20px 0px; } }
    .level-2.s-catflytemp4 .custom-feature ul.k-first-1, .level-2.s-catflytemp4 .custom-feature ul.k-first-2 {
      padding-left: 25px;
      padding-left: 1.5625rem;
      border-right: 1px solid #d1d1d1;
      margin: 0; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp4 .custom-feature ul.k-first-1, .level-2.s-catflytemp4 .custom-feature ul.k-first-2 {
          padding-left: 15px; } }
      .level-2.s-catflytemp4 .custom-feature ul.k-first-1 .kids-feature-list, .level-2.s-catflytemp4 .custom-feature ul.k-first-2 .kids-feature-list {
        padding-bottom: 13px;
        padding-bottom: 0.8125rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp4 .custom-feature ul.k-first-1:first-child, .level-2.s-catflytemp4 .custom-feature ul.k-first-2:first-child {
          padding-left: 20px; } }
  .level-2.s-catflytemp4 .highlights-category.mobile-only .txt-items {
    padding-left: 25px; }
    .level-2.s-catflytemp4 .highlights-category.mobile-only .txt-items h2 {
      padding-left: 0;
      padding-bottom: 25px; }
    .level-2.s-catflytemp4 .highlights-category.mobile-only .txt-items .txt-content {
      padding-bottom: 13px; }
  .level-2.s-catflytemp4 .highlights-category.mobile-only .img-items {
    padding: 0; }
    .level-2.s-catflytemp4 .highlights-category.mobile-only .img-items .img-container {
      width: 100%;
      display: none;
      overflow: hidden; }
      .level-2.s-catflytemp4 .highlights-category.mobile-only .img-items .img-container img {
        width: 100%; }
    .level-2.s-catflytemp4 .highlights-category.mobile-only .img-items .img-container:first-child {
      display: block; }
  .level-2.s-catflytemp4 .highlights-category {
    padding: 0;
    margin: 0; }
    .level-2.s-catflytemp4 .highlights-category li.highlight-items {
      padding: 0; }
      .level-2.s-catflytemp4 .highlights-category li.highlight-items .img-container {
        width: 100%;
        overflow: hidden; }
        .level-2.s-catflytemp4 .highlights-category li.highlight-items .img-container img {
          width: 100%; }
      .level-2.s-catflytemp4 .highlights-category li.highlight-items .txt-content {
        padding-top: 15px;
        padding-bottom: 20px;
        text-align: center; }

#navigation .header-menus .menu-category > li#sale:hover {
  background-color: #d0021b; }

div.level-2.s-sale, .sale-nav-menu-2 {
  border-top: 4px solid #d0021b;
  letter-spacing: 0.075rem; }

.level-2.s-sale, .sale-nav-menu-2 {
  margin: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-sale h2, .sale-nav-menu-2 h2 {
      font-size: 20px; } }
  .level-2.s-sale div.sub-menu2:last-child, .sale-nav-menu-2 div.sub-menu2:last-child {
    	  /*position: absolute;
        right: 0;
        top: 0;
        bottom: 0;*/ }
    .level-2.s-sale div.sub-menu2:last-child .sub-menus, .sale-nav-menu-2 div.sub-menu2:last-child .sub-menus {
      position: static; }
      .level-2.s-sale div.sub-menu2:last-child .sub-menus .sub-menus-kid-img, .sale-nav-menu-2 div.sub-menu2:last-child .sub-menus .sub-menus-kid-img {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .level-2.s-sale div.sub-menu2:last-child .sub-menus .sub-menus-kid-img, .sale-nav-menu-2 div.sub-menu2:last-child .sub-menus .sub-menus-kid-img {
            width: 75%;
            padding: 0; } }
        .level-2.s-sale div.sub-menu2:last-child .sub-menus .sub-menus-kid-img .img-container img, .sale-nav-menu-2 div.sub-menu2:last-child .sub-menus .sub-menus-kid-img .img-container img {
          width: 100%; }
  .level-2.s-sale ul.level-2, .sale-nav-menu-2 ul.level-2 {
    padding: 0; }
    .level-2.s-sale ul.level-2 .sub-menu2, .sale-nav-menu-2 ul.level-2 .sub-menu2 {
      padding: 0;
      border-right: 1px solid #191919; }
    .level-2.s-sale ul.level-2 .sub-menus, .sale-nav-menu-2 ul.level-2 .sub-menus {
      padding: 25px 0px 0px 25px;
      padding: 1.5625rem 0rem 0rem 1.5625rem; }
      .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale, .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale-3, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale-3 {
        padding-top: 25px;
        padding-top: 1.5625rem; }
        .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale h2, .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale-3 h2, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale h2, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale-3 h2 {
          padding-bottom: 25px; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale h2, .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale-3 h2, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale h2, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale-3 h2 {
              font-size: 14px; } }
        .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale > li, .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale-3 > li, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale > li, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale-3 > li {
          padding-bottom: 13px; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale > li, .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale-3 > li, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale > li, .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale-3 > li {
              padding-bottom: 15px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale:nth-child(2), .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale-3:nth-child(2), .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale:nth-child(2), .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale-3:nth-child(2) {
          min-height: 270px; } }
      @media only screen and (min-width: 1024px) {
        .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale:nth-child(2), .level-2.s-sale ul.level-2 .sub-menus ul.level-3.sub-sale-3:nth-child(2), .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale:nth-child(2), .sale-nav-menu-2 ul.level-2 .sub-menus ul.level-3.sub-sale-3:nth-child(2) {
          border-left: 1px solid #ebebeb;
          padding-left: 15px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-sale ul.level-2 .sub-menus, .sale-nav-menu-2 ul.level-2 .sub-menus {
          min-height: 716px; } }
  .level-2.s-sale .level-4.s-sale > li, .level-2.s-sale .level-4.sale-nav-menu-4 > li, .sale-nav-menu-2 .level-4.s-sale > li, .sale-nav-menu-2 .level-4.sale-nav-menu-4 > li {
    padding-bottom: 13px; }
  .level-2.s-sale .sale-bottom, .sale-nav-menu-2 .sale-bottom {
    margin-top: 20px;
    margin-left: 0px;
    text-transform: none;
    background-color: #817d83;
    padding: 10px 0px 10px 25px;
    padding: 0.625rem 0rem 0.625rem 1.5625rem; }
    .level-2.s-sale .sale-bottom .see-all-link, .sale-nav-menu-2 .sale-bottom .see-all-link {
      color: white;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      letter-spacing: 0.050rem; }
      .level-2.s-sale .sale-bottom .see-all-link:before, .sale-nav-menu-2 .sale-bottom .see-all-link:before {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility_white.svg") no-repeat 0 0; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-sale .sale-bottom .see-all-link, .sale-nav-menu-2 .sale-bottom .see-all-link {
          font-size: 14px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-sale .sale-bottom, .sale-nav-menu-2 .sale-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin-left: -25px; } }

#diesel-newin .level-2.s-catflytempG, #diesel-stories .level-2.s-catflytempG {
  border-top: 0;
  margin: 0px; }
  #diesel-newin .level-2.s-catflytempG .see-all-link:before, #diesel-stories .level-2.s-catflytempG .see-all-link:before {
    margin-top: 7px; }
  #diesel-newin .level-2.s-catflytempG .sub-category-list, #diesel-stories .level-2.s-catflytempG .sub-category-list {
    border-top: 4px solid #191919;
    padding-right: 0 !important; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #diesel-newin .level-2.s-catflytempG .sub-category-list, #diesel-stories .level-2.s-catflytempG .sub-category-list {
        padding-left: 20px; } }
  #diesel-newin .level-2.s-catflytempG .sub-category-list.inactive, #diesel-stories .level-2.s-catflytempG .sub-category-list.inactive {
    opacity: 0.4;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out; }
  #diesel-newin .level-2.s-catflytempG ul.level-2, #diesel-stories .level-2.s-catflytempG ul.level-2 {
    padding: 0px; }
    #diesel-newin .level-2.s-catflytempG ul.level-2 > li:first-child, #diesel-stories .level-2.s-catflytempG ul.level-2 > li:first-child {
      border-right: 1px solid #d1d1d1; }
  #diesel-newin .level-2.s-catflytempG a.unclickable, #diesel-stories .level-2.s-catflytempG a.unclickable {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    display: block;
    text-transform: none; }
  #diesel-newin .level-2.s-catflytempG div.col-md-12, #diesel-stories .level-2.s-catflytempG div.col-md-12 {
    padding: 0px; }
  #diesel-newin .level-2.s-catflytempG h2, #diesel-stories .level-2.s-catflytempG h2 {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    margin-top: 25px;
    margin-top: 1.5625rem;
    letter-spacing: 0.075rem; }
  #diesel-newin .level-2.s-catflytempG div.level-3:before, #diesel-stories .level-2.s-catflytempG div.level-3:before {
    content: "";
    background-color: #e8e8e8;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 33.3333%;
    width: 34%;
    z-index: -1; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #diesel-newin .level-2.s-catflytempG div.level-3:before, #diesel-stories .level-2.s-catflytempG div.level-3:before {
        background: #fff; } }
  #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 {
    letter-spacing: 0.075rem; }
    #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > .s-catflytemp2, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > .s-catflytemp2 {
      padding: 0px;
      padding: 0rem;
      padding-top: 66px;
      padding-top: 4.125rem;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 2; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > .s-catflytemp2, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > .s-catflytemp2 {
          padding-top: 50px;
          padding-top: 3.125rem; } }
    #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child {
      padding-top: 0px;
      border-left: 1px solid #d1d1d1; }
      #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder.col-md-6, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder.col-md-6 {
        padding: 0px; }
      #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider {
        padding: 0px 24px;
        padding-top: 52px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider {
            width: 100%;
            background-color: #e8e8e8;
            padding: 19px; } }
        #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction {
          position: absolute;
          top: -25px;
          right: 8px;
          width: 21%; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction {
              top: -20px; } }
          #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction a, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction a {
            position: static;
            float: left;
            margin-top: 0;
            outline: 0;
            width: 10px;
            height: 10px;
            text-indent: -9999px; }
          #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction .bx-next, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction .bx-next {
            float: right;
            background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -80px -342px; }
          #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction .bx-prev, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction .bx-prev {
            background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -25px -342px; }
        #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider > a, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider > a {
          display: inline-block;
          line-height: 16px;
          padding-top: 76px; }
          @media (min-width: 768px) and (max-width: 1023px) {
            #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider > a, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider > a {
              padding-top: 0px; } }
        #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul {
          width: 100%; }
          #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul li, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul li {
            font-size: 13px;
            color: #262626;
            width: 100%; }
          #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul h4, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul h4 {
            font-size: 14px;
            font-size: 0.875rem; }
          #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul p, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul p {
            font-size: 13px;
            font-size: 0.8125rem;
            margin: 5px 0px;
            line-height: 19px; }
            @media (min-width: 768px) and (max-width: 1023px) {
              #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul p, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul p {
                display: none; } }
          @media (min-width: 768px) and (max-width: 1023px) {
            #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul .see-all-link p, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul .see-all-link p {
              display: inline-block; } }
        #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul.level-4 li h4 a, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .storySlider ul.level-4 li h4 a {
          color: #191919; }
      #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder {
        float: right;
        position: relative; }
        #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder .sliderImages + .sliderImages, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder .sliderImages + .sliderImages {
          display: none; }
        #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder img, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder img {
          width: 100%;
          float: right; }
          @media (min-width: 768px) and (max-width: 1023px) {
            #diesel-newin .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder img, #diesel-stories .level-2.s-catflytempG div.level-3 ul.level-3 > li:last-child .imageHolder img {
              width: 100%;
              min-height: 250px; } }
  #diesel-newin .level-2.s-catflytempG div.level-4 ul.level-4, #diesel-stories .level-2.s-catflytempG div.level-4 ul.level-4 {
    width: 95%; }
    #diesel-newin .level-2.s-catflytempG div.level-4 ul.level-4 > li, #diesel-stories .level-2.s-catflytempG div.level-4 ul.level-4 > li {
      font-size: 13px;
      font-size: 0.8125rem; }

/* Applying common Letter spacing to Sub navigation */
#navigation .menu-category .level-2 .sub-category-list h2, #navigation .menu-category .level-2 .sub-category-list .unclickable {
  letter-spacing: 0.075rem;
  line-height: 14px; }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category .level-2 .sub-category-list h2 {
    font-size: 20px;
    margin-top: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category .level-2 .sub-category-list .unclickable {
    font-size: 14px;
    margin-bottom: 6px; } }
#navigation .menu-category .level-2 .sub-category-list div.level-4 ul.level-4 li {
  letter-spacing: 0.050rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #navigation .menu-category .level-2 .sub-category-list div.level-4 ul.level-4 li {
      padding-bottom: 4px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .see-all-link {
    font-size: 12px; } }

#navigation .menu-category #diesel-kids .s-catflytemp4 .sub-category-list h2 {
  font-size: 24px;
  font-size: 1.5rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #navigation .menu-category #diesel-kids .s-catflytemp4 .sub-category-list h2 {
      margin-top: 0;
      padding-top: 15px;
      font-size: 20px;
      padding-left: 20px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category #diesel-kids .s-catflytemp4 .sub-category-list div.level-4 ul.level-4 li {
    padding-bottom: 17px; } }

#navigation .menu-category #diesel-man .level-2.s-catflytemp1 h1,
#navigation .menu-category #diesel-woman .level-2.s-catflytemp1 h1 {
  padding: 28px 24px 27px 24px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 h1,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 h1 {
      padding: 20px 20px 12px 20px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category #diesel-man .level-2.s-catflytemp1 h2,
  #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 h2 {
    margin-top: 0; } }
#navigation .menu-category #diesel-man .level-2.s-catflytemp1 ul.level-3 > li,
#navigation .menu-category #diesel-woman .level-2.s-catflytemp1 ul.level-3 > li {
  padding: 0 0 15px 0; }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category #diesel-man .top-area-holder.container-fluid .custom.horizantal-custom,
  #navigation .menu-category #diesel-woman .top-area-holder.container-fluid .custom.horizantal-custom {
    display: block; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category #diesel-man .custom.horizantal-custom,
  #navigation .menu-category #diesel-woman .custom.horizantal-custom {
    display: none; } }

#diesel-woman .level-2.s-catflytemp1 ul.level-2 .sub-category-list.first {
  border-right: 1px solid #d1d1d1; }
#diesel-woman .level-2.s-catflytemp1 ul.level-2 .sub-category-list {
  border: none; }

/*mobile-sale*/
.mobile-menu-wrap .s-sale, .mobile-menu-wrap .sale-mob-menu2 {
  color: #d0021b; }

/* Desktop Only */
@media (min-width: 1025px) and (max-width: 1920px) {
  .level-2.s-catflytempG .sub-category-list.diesel-newin-man,
  .level-2.s-catflytempG .sub-category-list.diesel-newin-woman {
    padding-left: 24px; } }
@media (min-width: 1024px) {
  #diesel-denim .level-2.s-catflytemp7 .level-2,
  #diesel-newin .level-2.s-catflytempG ul.level-2,
  #diesel-stories .level-2.s-catflytempG ul.level-2,
  #diesel-denim .level-2.s-catflytemp7 .highlights-category,
  .living-inner-wrap.container-fluid {
    max-width: 1023px;
    margin: 0 auto;
    position: relative; }

  #diesel-newin .level-2.s-catflytempG .see-all-link:before,
  #diesel-stories .level-2.s-catflytempG .see-all-link:before {
    margin-top: 0;
    vertical-align: middle;
    line-height: normal;
    margin-bottom: 3px; }

  #navigation .menu-category li.see-all-link, #navigation .menu-category h4.see-all-link {
    position: absolute;
    bottom: 0;
    padding-bottom: 0;
    text-transform: none; }
    #navigation .menu-category li.see-all-link p, #navigation .menu-category h4.see-all-link p {
      margin: 0;
      display: inline-block;
      text-transform: none;
      font-size: 12px !important; }
      #navigation .menu-category li.see-all-link p a, #navigation .menu-category h4.see-all-link p a {
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        font-size: 12px !important; }
  #navigation .menu-category .top-area-holder.container-fluid {
    margin: 0;
    position: relative; }
  #navigation .menu-category h2 {
    font-size: 20px; }
  #navigation .menu-category .unclickable {
    font-size: 17px; }
  #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim {
    min-height: 318px;
    position: relative; }
    #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols {
      padding-top: 52px;
      height: 100%;
      position: absolute; }
      #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols .s-catflytemp2 .unclickable {
        font-size: 17px; }
      #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols .s-catflytemp2 ul li {
        padding-bottom: 14px;
        font-size: 13px; }
      #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .grey-bg-denim .level-3-grey_cols .s-catflytemp2 ul li.see-all-link {
        bottom: 20px;
        padding-bottom: 0; }
  #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .level-2 .sub-category-list h2 {
    padding: 16px 0 0 20px;
    font-size: 21px; }
  #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .level-2 .sub-category-list div.level-4 ul.level-4 li {
    font-size: 13px;
    padding-bottom: 10px; }
  #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .level-2 .sub-category-list.last {
    border-right: 0; }
  #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .level-2 div.level-3 ul.level-3 {
    padding-top: 52px; }
    #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .level-2 div.level-3 ul.level-3 > .s-catflytemp2 {
      font-size: 14px;
      border-left: 1px solid #e6e6e6;
      min-height: 245px;
      border-right: 0;
      margin-bottom: 20px; }
      #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .level-2 div.level-3 ul.level-3 > .s-catflytemp2 div.level-4 {
        height: 230px;
        width: 95%; }
        #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .level-2 div.level-3 ul.level-3 > .s-catflytemp2 div.level-4 ul.level-4 {
          height: 100%;
          width: 100%;
          padding-top: 17px; }
          #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .level-2 div.level-3 ul.level-3 > .s-catflytemp2 div.level-4 ul.level-4 li.see-all-link {
            bottom: 0;
            position: absolute;
            padding-bottom: 0; }
  #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight:last-child {
    border-right: none; }
  #navigation .menu-category #diesel-denim .level-2.s-catflytemp7 .highlights-category .category-higlight .bottom-section .highlight-items .txt-content {
    padding: 5px 0; }
  #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list,
  #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list {
    padding-left: 0; }
    #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list h2,
    #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list h2 {
      font-size: 21px;
      margin-top: 16px;
      padding-left: 20px; }
    #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > .s-catflytemp2,
    #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > .s-catflytemp2 {
      padding-top: 0px; } }
    @media (min-width: 1024px) and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > .s-catflytemp2,
      #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > .s-catflytemp2 {
        padding-top: 0px; } }
@media (min-width: 1024px) {
      #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > .s-catflytemp2 .unclickable,
      #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > .s-catflytemp2 .unclickable {
        margin-bottom: 14px;
        display: block; }
    #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:first-child,
    #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:first-child {
      padding-left: 20px;
      margin-top: 52px;
      padding-top: 0;
      border-left: 1px solid #e6e6e6;
      margin-bottom: 0px; }
    #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child,
    #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child {
      border-left: 0; }
      #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider,
      #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider {
        min-height: 150px; }
        #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider > a,
        #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider > a {
          padding-top: 0; }
        #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider ul p,
        #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider ul p {
          line-height: 18px;
          margin-bottom: 20px; }
        #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider ul li,
        #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider ul li {
          min-height: 80px; } }
        @media (min-width: 1024px) and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider ul li,
          #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider ul li {
            min-height: 111px; } }
@media (min-width: 1024px) {
          #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider ul li h7,
          #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider ul li h7 {
            position: absolute;
            bottom: 0; }
        #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider h4.see-all-link,
        #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider h4.see-all-link {
          margin: 0;
          padding: 0;
          line-height: normal; }
          #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider h4.see-all-link p,
          #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider h4.see-all-link p {
            margin: 0;
            padding: 0;
            line-height: normal;
            display: inline-block; }
          #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider h4.see-all-link:before,
          #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider h4.see-all-link:before {
            margin-bottom: 7px; } }
          @media (min-width: 1024px) and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider h4.see-all-link:before,
            #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider h4.see-all-link:before {
              margin-bottom: 2px; } }
@media (min-width: 1024px) {
        #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction,
        #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction {
          top: -27px; } }
        @media (min-width: 1024px) and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction,
          #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .storySlider .bx-controls-direction {
            top: -27px; } }
@media (min-width: 1024px) {
      #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .imageHolder,
      #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .imageHolder {
        min-height: 150px; }
        #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .imageHolder .sliderImages,
        #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .imageHolder .sliderImages {
          position: absolute;
          top: 0; }
          #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .imageHolder .sliderImages img,
          #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-3 ul.level-3 > li:last-child .imageHolder .sliderImages img {
            width: 98%; }
    #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-4 ul.level-4,
    #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-4 ul.level-4 {
      min-height: 126px; }
      #navigation .menu-category #diesel-newin div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-4 ul.level-4 li,
      #navigation .menu-category #diesel-stories div.level-2.s-catflytempG ul.level-2 .sub-category-list div.level-4 ul.level-4 li {
        font-size: 13px;
        padding-bottom: 0px; }
  #navigation .menu-category #diesel-man .level-2.s-catflytemp1,
  #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 {
    background: white; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 h1,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 h1 {
      padding: 11px 24px 16px 20px;
      font-size: 21px; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 h2,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 h2 {
      padding: 0 0 19px 0; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 ul.level-2,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 ul.level-2 {
      padding: 0;
      margin-bottom: 20px; }
      #navigation .menu-category #diesel-man .level-2.s-catflytemp1 ul.level-2 .sub-category-list,
      #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 ul.level-2 .sub-category-list {
        padding: 0 20px;
        width: 44.5%; }
        #navigation .menu-category #diesel-man .level-2.s-catflytemp1 ul.level-2 .sub-category-list.first,
        #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 ul.level-2 .sub-category-list.first {
          border-left: 1px solid #d1d1d1; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 .custom.you-enjoy,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 .custom.you-enjoy {
      width: 33.5%;
      position: absolute;
      right: 0;
      height: 100%;
      margin-top: 0;
      padding-top: 45px; }
      #navigation .menu-category #diesel-man .level-2.s-catflytemp1 .custom.you-enjoy .you-enjoy-list li.see-all-link,
      #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 .custom.you-enjoy .you-enjoy-list li.see-all-link {
        position: absolute;
        bottom: 20px;
        padding-bottom: 0; }
      #navigation .menu-category #diesel-man .level-2.s-catflytemp1 .custom.you-enjoy h2,
      #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 .custom.you-enjoy h2 {
        padding: 0px 0 16px 0; }
      #navigation .menu-category #diesel-man .level-2.s-catflytemp1 .custom.you-enjoy ul > li,
      #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 .custom.you-enjoy ul > li {
        padding: 0 0 10px 0; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 ul.level-3,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 ul.level-3 {
      min-height: 195px; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 ul.level-3 > li,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 ul.level-3 > li {
      padding-bottom: 10px; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 ul.level-3 > li:last-child,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 ul.level-3 > li:last-child {
      padding: 0; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 .custom.horizantal-custom .horizantal-slider li {
      height: 110px; }
    #navigation .menu-category #diesel-man .level-2.s-catflytemp1 .top-area-holder.container-fluid .custom.horizantal-custom,
    #navigation .menu-category #diesel-woman .level-2.s-catflytemp1 .top-area-holder.container-fluid .custom.horizantal-custom {
      display: none; }
  #navigation .menu-category #diesel-man .subnav-gender-inner,
  #navigation .menu-category #diesel-woman .subnav-gender-inner {
    position: relative;
    max-width: 1024px;
    margin: 0 auto; }
  #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 {
    position: relative;
    max-width: 1024px;
    margin: 0 auto; }
    #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list .sub-menus h1 {
      padding: 11px 24px 16px 20px;
      font-size: 21px; }
    #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list .sub-menus h2 {
      height: 34px; }
    #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list .sub-menus ul.level-4 {
      min-height: 100px;
      padding-bottom: 0; }
      #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list .sub-menus ul.level-4 > li {
        padding-bottom: 10px; }
    #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list ul.level-3 > li {
      margin-bottom: 20px;
      padding: 0 11px; }
    #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list ul.level-3 > li:first-child {
      padding-left: 20px; }
    #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list ul.level-3 > li:last-child {
      margin-bottom: 0; }
      #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list ul.level-3 > li:last-child ul.level-4 li:last-child {
        bottom: 20px; }
    #navigation .menu-category #dieselblackgold .s-dieselblackgold.s-catflytemp2 ul.level-2 .sub-category-list.first ul.level-3 > li:first-child {
      border-left: 1px solid #e6e6e6; }
  #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 {
    position: relative;
    max-width: 1024px;
    margin: 0 auto; }
    #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list {
      border-right: 0; }
      #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list.first {
        border-right: 1px solid #191919; }
        #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list.first .sub-menus .level-3.s-catflytemp4 .category-items:first-child {
          border-left: 1px solid #e6e6e6; }
      #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list h2 {
        padding-left: 20px;
        padding-top: 16px;
        font-size: 21px; }
      #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list h3 {
        font-size: 17px; }
      #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list .sub-menus {
        padding-top: 19px; }
      #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list .level-3.s-catflytemp4 li.category-items {
        min-height: 148px;
        margin-bottom: 20px; }
      #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list .custom-feature {
        padding-bottom: 0; }
        #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list .custom-feature .k-first-1, #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 ul.level-2 .sub-category-list .custom-feature .k-first-2 {
          min-height: 153px;
          margin: 10px 0; }
  #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 .highlights-category li.highlight-items .txt-content {
    padding: 5px 0; }
  #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 div.level-4 ul.level-4 {
    padding-top: 17px; }
    #navigation .menu-category #diesel-kids .level-2.s-catflytemp4 div.level-4 ul.level-4 > li {
      padding-bottom: 10px; }
  #navigation .menu-category #diesel-kids ul.k-first-1 {
    float: left; }
  #navigation .menu-category #diesel-kids ul.k-first-2 {
    float: right; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 h2 {
    font-size: 17px;
    height: 32px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 h7 {
    position: absolute;
    bottom: 20px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 ul.level-4 > li {
    padding-bottom: 10px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 ul.level-4 .unclickable {
    font-size: 13px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .level-3-col-last div.level-4 {
    padding: 0 0 0 24px; }
    #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .level-3-col-last div.level-4 ul.level-4 {
      border-right: 1px solid #d1d1d1;
      height: 190px;
      width: 100%; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .level-3-grey ul.level-4 h6 {
    font-size: 13px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .level-4-wrap div.level-4 {
    min-height: 150px;
    padding-right: 10px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele {
    border: 0; }
    #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele .explore-sec {
      padding: 0; }
      #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele .explore-sec h1 {
        padding: 11px 0 14px 20px;
        font-size: 21px; }
      #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele .explore-sec h2 {
        height: 35px; }
      #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele .explore-sec h4 {
        left: 23px;
        bottom: 0;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        font-size: 13px; }
      #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele .explore-sec .level-4-wrap {
        padding: 0 20px;
        border-left: 1px solid #d1d1d1; }
        #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele .explore-sec .level-4-wrap h6 {
          line-height: 16px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav .shop-sec-living {
    padding: 0 10px 0 0px; }
    #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav .shop-sec-living h1 {
      padding: 11px 0 16px 20px;
      font-size: 21px; }
    #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav .shop-sec-living ul.level-4 {
      min-height: 302px;
      border-left: 1px solid #d1d1d1;
      padding-left: 20px;
      position: relative; }
    #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .left-container-subnav .shop-sec-living h7 {
      left: 30px;
      bottom: 20px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .shop-sec-living .custom-banner {
    bottom: 0;
    left: 0px; }
  #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .level-3-grey {
    height: 100%; }
    #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .level-3-grey h1 {
      padding: 10px 0 19px 0;
      font-size: 21px; }
    #navigation .menu-category #diesel-living .level-2.s-catflytemp10 .level-3-grey ul {
      position: relative;
      min-height: 302px; }
  #navigation .menu-category #sale .level-2.s-sale .level-2, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 {
    margin: 0 auto;
    max-width: 1024px;
    position: relative; }
    #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus {
      padding: 11px 0 0 0; }
      #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus > h2, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus > h2 {
        padding-left: 20px; }
      #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus h2 .unclickable, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus h2 .unclickable {
        font-size: 21px; }
      #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale-3, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale-3 {
        padding-top: 0;
        min-height: 359px;
        margin-top: 14px;
        padding-left: 20px; }
        #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale h2, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale-3 h2, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale h2, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale-3 h2 {
          font-size: 17px;
          padding-bottom: 17px; }
        #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale > li, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale-3 > li, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale > li, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale-3 > li {
          padding-bottom: 10px; }
        #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale .see-all-link, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale-3 .see-all-link, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale .see-all-link, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale-3 .see-all-link {
          font-size: 13px; }
          #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale .see-all-link:before, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale-3 .see-all-link:before, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale .see-all-link:before, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale-3 .see-all-link:before {
            margin-top: 0;
            vertical-align: middle; }
        #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale .level-4.s-sale, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale .sale-nav-menu-4, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale-3 .level-4.s-sale, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2 .sub-menus .sub-sale-3 .sale-nav-menu-4, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale .level-4.s-sale, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale .sale-nav-menu-4, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale-3 .level-4.s-sale, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2 .sub-menus .sub-sale-3 .sale-nav-menu-4 {
          min-height: 127px;
          position: relative;
          border-right: 1px solid #ebebeb; }
    #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:first-child, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:first-child {
      padding: 11px 0 0 0; }
      #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:first-child .sub-menus, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:first-child .sub-menus {
        padding: 0; }
        #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:first-child .sub-menus > h2, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:first-child .sub-menus > h2 {
          padding-left: 20px; }
        #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:first-child .sub-menus .sub-sale:first-child, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:first-child .sub-menus .sub-sale-3:first-child, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:first-child .sub-menus .sub-sale:first-child, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:first-child .sub-menus .sub-sale-3:first-child {
          border-left: 1px solid #ebebeb;
          padding-left: 20px; }
        #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:first-child .sub-menus .sale-bottom, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:first-child .sub-menus .sale-bottom {
          margin-left: 0px; }
    #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:last-child, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:last-child {
      border-right: 0; }
      #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:last-child .sub-sale > li:last-child, #navigation .menu-category #sale .level-2.s-sale .level-2 .sub-menu2:last-child .sub-sale-3 > li:last-child, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:last-child .sub-sale > li:last-child, #navigation .menu-category #sale .sale-nav-menu-2 .level-2 .sub-menu2:last-child .sub-sale-3 > li:last-child {
        position: relative; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  ul.k-first-1 {
    float: left; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  ul.k-first-2 {
    float: right; } }

/*Diesel black gold Sub navigation*/
.level-2.s-catflytemp2 {
  border: 0; }
  .level-2.s-catflytemp2 ul.level-2 > .sub-category-list {
    border-top: 4px solid #191919; }
  .level-2.s-catflytemp2 ul.level-2 > .sub-category-list.inactive {
    opacity: 0.4;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out; }
  .level-2.s-catflytemp2 h1 {
    background: #fff;
    letter-spacing: 0.075rem;
    padding: 25px 24px 22px 24px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp2 h1 {
        padding: 15px 16px 14px 20px; } }
  .level-2.s-catflytemp2 h2 {
    padding: 0;
    height: 42px;
    letter-spacing: 0.075rem; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp2 h2 {
        height: 29px; } }
  .level-2.s-catflytemp2 ul.level-2 {
    background: #fff;
    padding: 0;
    padding-bottom: 0; }
    .level-2.s-catflytemp2 ul.level-2 .sub-category-list {
      border-right: 1px solid #d1d1d1;
      padding-bottom: 0; }
    .level-2.s-catflytemp2 ul.level-2 .sub-category-list.last {
      border-right: 0; }
  .level-2.s-catflytemp2 ul.level-3 {
    padding: 0;
    margin: 0;
    position: relative;
    background: #fff;
    float: left;
    width: 100%; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp2 ul.level-3 > li {
        padding-right: 16px;
        padding-left: 16px; } }
    .level-2.s-catflytemp2 ul.level-3 > li:first-child {
      padding-left: 24px;
      border-right: 1px solid #d1d1d1; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp2 ul.level-3 > li:first-child {
          padding-left: 20px; } }
    .level-2.s-catflytemp2 ul.level-3 > li:last-child {
      padding-right: 24px;
      background: #e8e8e8;
      right: 0;
      top: 0;
      bottom: 0;
      position: absolute; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp2 ul.level-3 > li:last-child {
          padding-left: 20px;
          position: static;
          width: 100%;
          min-height: auto;
          padding-top: 22px; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp2 ul.level-3 > li:last-child h2 {
          height: 35px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp2 ul.level-3 h2 {
        height: auto;
        padding-bottom: 14px; } }
  .level-2.s-catflytemp2 ul.level-4 {
    padding-bottom: 26px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp2 ul.level-4 {
        padding-bottom: 12px; } }
    .level-2.s-catflytemp2 ul.level-4 > li {
      padding: 0 0 10px 0; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp2 ul.level-4 > li {
          padding: 0 0 15px 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp2 ul.level-4 {
        min-height: 132px; } }
  .level-2.s-catflytemp2 .sub-menus {
    float: left;
    width: 100%;
    background: #e8e8e8; }
  .level-2.s-catflytemp2 .bottom-banner-custom {
    float: left;
    width: 100%;
    background: #817d83;
    border-top: 1px solid #d1d1d1;
    position: relative; }
    .level-2.s-catflytemp2 .bottom-banner-custom .content_sec {
      padding: 35px 0 33px 24px;
      position: static; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp2 .bottom-banner-custom .content_sec {
          padding: 16px 0 58px 24px; } }
      .level-2.s-catflytemp2 .bottom-banner-custom .content_sec h4 {
        color: #fff;
        font-size: 18px;
        letter-spacing: 0.075rem; }
      .level-2.s-catflytemp2 .bottom-banner-custom .content_sec ul {
        padding: 0;
        margin: 0;
        padding-top: 17px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .level-2.s-catflytemp2 .bottom-banner-custom .content_sec ul {
            padding-top: 13px; } }
        .level-2.s-catflytemp2 .bottom-banner-custom .content_sec ul li {
          padding-bottom: 5px; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .level-2.s-catflytemp2 .bottom-banner-custom .content_sec ul li {
              padding-bottom: 17px; } }
      .level-2.s-catflytemp2 .bottom-banner-custom .content_sec h6 {
        font-size: 13px;
        letter-spacing: 0.05rem; }
        .level-2.s-catflytemp2 .bottom-banner-custom .content_sec h6 a {
          color: #191919; }
        .level-2.s-catflytemp2 .bottom-banner-custom .content_sec h6 a:hover {
          color: #fff;
          text-decoration: none; }
    .level-2.s-catflytemp2 .bottom-banner-custom .img-conatiner {
      float: right;
      padding: 0 0 0 13px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp2 .bottom-banner-custom .img-conatiner {
          padding: 0; } }
      .level-2.s-catflytemp2 .bottom-banner-custom .img-conatiner img {
        display: block;
        width: 100%; }
    .level-2.s-catflytemp2 .bottom-banner-custom .diesel-black-gold-logo {
      position: absolute;
      left: 24px;
      bottom: 11px;
      width: 28%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .level-2.s-catflytemp2 .bottom-banner-custom .diesel-black-gold-logo {
          bottom: 36px; } }
      .level-2.s-catflytemp2 .bottom-banner-custom .diesel-black-gold-logo img {
        width: 100%; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .level-2.s-catflytemp2 .bottom-banner-custom .diesel-black-gold-logo img {
            width: auto; } }

/*living Sub navigation*/
.level-2.s-catflytemp10 h1 {
  padding: 25px 0 16px 0; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp10 h1 {
      padding: 17px 0 20px 0; } }
.level-2.s-catflytemp10 h2 {
  padding: 0;
  height: 42px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp10 h2 {
      height: 29px; } }
.level-2.s-catflytemp10 h7 {
  letter-spacing: 0.05rem; }
.level-2.s-catflytemp10 .left-container-subnav {
  padding: 0; }
  .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele {
    border-left: 1px solid #d1d1d1;
    padding: 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp10 .left-container-subnav div.level-3.last-ele {
        padding-bottom: 26px; } }
  .level-2.s-catflytemp10 .left-container-subnav .explore-sec {
    padding: 0 24px; }
    .level-2.s-catflytemp10 .left-container-subnav .explore-sec h2 {
      letter-spacing: 0.075rem; }
.level-2.s-catflytemp10 .level-3 {
  background: #fff;
  padding-bottom: 0;
  padding: 0 24px 0 20px; }
.level-2.s-catflytemp10 .level-3-col-last {
  padding: 0;
  float: right; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp10 .level-3-col-last {
      border-top: 1px solid #d1d1d1; } }
  .level-2.s-catflytemp10 .level-3-col-last img {
    width: 100%;
    float: left; }
  .level-2.s-catflytemp10 .level-3-col-last div.level-4 {
    padding: 0 24px 0 24px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp10 .level-3-col-last div.level-4 h1 {
        font-size: 14px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp10 .level-3-col-last h7 {
      display: none; } }
  .level-2.s-catflytemp10 .level-3-col-last .hightlight-image-sec {
    padding: 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp10 .level-3-col-last .hightlight-image-sec {
        float: right;
        padding: 0; } }
.level-2.s-catflytemp10 .level-3-grey {
  background: #e8e8e8;
  border-top: 1px solid #d1d1d1;
  right: 16.6667%;
  position: absolute;
  top: 0;
  bottom: 0; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp10 .level-3-grey {
      position: relative;
      right: 0; } }
  .level-2.s-catflytemp10 .level-3-grey h7 {
    letter-spacing: 0.05rem; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp10 .level-3-grey h7 {
        padding-left: 24px;
        right: 27%;
        position: absolute;
        top: 21px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp10 .level-3-grey h1 {
      font-size: 14px; } }
.level-2.s-catflytemp10 div.level-4:nth-child(4) {
  clear: left; }
.level-2.s-catflytemp10 ul.level-4 {
  padding: 0;
  margin: 0;
  padding-bottom: 17px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp10 ul.level-4 {
      padding-bottom: 12px; } }
  .level-2.s-catflytemp10 ul.level-4 > li {
    letter-spacing: 0.05rem;
    padding: 0 0 10px 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .level-2.s-catflytemp10 ul.level-4 > li {
        padding: 0 0 17px 0; } }
.level-2.s-catflytemp10 .level-4-wrap {
  padding: 0; }
  .level-2.s-catflytemp10 .level-4-wrap div.level-4 {
    padding: 0; }
.level-2.s-catflytemp10 .custom-banner {
  padding: 0;
  margin-top: 24px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .level-2.s-catflytemp10 .custom-banner {
      display: none; } }
  .level-2.s-catflytemp10 .custom-banner .image-wrap {
    padding: 0; }
    .level-2.s-catflytemp10 .custom-banner .image-wrap img {
      padding: 0;
      display: block;
      width: 100%; }
.level-2.s-catflytemp10 .shop-sec-living {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }
  .level-2.s-catflytemp10 .shop-sec-living .custom-banner {
    position: absolute;
    bottom: 0;
    left: 0; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category #dieselblackgold .level-2 .sub-category-list h2 {
    margin-top: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #navigation .menu-category #dieselblackgold .level-2 .sub-category-list div.level-4 ul.level-4 li {
    padding-bottom: 15px; } }

#sale-landing .level-2.s-sale, #sale-landing .sale-nav-menu-2 {
  display: block;
  position: relative;
  top: 0px; }
@media screen and (max-width: 767px) and (min-width: 0px) {
  #sale-landing .sale-bottom .see-all-link:before {
    margin: 7px 4px 0 -2px; } }

.ui-dialog.dialog-footer-shipping .content-data h2 {
  padding: 0 0 6px;
  font-size: 18px;
  color: #181818;
  letter-spacing: 1.5px; }
.ui-dialog.dialog-footer-shipping .content-data h3 {
  padding-bottom: 6px;
  text-transform: inherit;
  font-family: TradeGothicLTPro,Arial,sans-serif;
  line-height: 22px; }
  .ui-dialog.dialog-footer-shipping .content-data h3 > strong {
    margin-top: 10px;
    display: inline-block; }

.dialog-footer-shipping.ui-dialog .ui-dialog-titlebar, .dialog-footer-return.ui-dialog .ui-dialog-titlebar {
  right: 20px; }

input.invalidinput::-webkit-input-placeholder {
  color: #eb0028; }

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

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

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

.mobile-content-flip #footer, .mobile-content-flip #footer-burger {
  padding: 0px !important; }

@media only screen and (max-width: 767px) {
  #frmDCode #dCodeEmail {
    width: 300px; } }
@media only screen and (max-width: 767px) {
  #frmDCode input[type="submit"] {
    width: 90%; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #frmDCode .dcode-zip {
    width: 140px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #frmDCode .dcode-zip .dcode-wrapper {
    padding-right: 10px; } }

.site-footer-tab [class*='col-'] {
  padding-left: 0;
  padding-right: 0; }
.site-footer-tab .row .col-md-4 .content-head {
  letter-spacing: 0.075rem; }
.site-footer-tab .row .col-md-4 .footer-links {
  letter-spacing: 0.050rem;
  padding-bottom: 0; }
.site-footer-tab .footer-links {
  letter-spacing: 0.050rem;
  font-size: 14px; }

#footer-overlay .row .col-md-4 {
  border-right: 1px solid #d1d1d1; }
  #footer-overlay .row .col-md-4:last-child {
    border: none; }
#footer-overlay .footer-links-responsive {
  letter-spacing: 0.050rem; }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #footer-overlay #footer-tab_4.site-footer-tab.sticky-dcode {
    height: 237px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #footer-overlay #footer-tab_4.site-footer-tab.sticky-dcode .footer-more {
    padding-top: 5px; } }
#footer-overlay #footer-tab_4.site-footer-tab.sticky-dcode .dcode-wrapper .error {
  margin-bottom: 3px; }

@media (min-width: 0px) and (max-width: 767px) {
  footer {
    border: 1px solid black;
    margin-top: 0px; } }
footer .dcode-wrapper {
  text-align: left;
  display: inline-block; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    footer .dcode-wrapper {
      width: 100%; } }
  @media (min-width: 0px) and (max-width: 767px) {
    footer .dcode-wrapper {
      display: block; } }
  footer .dcode-wrapper #dCodeEmail {
    padding: 0 10px;
    line-height: 38px;
    height: 37px; }
    @media (min-width: 768px) and (max-width: 1024px) {
      footer .dcode-wrapper #dCodeEmail {
        width: 210px; } }
footer .dcode-message {
  display: block;
  font-weight: normal;
  text-align: left;
  padding: 0rem 0.5rem;
  font-size: 10px; }
footer .message-success {
  color: #3c763d;
  padding-top: 7px;
  font-size: 13px; }
footer .message-error {
  color: #d0021b;
  padding-top: 7px;
  font-size: 13px; }

.header-sticky #footer, .header-sticky #footer-burger {
  position: fixed; }

#footer, #footer-burger {
  bottom: 0;
  left: 0;
  z-index: 498;
  width: 100%; }
  #footer .left_arrow, #footer-burger .left_arrow {
    display: none; }
  #footer #footer-scroll-fixed-tab, #footer-burger #footer-scroll-fixed-tab {
    position: fixed;
    bottom: 0;
    width: 100%; }
    @media (min-width: 0px) and (max-width: 767px) {
      #footer #footer-scroll-fixed-tab, #footer-burger #footer-scroll-fixed-tab {
        display: none; } }
    #footer #footer-scroll-fixed-tab .footer-menu, #footer-burger #footer-scroll-fixed-tab .footer-menu {
      float: right; }
    @media (min-width: 1921px) {
      #footer #footer-scroll-fixed-tab, #footer-burger #footer-scroll-fixed-tab {
        max-width: 1920px; } }
  #footer .border-top, #footer-burger .border-top {
    border-top: 1px solid #ffffff; }
    @media (min-width: 0px) and (max-width: 767px) {
      #footer .border-top, #footer-burger .border-top {
        border-top: 0px solid #ffffff; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #footer, #footer-burger {
      padding: 20px 22px;
      background: #fff url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/mobile_menu_repeat.png") repeat-y right 0; }
      #footer .footer-mobile, #footer-burger .footer-mobile {
        text-align: center; }
        #footer .footer-mobile .footer-menu, #footer-burger .footer-mobile .footer-menu {
          background: #ffffff;
          color: #191919; }
          #footer .footer-mobile .footer-menu .sign-up, #footer-burger .footer-mobile .footer-menu .sign-up {
            display: none; }
          #footer .footer-mobile .footer-menu .footer-sign-up, #footer-burger .footer-mobile .footer-menu .footer-sign-up {
            float: none;
            padding: 0px; }
        #footer .footer-mobile .spacing_div, #footer-burger .footer-mobile .spacing_div {
          display: none; }
        #footer .footer-mobile .footer-scroll, #footer-burger .footer-mobile .footer-scroll {
          text-align: left; }
          #footer .footer-mobile .footer-scroll .content-head, #footer-burger .footer-mobile .footer-scroll .content-head {
            font-size: 1.077em;
            padding-left: 10px;
            padding-bottom: 13px;
            padding-top: 12px;
            margin-bottom: 0px; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) and (max-width: 767px) {
          #footer .footer-mobile .footer-scroll .content-head, #footer-burger .footer-mobile .footer-scroll .content-head {
            padding-left: 0; } }
  @media (min-width: 0px) and (max-width: 767px) {
            #footer .footer-mobile .footer-scroll .content-head .svgDown, #footer-burger .footer-mobile .footer-scroll .content-head .svgDown {
              height: 12px;
              width: 12px;
              float: right;
              background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg#dropdown") no-repeat 0 0;
              display: inline-block;
              margin-right: 5px; }
            #footer .footer-mobile .footer-scroll .content-head .svgUp, #footer-burger .footer-mobile .footer-scroll .content-head .svgUp {
              display: block;
              height: 12px;
              width: 12px;
              background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg#dropdown") no-repeat 0 0;
              display: inline-block;
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
              float: right;
              margin-right: 5px; }
          #footer .footer-mobile .footer-scroll .footer-links, #footer-burger .footer-mobile .footer-scroll .footer-links {
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 40px; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) and (max-width: 767px) {
          #footer .footer-mobile .footer-scroll .footer-links, #footer-burger .footer-mobile .footer-scroll .footer-links {
            padding-left: 20px; } }
  @media (min-width: 0px) and (max-width: 767px) {
          #footer .footer-mobile .footer-scroll #footer-tab_2 .footer-links.first, #footer-burger .footer-mobile .footer-scroll #footer-tab_2 .footer-links.first {
            padding-top: 15px;
            padding-bottom: 0px;
            padding-left: 40px; }
          #footer .footer-mobile .footer-scroll #footer-tab_2 .footer-links.second, #footer-burger .footer-mobile .footer-scroll #footer-tab_2 .footer-links.second {
            padding-top: 0px;
            padding-bottom: 15px;
            padding-left: 40px; }
          #footer .footer-mobile .footer-scroll #footer-tab_3, #footer-burger .footer-mobile .footer-scroll #footer-tab_3 {
            padding-top: 15px;
            padding-bottom: 27.5px; }
            #footer .footer-mobile .footer-scroll #footer-tab_3 .content-head, #footer-burger .footer-mobile .footer-scroll #footer-tab_3 .content-head {
              display: none; }
            #footer .footer-mobile .footer-scroll #footer-tab_3 .footer-links, #footer-burger .footer-mobile .footer-scroll #footer-tab_3 .footer-links {
              display: none; }
            #footer .footer-mobile .footer-scroll #footer-tab_3 .row a, #footer-burger .footer-mobile .footer-scroll #footer-tab_3 .row a {
              width: 25%;
              float: left;
              padding-bottom: 30px; }
            #footer .footer-mobile .footer-scroll #footer-tab_3 .row, #footer-burger .footer-mobile .footer-scroll #footer-tab_3 .row {
              padding-left: 5%; }
          #footer .footer-mobile .footer-scroll #footer-tab_4 .footer-links, #footer-burger .footer-mobile .footer-scroll #footer-tab_4 .footer-links {
            padding-right: 40px; }
          #footer .footer-mobile .footer-scroll #footer-tab_4 .col-lg-2, #footer-burger .footer-mobile .footer-scroll #footer-tab_4 .col-lg-2 {
            padding-top: 10px; }
        #footer .footer-mobile .footer-scroll-menu, #footer-burger .footer-mobile .footer-scroll-menu {
          line-height: 31px;
          border-bottom: 1px solid #191919; }
        #footer .footer-mobile .footer-scroll-fixed-menu, #footer-burger .footer-mobile .footer-scroll-fixed-menu {
          display: none; }
        #footer .footer-mobile .burger-tab, #footer-burger .footer-mobile .burger-tab {
          color: #ffffff;
          background-color: #191919;
          height: 41px; }
          #footer .footer-mobile .burger-tab .footer-menu, #footer-burger .footer-mobile .burger-tab .footer-menu {
            color: #ffffff;
            background-color: #191919;
            height: 41px;
            padding-top: 5px;
            border: none;
            padding-left: 20px; }
            #footer .footer-mobile .burger-tab .footer-menu .left_arrow, #footer-burger .footer-mobile .burger-tab .footer-menu .left_arrow {
              display: block;
              float: left;
              height: auto;
              width: 7px;
              cursor: pointer;
              background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/left_white_arrow.png") no-repeat 0 3px; }
            #footer .footer-mobile .burger-tab .footer-menu h5, #footer-burger .footer-mobile .burger-tab .footer-menu h5 {
              font-size: 1.384em;
              letter-spacing: 0.075em;
              font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
              text-align: left;
              padding-left: 40px; }
        #footer .footer-mobile div::nth-last-child(2), #footer-burger .footer-mobile div::nth-last-child(2) {
          line-height: 32px;
          border-bottom: none; }
        #footer .footer-mobile .site-footer-tab, #footer-burger .footer-mobile .site-footer-tab {
          height: auto;
          padding-top: 0px;
          text-align: left; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) and (max-width: 767px) {
        #footer .footer-mobile .site-footer-tab, #footer-burger .footer-mobile .site-footer-tab {
          padding: 0px 17px 0 21px; } }
  @media (min-width: 0px) and (max-width: 767px) {
          #footer .footer-mobile .site-footer-tab .col-md-4, #footer-burger .footer-mobile .site-footer-tab .col-md-4 {
            border-bottom: 2px solid #e6e6e6; }
          #footer .footer-mobile .site-footer-tab .close, #footer-burger .footer-mobile .site-footer-tab .close {
            display: none; } }

.footer-open #footer, .footer-open #footer-burger {
  z-index: 500; }

.footer-open #header {
  z-index: 498; }

.footer-scroller-class {
  display: none; }

#footer-scroller .site-footer-tab {
  background: #191919;
  position: relative;
  width: 100%;
  margin: 0px;
  height: 200px;
  padding-top: 40px;
  text-align: center; }
  #footer-scroller .site-footer-tab h5 {
    color: #ffffff; }
  #footer-scroller .site-footer-tab ul {
    padding: 0 0 0 0; }
  #footer-scroller .site-footer-tab .content-head {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    display: block;
    margin-bottom: 15px; }
    #footer-scroller .site-footer-tab .content-head .svgUp {
      display: none; }
    #footer-scroller .site-footer-tab .content-head .svgDown {
      display: none; }
  #footer-scroller .site-footer-tab .footer-links {
    margin: 0px;
    padding-bottom: 15px;
    display: block;
    line-height: 24px;
    color: #ffffff; }
    #footer-scroller .site-footer-tab .footer-links h6 {
      margin-top: 0px;
      margin-bottom: 12px;
      color: #ffffff; }
  #footer-scroller .site-footer-tab input[type="text"] {
    width: 100%;
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    height: 38px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #footer-scroller .site-footer-tab input[type="text"], #footer-scroller .site-footer-tab input[type="email"] {
      width: 100%;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      height: 32px;
      line-height: 18px;
      margin: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #footer-scroller .site-footer-tab input[type="text"], #footer-scroller .site-footer-tab input[type="email"] {
      height: 32px;
      line-height: 18px;
      width: 100%; }
    #footer-scroller .site-footer-tab .dcode-email {
      width: 180px; }
    #footer-scroller .site-footer-tab .dcode-wrapper {
      width: 100%; }
    #footer-scroller .site-footer-tab .dcode-zip {
      width: 128px; } }
  #footer-scroller .site-footer-tab input[type="submit"] {
    width: 100%;
    height: 38px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #000000;
    background: #ffffff;
    border: solid #000000 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #footer-scroller .site-footer-tab input[type="submit"] {
        width: 100%;
        margin: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #footer-scroller .site-footer-tab #dCodeZip {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #footer-scroller .site-footer-tab #submit-women, #footer-scroller .site-footer-tab #submit-men {
      width: 140px; } }
  #footer-scroller .site-footer-tab .more {
    color: #fff; }
    #footer-scroller .site-footer-tab .more .svgMore {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility_white.svg#dropdown") no-repeat 0 0; }
  #footer-scroller .site-footer-tab .close {
    display: none; }
  @media (min-width: 1024px) {
    #footer-scroller .site-footer-tab .col-lg-1.col-lg-offset-4 .col-md-1.col-md-offset-2 {
      margin-left: 0px !important; }
    #footer-scroller .site-footer-tab .col-lg-1 .col-md-1 {
      width: 50%; } }
  #footer-scroller .site-footer-tab .footer-more {
    padding-top: 13px;
    font-family: "TradeGothicLTPro", Arial, sans-serif; }
  @media (max-width: 1023px) and (min-width: 768px) {
    #footer-scroller .site-footer-tab input[type="submit"] {
      padding: 3px;
      height: 32px;
      border: 0; }
    #footer-scroller .site-footer-tab .footer-more {
      margin-top: 4px;
      margin-bottom: 15px;
      width: 100%;
      text-align: left;
      padding-left: 62px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #footer-scroller .site-footer-tab input[type="submit"] {
      padding: 3px;
      height: 31px;
      border: 0; }
    #footer-scroller .site-footer-tab .footer-more {
      float: right;
      width: auto; } }
  #footer-scroller .site-footer-tab.sticky-dcode {
    padding-bottom: 30px;
    height: auto; }

.site-footer-tab {
  background: #ffffff;
  position: relative;
  width: 100%;
  margin: 0px;
  height: 200px;
  padding-top: 40px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .site-footer-tab {
      background: transparent; } }
  .site-footer-tab ul {
    padding: 0 0 0 0; }
  .site-footer-tab .content-head {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 22px;
    color: #191919;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    display: block;
    margin-bottom: 26px; }
    .site-footer-tab .content-head .svgDown {
      display: none; }
  .site-footer-tab .footer-links {
    margin: 0px;
    padding-bottom: 15px;
    display: block;
    letter-spacing: 0.05rem; }
    .site-footer-tab .footer-links h6 {
      margin-top: 0px;
      margin-bottom: 12px; }
  .site-footer-tab input[type="text"] {
    width: 100%;
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    height: 37px; }
  .site-footer-tab input[type="submit"] {
    width: 100%;
    height: 38px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #000000;
    background: transparent;
    border: solid #000000 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    letter-spacing: 0.075rem; }
  .site-footer-tab .close {
    height: 20px;
    right: 20px;
    position: absolute;
    width: 20px;
    cursor: pointer;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
    background-position: -137px -3px;
    display: inline-block; }
    .site-footer-tab .close .svgClose {
      height: 20px;
      float: right;
      width: 20px;
      cursor: pointer; }
  .site-footer-tab .more .svgMore {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg#dropdown") no-repeat 0 0;
    display: inline-block;
    height: 12px;
    width: 12px;
    float: left;
    margin-top: 2px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  @media (min-width: 1024px) {
    .site-footer-tab .col-lg-1.col-lg-offset-4 .col-md-1.col-md-offset-2 {
      margin-left: 0px !important; }
    .site-footer-tab .col-lg-1 .col-md-1 {
      width: 50%; } }
  .site-footer-tab .footer-more {
    padding-top: 13px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  @media (max-width: 1023px) and (min-width: 640px) {
    .site-footer-tab input[type="text"] {
      margin-left: 25px; }
    .site-footer-tab input[type="submit"] {
      margin-left: 25px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .site-footer-tab.sticky-dcode .women-button-hold {
      width: 140px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .site-footer-tab.sticky-dcode .dcode-email {
      width: 220px; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .site-footer-tab.sticky-dcode .dcode-zip {
      width: 120px;
      padding-right: 10px; } }
  .site-footer-tab.sticky-dcode input[type="submit"] {
    max-width: 200px;
    padding-top: 6px; }
  .site-footer-tab.sticky-dcode .content-head {
    margin-bottom: 13px; }
  .site-footer-tab.sticky-dcode .footer-links {
    line-height: 24px;
    padding-bottom: 18px; }
  .site-footer-tab.sticky-dcode .footer-more {
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0.08rem; }

#footer-tab_3 .footer-links {
  padding-bottom: 30px; }
#footer-tab_3 img {
  height: 24px; }
#footer-tab_3 .col-lg-1 {
  padding: 0px; }

#footer-tab-1 .col-xs-4 {
  border-right: 1px solid grey; }
#footer-tab-1 .col-xs-4:after {
  content: '';
  display: block;
  position: absolute;
  height: 30px;
  top: 130px;
  right: -1px;
  border: 1px solid white; }

#footer-over {
  display: none;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 17; }

#footer-overlay {
  max-height: 200px; }
  @media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    #footer-overlay {
      max-height: 250px; } }
  @media (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    #footer-overlay #footer-tab_4.site-footer-tab.sticky-dcode {
      height: 235px; } }

.footer-overlay-menu {
  border-top: 2px solid black;
  cursor: pointer;
  height: 32px;
  line-height: 32px; }
  @media (min-width: 1920px) {
    .footer-overlay-menu {
      max-width: 1920px; } }
  @media (max-width: 767px) {
    .footer-overlay-menu {
      display: none; } }
  @media (max-width: 1023px) and (min-width: 640px) {
    .footer-overlay-menu .sign-up {
      display: none; } }

.footer-scroll-menu {
  border: 0px solid black;
  cursor: pointer;
  height: 33px;
  line-height: 32px; }
  .footer-scroll-menu .border-bottom {
    border-bottom: 1px solid #ffffff; }
  .footer-scroll-menu .border-side-top {
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff; }
  @media (max-width: 1023px) and (min-width: 640px) {
    .footer-scroll-menu .sign-up {
      display: none !important; } }

@media (min-width: 768px) and (max-width: 1920px) {
  .footer-scroll-fixed-menu {
    display: block;
    border: 0px solid black;
    cursor: pointer;
    height: 33px;
    line-height: 32px; }
    .footer-scroll-fixed-menu .border-bottom {
      border-bottom: 1px solid #ffffff; }
    .footer-scroll-fixed-menu .border-side-top {
      border-top: 1px solid #ffffff;
      border-right: 1px solid #ffffff;
      border-left: 1px solid #ffffff; } }
  @media (min-width: 768px) and (max-width: 1920px) and (max-width: 1023px) and (min-width: 640px) {
    .footer-scroll-fixed-menu .sign-up {
      display: none !important; } }

#footer-scroller .footer-menu {
  background: none repeat scroll 0 0 #191919;
  color: #ffffff;
  margin: 0;
  padding: 0;
  text-align: center; }
  #footer-scroller .footer-menu .footer-sign-up {
    float: left;
    padding-left: 35px; }
    #footer-scroller .footer-menu .footer-sign-up h5 {
      padding-left: 10px;
      border: 1px solid #ffffff; }
  #footer-scroller .footer-menu .sign-up {
    width: 50%;
    height: 20px;
    padding: 4px;
    border: 1px solid #a1a1a1;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #footer-scroller .footer-menu .sign-up {
        display: none; } }
    @media (min-width: 1024px) and (max-width: 1100px) {
      #footer-scroller .footer-menu .sign-up {
        width: 30%; } }

.footer-menu {
  padding: 0px;
  margin: 0px; }
  .footer-menu li {
    position: relative;
    background: #ffffff;
    text-align: center;
    padding: 0px;
    margin: 0px; }
    .footer-menu li h5 {
      color: #191919;
      padding: 0px;
      margin: 0px;
      letter-spacing: 0.075rem; }
    .footer-menu li .sign-up {
      width: 37%;
      height: 20px;
      padding: 4px;
      cursor: pointer;
      border: 1px solid #bababa;
      display: inline-block;
      vertical-align: middle; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .footer-menu li .sign-up {
          display: none; } }
      @media (min-width: 1024px) and (max-width: 1280px) {
        .footer-menu li .sign-up {
          display: none; } }
    .footer-menu li .footer-sign-up {
      float: left;
      padding-left: 35px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .footer-menu li .footer-sign-up {
          padding-left: 20px; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .footer-menu li .footer-sign-up {
          padding-left: 14px; } }
      .footer-menu li .footer-sign-up h5 {
        padding-left: 10px; }
  .footer-menu li:after {
    content: '';
    display: block;
    position: absolute;
    height: 15px;
    top: 10px;
    right: -1px;
    z-index: 2;
    border: 1px solid #d1d1d1; }
  .footer-menu li:last-child:after {
    display: none; }
  .footer-menu li.active {
    background: #191919; }
    .footer-menu li.active h5 {
      color: #ffffff; }
    .footer-menu li.active li.active:after {
      border: none; }

@media (max-width: 1023px) and (min-width: 640px) {
  .site-footer-tab {
    height: 228px; }

  #footer-tab_3 img {
    height: 23px; } }
.footer-banner {
  display: table;
  width: 100%;
  text-align: center;
  background: #716a96;
  position: relative;
  z-index: 11;
  height: 33px;
  height: 2.0625rem; }
  @media (min-width: 0px) and (max-width: 767px) {
    .footer-banner {
      position: absolute;
      left: 0;
      top: 35px;
      opacity: 0.9;
      background: #000000; } }
  .footer-banner .marketing_message_footer {
    height: 33px;
    overflow: hidden; }
  .footer-banner .bx-wrapper .bx-prev {
    left: 39px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .footer-banner .bx-wrapper .bx-prev {
        left: 9px; } }
  .footer-banner .bx-wrapper .bx-next {
    right: 39px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .footer-banner .bx-wrapper .bx-next {
        right: 9px; } }
  .footer-banner .pannel.add-seprator:after {
    height: 14px;
    width: 10px;
    content: "";
    display: inline-block;
    vertical-align: top;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") -154px -77px no-repeat;
    position: absolute;
    right: -8px;
    top: 9px; }
  .footer-banner h7 {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    text-transform: uppercase;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    line-height: 33px;
    line-height: 2.0625rem;
    letter-spacing: 0.080rem; }
  .footer-banner .html-slot-container {
    display: inline-block;
    float: none;
    width: 70.6667%;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .footer-banner .html-slot-container {
        width: 91.6667%; } }
  .footer-banner .cross_icon {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
    display: inline-block;
    content: "";
    margin: 0 0;
    position: absolute;
    right: 20px;
    top: 10px;
    text-indent: -99999px;
    cursor: pointer;
    background-position: -119px -3px;
    height: 13px;
    height: 0.8125rem;
    width: 13px;
    width: 0.8125rem; }
    @media (min-width: 0px) and (max-width: 767px) {
      .footer-banner .cross_icon {
        display: none; } }
  .footer-banner .mobile_cross_icon {
    display: none;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
    content: "";
    margin: 0 0 0;
    text-indent: -99999px;
    cursor: pointer;
    background-position: -165px -67px;
    padding: 16px;
    padding: 1rem;
    height: 13px;
    height: 0.8125rem;
    width: 13px;
    width: 0.8125rem;
    border: 2px solid #fff; }
    @media (min-width: 0px) and (max-width: 767px) {
      .footer-banner .mobile_cross_icon {
        display: inline-block; } }
  .footer-banner .description-section {
    display: none;
    float: left;
    width: 100%; }
    .footer-banner .description-section h3 {
      font-size: 14px;
      font-size: 0.875rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      color: #fff;
      margin: 0;
      text-transform: uppercase; }
    .footer-banner .description-section p {
      font-size: 12px;
      font-size: 0.75rem;
      padding: 8px 25px 8px 25px;
      padding: 0.5rem 1.5625rem 0.5rem 1.5625rem;
      line-height: 13px;
      line-height: 0.8125rem;
      margin: 0;
      color: #fff; }
      .footer-banner .description-section p a {
        color: #fff;
        text-decoration: underline; }
        .footer-banner .description-section p a:hover {
          text-decoration: none; }
  .footer-banner .bx-wrapper .bx-controls-direction a {
    width: 14px;
    height: 14px; }
  .footer-banner .bx-wrapper .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat scroll -114px -77px; }
  .footer-banner .bx-wrapper .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat scroll -132px -77px; }

.footer-banner.hover-style h7.active {
  text-decoration: underline; }
@media (min-width: 1025px) and (max-width: 1920px) {
  .footer-banner.hover-style {
    opacity: 1; }
    .footer-banner.hover-style h7 {
      color: #bababa; }
    .footer-banner.hover-style h7.active {
      color: #fff; } }

.open-mobile .footer-banner {
  display: none; }

.footer-banner-mobile-only {
  position: relative;
  top: 0; }
  @media (min-width: 768px) {
    .footer-banner-mobile-only {
      display: none; } }

.footer-banner-desktop-ipad {
  max-width: 1920px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .footer-banner-desktop-ipad {
      display: none; } }

.facebook {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/facebook.png") no-repeat 0 0;
  width: 11px;
  height: 24px;
  display: inline-block;
  text-indent: -99999px; }

.twitter {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/twitter.png") no-repeat 0 0;
  width: 22px;
  height: 24px;
  display: inline-block;
  text-indent: -99999px; }

.google {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/google.png") no-repeat 0 0;
  width: 22px;
  height: 24px;
  display: inline-block;
  text-indent: -99999px; }

.instagram {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/instagram.png") no-repeat 0 0;
  width: 23px;
  height: 24px;
  display: inline-block;
  text-indent: -99999px; }

.youtube {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/youtube.png") no-repeat 0 0;
  width: 26px;
  height: 24px;
  display: inline-block;
  text-indent: -99999px; }

.pinterest {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/pinterest.png") no-repeat 0 0;
  width: 18px;
  height: 24px;
  display: inline-block;
  text-indent: -99999px; }

.socialIcon {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/socialIcon.png") no-repeat 0 0;
  width: 29px;
  height: 24px;
  display: inline-block;
  text-indent: -99999px; }

.tumbler {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/tumblr.png") no-repeat 0 0;
  width: 12px;
  height: 24px;
  display: inline-block;
  text-indent: -99999px; }

#footer-scroller .facebook {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/facebook-white.png") no-repeat 0 0; }
#footer-scroller .twitter {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/twitter-white.png") no-repeat 0 0; }
#footer-scroller .google {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/google-white.png") no-repeat 0 0; }
#footer-scroller .instagram {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/instagram-white.png") no-repeat 0 0; }
#footer-scroller .youtube {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/youtube-white.png") no-repeat 0 0; }
#footer-scroller .pinterest {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/pinterest-white.png") no-repeat 0 0; }
#footer-scroller .socialIcon {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/socialIcon-white.png") no-repeat 0 0; }
#footer-scroller .tumbler {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/tumbler-white.png") no-repeat 0 0; }

@media (min-width: 0px) and (max-width: 767px) {
  .pt_product-details_V2 footer {
    margin-bottom: 45px; } }

#footer-tab_4 #frmDCode > div {
  float: none;
  display: inline-block;
  vertical-align: top;
  border: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    #footer-tab_4 #frmDCode > div {
      display: block; } }

@media only screen and (max-width: 767px) {
  #footer-tab_4 #frmDCode .dcode-zip {
    padding-top: 10px; }
    #footer-tab_4 #frmDCode .dcode-zip #dCodeZip {
      width: 60%; } }

@media (min-width: 0px) and (max-width: 767px) {
  .site-footer-tab #frmDCode input[type="submit"] {
    margin-left: 0; } }

@media (min-width: 0px) and (max-width: 767px) {
  #footer .footer-mobile .site-footer-tab .col-md-4.dcode-email, #footer-burger .footer-mobile .site-footer-tab .col-md-4.dcode-email {
    border-bottom: 0; } }

#footer .col-xs-12 > .row > .col-lg-offset-1, #footer-burger .col-xs-12 > .row > .col-lg-offset-1 {
  margin-left: 0; }

@media (min-width: 768px) and (max-width: 1023px) {
  #footer-overlay {
    max-height: 237px; } }
@media (min-width: 1920px) {
  #footer-overlay {
    max-width: 1920px;
    overflow: hidden; } }

@media (min-width: 768px) and (max-width: 1023px) {
  #footer #footer-tab_4, #footer-burger #footer-tab_4 {
    height: 235px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  #footer #footer-tab_4 .footer-more, #footer-burger #footer-tab_4 .footer-more {
    margin-top: 4px;
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
    padding-left: 105px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  #footer-scroll-4 #footer-tab_4.sticky-dcode {
    height: auto; } }

@media (min-width: 0px) and (max-width: 767px) {
  #frmDCode #dCodeEmail {
    width: 90%; } }
@media (min-width: 1025px) and (max-width: 1920px) {
  #frmDCode #dCodeEmail {
    width: 310px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #frmDCode {
    padding-left: 10px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .overlay_footer {
    height: 99999px; } }

@media (min-width: 768px) and (max-width: 1920px) {
  .header-sticky .footer-scroll-fixed-menu {
    visibility: visible; }

  .footer-scroll-fixed-menu {
    visibility: hidden; } }
.storefront-mobile-menu .footer-sign-up {
  line-height: 31px; }

.mobile-menu-wrap .mobile-inner-wrap.store-hide .storefront-mobile-menu {
  display: none; }

@media (min-width: 768px) {
  .storefront-mobile-menu {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #footer.non-burger-footer .social-center {
    margin-left: 11.5%; } }
@media only screen and (min-width: 1024px) {
  #footer.non-burger-footer .social-center {
    margin-left: 37.5%; } }

.header-search-content {
  display: none;
  background-color: #ffffff;
  position: fixed;
  width: 100%;
  float: left;
  left: 0;
  border-top: solid 4px #191919;
  width: 100%;
  min-height: 300px;
  height: auto;
  -webkit-animation: menuEnter .25s linear;
  animation: menuEnter .25s linear;
  z-index: 10000;
  opacity: 1;
  margin: 0; }
  @media (min-width: 1921px) {
    .header-search-content {
      max-width: 1920px;
      left: auto !important;
      right: 0 !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .header-search-content.overflow-visible {
      overflow: visible !important; } }
  .header-search-content #search {
    border-top: 4px solid #191919; }
    .header-search-content #search .outer-sec-cross-icon {
      display: none;
      width: 100%;
      background-color: #000;
      padding: 2px 0;
      padding-left: 47.5%; }
      .header-search-content #search .outer-sec-cross-icon .tab-cross-text {
        color: #fff;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 15px;
        font-weight: normal;
        text-transform: uppercase; }
      .header-search-content #search .outer-sec-cross-icon .tab-cross-icon {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat 0 0;
        content: "";
        margin: 0 0 0;
        text-indent: -99999px;
        cursor: pointer;
        background-position: -110px 6px;
        padding: 16px;
        height: 13px;
        width: 13px;
        border: 2px solid #fff;
        background-color: #000; }
    .header-search-content #search .search-txt {
      padding-left: 10px;
      margin-top: 11px;
      font-size: 24px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      display: inline-block;
      letter-spacing: 0.075rem; }
    .header-search-content #search .search-input {
      height: 52px;
      border-bottom: 2px solid #191919; }
      .header-search-content #search .search-input .search-icon {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Search.svg#search") no-repeat 0 0;
        display: inline-block;
        height: 18px;
        width: 18px;
        margin-top: 17px;
        margin-left: 25px;
        float: left; }
      .header-search-content #search .search-input .search-inputbox {
        display: inline-block;
        padding: 0 226px 0 10px;
        z-index: 2;
        width: 100%;
        position: absolute; }
        @media (min-width: 0px) and (max-width: 767px) {
          .header-search-content #search .search-input .search-inputbox {
            padding-left: 0px; } }
        .header-search-content #search .search-input .search-inputbox input[type="text"] {
          outline: none;
          border: none;
          font-size: 24px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          text-transform: uppercase;
          width: 100%;
          background: transparent;
          line-height: 34px;
          letter-spacing: 0.075rem;
          padding: 8px; }
        .header-search-content #search .search-input .search-inputbox ::-webkit-input-placeholder {
          font-size: 24px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          text-transform: uppercase; }
        .header-search-content #search .search-input .search-inputbox :-moz-placeholder {
          /* Firefox 18- */
          font-size: 24px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          text-transform: uppercase; }
        .header-search-content #search .search-input .search-inputbox ::-moz-placeholder {
          /* Firefox 19+ */
          font-size: 24px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          text-transform: uppercase; }
        .header-search-content #search .search-input .search-inputbox :-ms-input-placeholder {
          font-size: 24px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          text-transform: uppercase; }
      .header-search-content #search .search-input .search-message {
        font-size: 24px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        color: #808080;
        text-transform: uppercase;
        position: absolute;
        left: 0px;
        top: 19px;
        width: 100%;
        text-align: center;
        z-index: 1;
        margin-top: -3px;
        letter-spacing: 0.05rem; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .header-search-content #search .search-input .search-message {
            padding-right: 145px; } }
      .header-search-content #search .search-input .search-btn {
        width: 15%;
        min-width: 274px;
        float: right;
        padding-right: 12px;
        padding-top: 8px;
        position: relative;
        z-index: 3; }
        .header-search-content #search .search-input .search-btn input[type="submit"] {
          text-transform: uppercase;
          letter-spacing: 0.1rem;
          height: 34px;
          font-size: 16px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          line-height: 15px; }
        .header-search-content #search .search-input .search-btn input[type="submit"].disable {
          background-color: #ffffff;
          color: #191919;
          letter-spacing: 0.1rem;
          border: 3px solid #191919;
          cursor: auto; }
    .header-search-content #search .search-list .content-head {
      text-align: center;
      font-size: 18px;
      text-transform: uppercase;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      padding-top: 20px;
      padding-bottom: 20px;
      letter-spacing: 0.075rem; }
    .header-search-content #search .search-list span.no-suggestion {
      text-align: center;
      font-size: 18px;
      text-transform: uppercase;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      display: block;
      padding-bottom: 15px; }
    .header-search-content #search .search-list .search-listitems ul {
      text-align: center;
      font-size: 13px;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      margin-top: 0px;
      margin-bottom: 0px;
      text-transform: capitalize;
      padding-left: 25px; }
      .header-search-content #search .search-list .search-listitems ul li {
        text-align: left;
        padding-bottom: 20px; }
      .header-search-content #search .search-list .search-listitems ul li:last-child {
        text-align: left;
        padding-bottom: 40px; }
    .header-search-content #search .search-suggestion-wrapper .search-slider {
      min-height: 277px;
      padding-top: 20px;
      background: #e8e8e8; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .header-search-content #search .search-suggestion-wrapper .search-slider {
          min-height: 375px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .header-search-content #search .search-suggestion-wrapper .search-slider {
          padding: 0px;
          height: auto;
          padding-top: 20px;
          margin-bottom: 20px; } }
      .header-search-content #search .search-suggestion-wrapper .search-slider .carousel-left {
        float: left;
        padding-left: 26px;
        padding-right: 76px;
        display: block;
        height: 12px;
        width: 12px;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg#dropdown") no-repeat 0 0;
        display: none; }
      .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section {
        float: left;
        width: 100%;
        text-align: center; }
        @media (min-width: 0px) and (max-width: 767px) {
          .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section {
            background: #e8e8e8; } }
        .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .search-phrase-suggestion {
          display: none; }
        .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide {
          display: inline-block;
          width: 122px;
          height: 229px;
          background: #fff;
          margin-left: 13px;
          margin-right: 13px;
          vertical-align: middle; }
          @media (min-width: 0px) and (max-width: 767px) {
            .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide {
              height: auto;
              width: 100%;
              display: block;
              background: transparent;
              float: left;
              margin-left: 20px;
              margin-bottom: 25px; } }
          @media (min-width: 768px) and (max-width: 1023px) {
            .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide {
              height: 270px; } }
          .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide img {
            width: 100%; }
            @media (min-width: 0px) and (max-width: 767px) {
              .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide img {
                width: 105px; } }
          @media (min-width: 0px) and (max-width: 767px) {
            .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide .search-image {
              float: left; } }
          .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide .search-attr {
            height: 66px; }
            .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide .search-attr .search-name {
              font-size: 14px;
              font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
              letter-spacing: 1px; }
            .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide .search-attr .search-price {
              font-size: 12px;
              font-family: "TradeGothicLTPro", Arial, sans-serif; }
            @media (min-width: 0px) and (max-width: 767px) {
              .header-search-content #search .search-suggestion-wrapper .search-slider .slides-section .slide .search-attr {
                float: left;
                padding-top: 20px;
                font-size: 12px;
                padding-left: 10px;
                height: auto;
                line-height: 17px;
                color: #191919; } }
      .header-search-content #search .search-suggestion-wrapper .search-slider .carousel-right {
        float: right;
        padding-right: 26px;
        padding-left: 76px;
        display: block;
        height: 12px;
        width: 12px;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg#dropdown") no-repeat 0 0;
        display: none; }

.elements.header-search.active-close .close-btn:before {
  display: inline-block;
  content: "";
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/close-search.png") no-repeat 0 0;
  width: 15px;
  height: 16px;
  margin-right: 13px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .header-search-content #search {
    border-top: 2px solid #191919; }
    .header-search-content #search .outer-sec-cross-icon {
      padding-top: 15px;
      padding-bottom: 15px;
      display: block;
      position: absolute;
      bottom: -66px;
      background-color: transparent; }
      .header-search-content #search .outer-sec-cross-icon .tab-cross-text {
        display: none; }
      .header-search-content #search .outer-sec-cross-icon .tab-cross-icon {
        display: block;
        background-color: transparent; }
    .header-search-content #search .search-input {
      border-bottom: 1px solid #191919; }
      .header-search-content #search .search-input .search-inputbar input[type="text"] {
        font-size: 21px; }
      .header-search-content #search .search-input .search-inputbar ::-webkit-input-placeholder {
        font-size: 21px; }
      .header-search-content #search .search-input .search-inputbar :-moz-placeholder {
        /* Firefox 18- */
        font-size: 21px; }
      .header-search-content #search .search-input .search-inputbar ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 21px; }
      .header-search-content #search .search-input .search-inputbar :-ms-input-placeholder {
        font-size: 21px; }
      .header-search-content #search .search-input .search-icon {
        width: 15px;
        height: 15px; }
      .header-search-content #search .search-input .search-message {
        font-size: 21px;
        padding-right: 145px; }
    .header-search-content #search .search-list .content-head {
      font-size: 13px; }
    .header-search-content #search .search-list .search-listitems ul {
      font-size: 14px; } }
@media (min-width: 0px) and (max-width: 767px) {
  .header-search-content {
    top: 34px; }
    .header-search-content #search {
      border-top: 2px solid #191919; }
      .header-search-content #search .outer-sec-cross-icon {
        display: block;
        width: 85%;
        margin: 0 auto;
        margin-bottom: 25px;
        height: 35px;
        padding: 0px; }
        .header-search-content #search .outer-sec-cross-icon .tab-cross-icon {
          display: none; }
        .header-search-content #search .outer-sec-cross-icon .tab-cross-text {
          display: block;
          text-align: center;
          padding-top: 10px;
          letter-spacing: 0.075rem; }
      .header-search-content #search .search-input {
        height: 50px;
        border-bottom: 1px solid #191919; }
        .header-search-content #search .search-input .search-inputbox {
          padding: 0px; }
          .header-search-content #search .search-input .search-inputbox input[type="text"] {
            font-size: 18px;
            padding-top: 20px;
            padding-left: 25px;
            width: 75%;
            float: left;
            padding-top: 8px; }
          .header-search-content #search .search-input .search-inputbox ::-webkit-input-placeholder {
            font-size: 18px; }
          .header-search-content #search .search-input .search-inputbox :-moz-placeholder {
            /* Firefox 18- */
            font-size: 18px; }
          .header-search-content #search .search-input .search-inputbox ::-moz-placeholder {
            /* Firefox 19+ */
            font-size: 18px; }
          .header-search-content #search .search-input .search-inputbox :-ms-input-placeholder {
            font-size: 18px; }
        .header-search-content #search .search-input .search-icon {
          display: none; }
        .header-search-content #search .search-input .search-message {
          display: none; }
        .header-search-content #search .search-input .search-btn {
          width: 25%;
          min-width: 80px;
          position: relative;
          z-index: 3; }
          .header-search-content #search .search-input .search-btn input[type="submit"] {
            height: 37px; }
        .header-search-content #search .search-input input[type="submit"].disable {
          background-color: #ffffff;
          color: #191919;
          border: 3px solid #191919;
          cursor: auto; }
      .header-search-content #search .search-list .content-head {
        font-size: 18px;
        text-align: left;
        padding-left: 25px; }
      .header-search-content #search .search-list .search-listitems ul {
        font-size: 13px;
        text-align: left;
        padding-left: 25px; } }
@media (min-width: 1921px) {
  .header-sticky .header-search-content {
    left: 50% !important;
    margin-left: -960px;
    right: auto !important; } }

.header-fixed .header-search-content {
  top: 48px; }

@media only screen and (max-width: 767px) {
  .search-listitems .columnized .first.last {
    float: none !important; } }

/*Components CSS*/
/* Social Media */
.share-media-top {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20; }

.share-media-top .social-media .share-icon {
  padding: 0 0 1em 1em; }

.share-media-bottom {
  left: -246px;
  position: absolute;
  bottom: 0;
  z-index: 30;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box; }

.share-media-bottom .social-media .share-icon {
  padding: 0 1em 1em; }

.share-media-top .social-media {
  background-color: #fff;
  overflow: hidden;
  padding: 0.5em;
  border: 1px solid #bababa; }

.share-media-bottom .social-media {
  background-color: #fff;
  overflow: hidden;
  padding: 0.5em;
  border: 1px solid #bababa; }

.social-media .ui-popup-close {
  float: left;
  margin-bottom: 1em;
  width: 100%; }

.social-media .popup-close {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close.svg") no-repeat 0 0;
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 1px 8px;
  text-indent: -9999px; }

.social-media .share-icon {
  float: left;
  overflow: hidden;
  width: 215px; }

.social-media .addthis_32x32_style .dummy .at300bs,
.social-media .addthis_32x32_style .at300bs,
.social-media .addthis_32x32_style .at15t {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/interface/share-icon.png") no-repeat scroll 0 0 #000 !important;
  height: 36px !important;
  margin-right: 2px !important;
  width: 37px !important; }

.social-media .addthis_32x32_style .at15t_compact {
  background-position: 0 0 !important; }

.social-media .addthis_32x32_style .at15t_facebook {
  background-position: 0 -39px !important; }

.social-media .addthis_32x32_style .at15t_myspace {
  background-position: 0 -155px !important; }

.social-media .addthis_32x32_style .at15t_google {
  background-position: 0 -117px !important; }

.social-media .addthis_32x32_style .at15t_twitter {
  background-position: 0 -78px !important; }

.social-media-dialog-theme-black .social-media {
  background-color: #191919; }

.social-media-dialog-theme-black .social-media .popup-close {
  background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_white.svg"); }

.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0; }

.response-error, .response-success {
  text-align: center;
  padding-top: 5px;
  letter-spacing: 0.5px; }

form input.error {
  color: #eb0028; }

.response-success {
  color: #007905;
  padding-top: 5px;
  display: block;
  line-height: 1em;
  margin: 0.5em 0; }

.ui-widget-overlay {
  background: none;
  background-color: #191919;
  opacity: 0.7; }

.ui-widget {
  font-family: "TradeGothicLTPro", Arial, sans-serif !important; }

.quickview.subscription-container .ui-dialog-titlebar {
  display: none !important; }
.quickview.subscription-container #subscription-overlay {
  padding: 0px;
  padding: 0rem; }
  .quickview.subscription-container #subscription-overlay .newsletter .overlay-header {
    border-bottom: 1px solid grey; }
    .quickview.subscription-container #subscription-overlay .newsletter .overlay-header .content-head {
      text-align: center;
      padding: 1px 0px 20px 0px;
      padding: 0.0625rem 0rem 1.25rem 0rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif !important;
      font-color: #191919;
      font-size: 20px;
      font-size: 1.25rem; }
      @media only screen and (max-width: 767px) {
        .quickview.subscription-container #subscription-overlay .newsletter .overlay-header .content-head {
          font-size: 14px;
          font-size: 0.875rem; } }
    .quickview.subscription-container #subscription-overlay .newsletter .overlay-header .subscription-overlay-close {
      margin-top: 5px;
      margin-top: 0.3125rem;
      float: right;
      font-size: 20px;
      font-size: 1.25rem;
      cursor: pointer;
      font-color: #191919; }
      @media only screen and (max-width: 767px) {
        .quickview.subscription-container #subscription-overlay .newsletter .overlay-header .subscription-overlay-close {
          font-size: 14px;
          font-size: 0.875rem;
          margin-top: 19px;
          margin-top: 1.1875rem; } }
  .quickview.subscription-container #subscription-overlay .newsletter .center-content {
    margin: 0 auto;
    float: none; }
    .quickview.subscription-container #subscription-overlay .newsletter .center-content .sub-headertxt {
      text-align: center;
      font-size: 13px;
      padding: 40px 0px 30px 0px;
      padding: 2.5rem 0rem 1.875rem 0rem;
      line-height: 20px;
      line-height: 1.25rem; }
      @media only screen and (max-width: 767px) {
        .quickview.subscription-container #subscription-overlay .newsletter .center-content .sub-headertxt {
          padding: 30px 0px 30px 0px;
          padding: 1.875rem 0rem 1.875rem 0rem; } }
      .quickview.subscription-container #subscription-overlay .newsletter .center-content .sub-headertxt p {
        margin: 0px 0px 0px 45px;
        margin: 0rem 0rem 0rem 2.8125rem; }
    .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links {
      width: 100%;
      padding: 0px 40px 0px 40px;
      padding: 0rem 2.5rem 0rem 2.5rem; }
      @media only screen and (max-width: 767px) {
        .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links {
          padding: 0px;
          padding: 0rem; } }
      .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .genderValue {
        padding: 0px 0px 30px 123px;
        padding: 0rem 0rem 1.875rem 7.6875rem;
        width: 100%;
        float: left; }
        @media only screen and (max-width: 767px) {
          .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .genderValue {
            padding: 0px 0px 30px 0px;
            padding: 0rem 0rem 1.875rem 0rem;
            float: none; } }
        .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .genderValue .maleCheck, .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .genderValue .femaleCheck {
          float: left; }
        .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .genderValue .femaleCheck {
          margin-left: 45px;
          margin-left: 2.8125rem; }
        .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .genderValue h3 {
          float: right;
          margin: 2px 0px 0px 10px;
          margin: 0.125rem 0rem 0rem 0.625rem; }
      .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-email {
        width: 425px;
        width: 26.5625rem; }
        @media only screen and (max-width: 767px) {
          .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-email {
            width: 100%; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-email {
            width: 360px;
            width: 22.5rem; } }
      .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-zip {
        width: 204px;
        width: 12.75rem; }
        @media only screen and (max-width: 767px) {
          .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-zip {
            width: 100%; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-zip {
            width: 170px;
            width: 10.625rem; } }
      .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .zip-row {
        padding-top: 10px;
        padding-top: 0.625rem; }
      .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-submit {
        width: 200px;
        width: 12.5rem;
        margin-left: 13px;
        margin-left: 0.8125rem; }
        @media only screen and (max-width: 767px) {
          .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-submit {
            margin-top: 10px;
            margin-top: 0.625rem; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .news-lett-submit {
            width: 170px;
            width: 10.625rem; } }
      .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .privactStmnt {
        text-align: center;
        line-height: 20px;
        padding: 5px 0px 0px 0px;
        padding: 0.3125rem 0rem 0rem 0rem; }
        .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .privactStmnt .undeline-pri {
          text-decoration: underline; }
      .quickview.subscription-container #subscription-overlay .newsletter .center-content .footer-links .privacy-policy:hover {
        color: red;
        cursor: pointer; }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca .sub-image {
    width: 50%;
    float: left;
    text-align: center;
    padding: 0px; }
    .quickview.subscription-container #subscription-overlay .newsletter.post-ca .sub-image img {
      width: 100%;
      vertical-align: top; }
    @media only screen and (max-width: 767px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .sub-image {
        display: none; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .sub-image {
        display: none; } }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca .close-parent {
    position: absolute;
    right: 0; }
    @media only screen and (max-width: 767px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .close-parent {
        top: -10px;
        width: 30px; } }
    @media only screen and (max-width: 767px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .close-parent .subscription-overlay-close {
        width: 100%;
        float: none;
        text-align: center; } }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca .sub-right-area {
    width: 50%;
    float: right; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .sub-right-area {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .sub-right-area {
        width: 100%; } }
    .quickview.subscription-container #subscription-overlay .newsletter.post-ca .sub-right-area .overlay-header .heading-cont {
      width: 100%;
      margin: 0; }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca .overlay-header {
    width: 100%;
    float: right;
    border-bottom: 0; }
    .quickview.subscription-container #subscription-overlay .newsletter.post-ca .overlay-header .content-head {
      font-size: 25px;
      letter-spacing: 1px;
      padding-bottom: 0;
      padding-top: 20px; }
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .overlay-header .content-head img {
        width: 75%; }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent {
    width: 100%;
    float: right; }
    .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content {
      width: 100%;
      position: relative; }
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links {
        padding: 0; }
        .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links .news-lett-email,
        .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links .news-lett-zip {
          width: 100%; }
        .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links .sub-button-cont {
          text-align: center; }
          .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links .sub-button-cont .news-lett-submit {
            width: 100%;
            margin-left: 0;
            font: 21px "FranklinGothicLT-ExtraCond", Arial, sans-serif;
            letter-spacing: 1px; }
        .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links .genderValue {
          padding: 20px 0 20px 97px; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links .genderValue {
              padding-left: 115px; } }
          @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
            .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links .genderValue {
              padding-left: 110px; } }
          @media only screen and (max-width: 767px) {
            .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .footer-links .genderValue {
              padding-left: 55px; } }
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca .content-parent .center-content .sub-headertxt {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px; }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-head {
    padding-top: 60px;
    padding-top: 54px;
    font-size: 32px;
    letter-spacing: 3px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-head {
        padding-top: 3px;
        font-size: 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-head {
        padding-top: 35px;
        font-size: 32px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-head {
        padding-top: 24px; } }
    @media only screen and (max-width: 767px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-head {
        padding-top: 3px;
        font-size: 25px; } }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-parent .privactStmnt {
    margin: 0px; }
    .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-parent .privactStmnt a {
      margin-bottom: 5px;
      display: block;
      vertical-align: bottom;
      padding-top: 14%;
      cursor: default; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-parent .privactStmnt a {
          padding-top: 1%; } }
      @media only screen and (max-width: 767px) {
        .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-parent .privactStmnt a {
          padding-top: 1%; } }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-parent .center-content .sub-headertxt {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-parent .center-content .sub-headertxt {
        padding-top: 7px; } }
    @media only screen and (max-width: 767px) {
      .quickview.subscription-container #subscription-overlay .newsletter.post-ca.us-newsletter .content-parent .center-content .sub-headertxt {
        padding-top: 7px; } }
  .quickview.subscription-container #subscription-overlay .newsletter.post-ca.ca-newsletter .content-parent .center-content .sub-headertxt {
    padding-top: 12px;
    padding-bottom: 5px; }
    .quickview.subscription-container #subscription-overlay .newsletter.post-ca.ca-newsletter .content-parent .center-content .sub-headertxt p {
      margin: 0;
      margin-top: 15px;
      margin-bottom: 15px;
      font-size: 13px; }
      @media only screen and (max-width: 767px) {
        .quickview.subscription-container #subscription-overlay .newsletter.post-ca.ca-newsletter .content-parent .center-content .sub-headertxt p {
          margin-top: 5px;
          font-size: 14px; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  input[type='radio'] {
    width: 18px;
    height: 19px; } }
@media (min-width: 768px) {
  #subscription-overlay .newsletter .container-fluid {
    margin: 0px; } }
@media (min-width: 1025px) {
  #subscription-overlay .newsletter .container-fluid .sub-image {
    position: absolute;
    top: 0px;
    bottom: 0px; }
    #subscription-overlay .newsletter .container-fluid .sub-image img {
      height: 100%; } }
#subscription-overlay .newsletter .container-fluid .privactStmnt {
  padding: 5px 0px 0px 10px;
  padding: 0.3125rem 0rem 0rem 0.625rem; }
  #subscription-overlay .newsletter .container-fluid .privactStmnt .undeline-pri {
    text-decoration: underline; }
  #subscription-overlay .newsletter .container-fluid .privactStmnt .privacy-policy:hover {
    color: red;
    cursor: pointer; }
@media only screen and (max-width: 767px) {
  #subscription-overlay .newsletter.post-ca {
    padding-left: 10px;
    padding-right: 10px; } }
@media only screen and (max-width: 767px) {
  #subscription-overlay .newsletter.post-ca .privactStmnt {
    text-align: center; } }
#subscription-overlay .newsletter.post-ca .privactStmnt a {
  cursor: default; }
#subscription-overlay .newsletter.post-ca .hideonmobile {
  display: block; }
  @media only screen and (max-width: 767px) {
    #subscription-overlay .newsletter.post-ca .hideonmobile {
      display: none;
      margin-bottom: 5px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #subscription-overlay .newsletter.post-ca .news-lett-email {
    text-align: center; } }
@media only screen and (max-width: 767px) {
  #subscription-overlay .newsletter.post-ca .news-lett-email {
    text-align: center;
    margin-top: 10px; } }
@media only screen and (max-width: 767px) {
  #subscription-overlay .newsletter.post-ca .news-lett-submit {
    width: 70% !important;
    font-size: 20px !important;
    margin-top: 20px !important;
    margin-bottom: 20px; } }
#subscription-overlay .newsletter.post-ca .sub-right-area .content-head h2 {
  display: inline-block;
  font-size: 23px;
  letter-spacing: 1px;
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
  @media only screen and (max-width: 767px) {
    #subscription-overlay .newsletter.post-ca .sub-right-area .content-head h2 {
      font-size: 16px;
      display: block;
      font-weight: bold; } }
#subscription-overlay .newsletter.post-ca .sub-right-area .content-head h1 {
  font-size: 45px;
  letter-spacing: 1px;
  margin-top: 2px;
  line-height: 43px; }
  @media only screen and (max-width: 767px) {
    #subscription-overlay .newsletter.post-ca .sub-right-area .content-head h1 {
      font-size: 44px;
      display: block; } }

.login-set {
  margin-top: 24px; }
  .login-set h1 {
    margin-bottom: 30px; }
  .login-set .login-anc {
    top: 10px; }
  .login-set .new-cust h6 {
    margin-bottom: 30px; }
  .login-set .new-cust .btn-account {
    margin-bottom: 40px;
    height: 40px;
    width: 45.5%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #000000;
    background: #ffffff;
    border: solid #000000 3px;
    text-decoration: none; }
  .login-set .decode-img img {
    width: 100%; }
  .login-set .decode ul {
    padding: 0 0 0 0; }
    .login-set .decode ul li:before {
      display: inline-block;
      content: "-"; }
  .login-set .login-form > h6 {
    margin-bottom: 24px; }
  .login-set .login-form .form-group .form-content {
    margin-bottom: 10px;
    height: 40px;
    width: 50%; }
  .login-set .login-form .checkbox input {
    margin-bottom: 20px;
    margin-top: 10px; }
  .login-set .login-form .primary-log {
    height: 40px;
    width: 100%;
    margin-bottom: 40px;
    padding-left: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #000000;
    background: #ffffff;
    border: solid #000000 3px;
    text-decoration: none; }
  .login-set .login-form a {
    text-decoration: underline;
    font-size: 12px; }
  .login-set .login-form .new-account {
    text-align: center; }
    .login-set .login-form .new-account > h2 {
      margin-bottom: 30px; }
    .login-set .login-form .new-account .btn-account {
      margin-bottom: 40px;
      height: 40px;
      width: 67.5%;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0px;
      color: #000000;
      background: #ffffff;
      border: solid #000000 3px;
      text-decoration: none; }

@media (max-width: 1023px) {
  .login-set {
    margin-top: 20px; }
    .login-set .decode {
      margin-top: 20px; }
    .login-set h1 {
      margin-bottom: 20px; }
    .login-set .new-cust h1 span:nth-child(1) {
      display: block;
      margin-bottom: 40px; }
    .login-set .new-cust h6 {
      margin-bottom: 20px; }
    .login-set .new-cust .btn-account {
      margin-bottom: 40px;
      height: 40px;
      width: 45.5%; }
    .login-set .login-form > h6 {
      margin-bottom: 20px; }
    .login-set .login-form .form-group .form-content {
      margin-bottom: 10px;
      height: 36px;
      width: 100%; }
    .login-set .login-form .checkbox input {
      margin-bottom: 10px;
      margin-top: 0px; }
    .login-set .login-form .primary-log {
      height: 36px;
      width: 100%;
      margin-bottom: 30px;
      padding-left: 0px; }
    .login-set .login-form a {
      text-decoration: underline;
      font-size: 12px; }
    .login-set .login-form .new-account {
      text-align: center; }
      .login-set .login-form .new-account > h2 {
        margin-bottom: 20px; }
      .login-set .login-form .new-account .btn-account {
        margin-bottom: 20px;
        height: 36px;
        width: 67.5%; } }
@media (max-width: 1023px) and (min-width: 0px) and (max-width: 767px) {
  .btn-account {
    width: 100% !important; }

  .login-anc {
    text-align: center;
    margin-bottom: 30px; }

  .new-account {
    display: none; }

  .new-cust > h1 {
    margin-top: 30px !important; }
  .new-cust span:nth-child(1) {
    display: none !important; }

  .decode-img img {
    display: none !important; } }
@media (min-width: 768px) {
  .mobile-reg {
    display: none; }

  .not-listed {
    background: #e8e8e8;
    padding: 10px; }
    .not-listed a {
      text-decoration: underline; } }
.desktop-reg {
  overflow: hidden;
  border-top: 4px solid #191919;
  padding-left: 24px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .desktop-reg a:hover {
    text-decoration: underline; }
  .desktop-reg ul {
    padding: 0px 0px 0px 0px;
    padding: 0rem 0rem 0rem 0rem;
    margin: 23px 0 0 0; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .desktop-reg ul {
        margin-top: 14px; } }
  .desktop-reg .change {
    width: 80%;
    float: left;
    background: white; }
    .desktop-reg .change h1 {
      margin-top: 24px;
      margin-top: 1.5rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      letter-spacing: 0.075rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .desktop-reg .change h1 {
          margin-top: 16px;
          font-size: 16px; } }
    .desktop-reg .change #wrapper-ship .main-nation .main-country {
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      margin-bottom: 22px;
      letter-spacing: 0.075rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .desktop-reg .change #wrapper-ship .main-nation .main-country {
          font-size: 14px;
          margin-bottom: 20px; } }
      .desktop-reg .change #wrapper-ship .main-nation .main-country .sub-nation {
        font-size: 13px;
        font-size: 0.8125rem;
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
        letter-spacing: 0.05rem;
        margin-top: 20px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .desktop-reg .change #wrapper-ship .main-nation .main-country .sub-nation.split {
            margin-top: 38px; } }
    .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li:nth-child(1) {
      margin-top: 10px;
      margin-top: 0.625rem;
      margin-bottom: 13px;
      margin-bottom: 0.8125rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li:nth-child(1) {
          margin-top: 0; } }
    .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li {
      margin-bottom: 10px;
      margin-bottom: 0.625rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li {
          margin-bottom: 13px; } }
    .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li.active {
      background: black;
      color: white;
      text-decoration: none;
      cursor: default;
      margin-left: -10px;
      width: 90%;
      padding: 4px 0px 2px 0px; }
      .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li.active a {
        color: white;
        cursor: default; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li.active {
          width: 85%;
          padding: 4px 0 3px 0; } }
    .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li a.active {
      background: black;
      color: white;
      text-decoration: none;
      cursor: default; }
    .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li.active:before {
      content: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ship_icon_active.png");
      display: inline-block;
      padding-right: 24px;
      padding-right: 1.5rem;
      padding-left: 10px;
      padding-left: 0.625rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li.active:before {
          padding-right: 15px; } }
    .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li:before {
      content: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ship_icon.png");
      display: inline-block;
      padding-right: 24px;
      padding-right: 1.5rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li:before {
          padding-right: 13px; } }
    .desktop-reg .change #wrapper-ship .main-nation ul.sub-nation li a.shipto-link.active {
      background: black;
      color: white; }
  .desktop-reg .fixed {
    width: 20%;
    float: right;
    background: #e8e8e8;
    padding-left: 27px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .desktop-reg .fixed {
        padding-left: 17px; } }
    .desktop-reg .fixed ul.main-nation {
      margin-top: 15px;
      margin-top: 0.9375rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .desktop-reg .fixed ul.main-nation {
          margin-top: 18px; } }
      .desktop-reg .fixed ul.main-nation > li:nth-child(1) {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 24px;
        font-size: 1.5rem;
        letter-spacing: 0.075rem; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .desktop-reg .fixed ul.main-nation > li:nth-child(1) {
            font-size: 16px; } }
      .desktop-reg .fixed ul.main-nation .sub-nation-1 {
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
        font-size: 13px;
        font-size: 0.8125rem;
        letter-spacing: 0.050rem; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .desktop-reg .fixed ul.main-nation .sub-nation-1 {
            margin-top: 38px; } }
      .desktop-reg .fixed ul.main-nation li {
        margin-bottom: 16px;
        margin-bottom: 1rem; }

.mobile-reg {
  margin-left: 23px;
  margin-right: 23px; }
  .mobile-reg h1 {
    padding-bottom: 18px;
    padding-bottom: 1.125rem;
    margin-top: 18px;
    margin-top: 1.125rem;
    border-bottom: 2px solid #000000; }
  .mobile-reg h3 {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 18px;
    padding-bottom: 1.125rem; }
  .mobile-reg .default {
    padding-bottom: 7px;
    padding-bottom: 0.4375rem;
    padding-top: 7px;
    padding-top: 0.4375rem;
    padding-left: 9px;
    padding-left: 0.5625rem;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    background: black;
    color: white; }
    .mobile-reg .default a {
      color: white; }
  .mobile-reg .current-cou {
    padding-top: 15px;
    padding-top: 0.9375rem;
    padding-bottom: 10px;
    padding-bottom: 0.625rem; }
  .mobile-reg #cssmenu {
    width: 100%; }
    .mobile-reg #cssmenu ul li.no-bag-mobile ul a {
      padding: 10px 10px 10px 10px; }
    .mobile-reg #cssmenu ul li.no-bag-mobile ul a:before {
      content: none; }
    .mobile-reg #cssmenu ul ul {
      display: none;
      background: #fff; }
      .mobile-reg #cssmenu ul ul li {
        padding: 0;
        border-top: none;
        background: transparent; }
      .mobile-reg #cssmenu ul ul li:last-child {
        border-bottom: none; }
      .mobile-reg #cssmenu ul ul a {
        padding: 10px 10px 10px 25px;
        display: block; }
      .mobile-reg #cssmenu ul ul a:before {
        content: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ship_icon.png");
        position: absolute;
        left: 10px; }
    .mobile-reg #cssmenu ul, .mobile-reg #cssmenu li, .mobile-reg #cssmenu a {
      margin: 0;
      padding: 0;
      border: 0;
      list-style: none;
      text-decoration: none;
      line-height: 1;
      position: relative; }
    .mobile-reg #cssmenu > ul > li:nth-child(3) {
      border-bottom: 0px solid #000000; }
    .mobile-reg #cssmenu > ul > li:nth-child(4) > a {
      border-top: 4px solid #000000;
      margin-top: 25px; }
    .mobile-reg #cssmenu > ul > li:nth-child(3) > a {
      padding-bottom: 0px; }
    .mobile-reg #cssmenu > ul > li:nth-child(3) > a {
      border-bottom: 0px; }
    .mobile-reg #cssmenu > ul > li.has-sub.active:nth-child(3) > a {
      border-bottom: 1px solid #e8e8e8; }
    .mobile-reg #cssmenu > ul > li:nth-child(4) > a {
      border-bottom: 0px; }
    .mobile-reg #cssmenu > ul > li.has-sub.active:nth-child(4) > a {
      border-bottom: 1px solid #e8e8e8; }
    .mobile-reg #cssmenu > ul li.has-sub > a span {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg") 96% center no-repeat;
      background-size: 14px; }
    .mobile-reg #cssmenu > ul li.has-sub.active > a span {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility_down.svg") 96% center no-repeat;
      background-size: 14px; }
    .mobile-reg #cssmenu > ul > li a:hover {
      text-decoration: underline; }
    .mobile-reg #cssmenu > ul > li > a {
      display: block;
      color: #191919;
      border: 1px solid #e8e8e8;
      border-left: 0px solid #e8e8e8;
      border-right: 0px solid #e8e8e8;
      border-top: none; }
      .mobile-reg #cssmenu > ul > li > a > span {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 14px;
        font-size: 0.875rem;
        display: block;
        padding: 12px 10px; }

.utility-holder .menu-utility li.ship_to {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") right -213px no-repeat; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .utility-holder .menu-utility li.ship_to {
      background: none;
      padding-right: 0; } }

.utility-holder .menu-utility li.ship_to:hover {
  background: #000 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") right -739px no-repeat; }
  .utility-holder .menu-utility li.ship_to:hover a {
    color: white; }

.utility-holder .menu-utility li.ship_to.active {
  background: #000 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") right -584px no-repeat; }
  .utility-holder .menu-utility li.ship_to.active a {
    color: white; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .utility-holder .menu-utility li.ship_to.active {
      background: #000 none; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .utility-holder .menu-utility li.ship_to.non-ecom:hover {
    background: #000 none; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .utility-holder .menu-utility li.ship_to.non-ecom {
    padding-top: 8px; } }

@media only screen and (min-device-width: 1025px) and (max-device-width: 1920px) {
  .utility-holder .menu-utility li.store-loca:hover a {
    color: white; }

  .utility-holder .menu-utility li.store-loca:hover {
    background: #000; } }
.utility-holder .menu-utility li.ship_to.active + .seprator:before {
  display: none; }

/* Tab Landscape only */
@media (max-width: 767px) {
  .desktop-reg {
    display: none; }

  .not-listed {
    height: 60px;
    padding: 18px 50px 18px 25px;
    background: #f0f0f0;
    margin-top: 20px; }
    .not-listed a {
      text-decoration: underline; } }
@media (min-width: 1024px) {
  .all-faq-btn.desktop-hide {
    display: none !important; }

  .all-faq-btn.tablet-hide {
    display: block !important; } }
@media (max-width: 767px) {
  .faq {
    display: none; } }
@media (max-width: 1023px) {
  .container-fluid {
    margin-right: 0px !important;
    margin-left: 0px !important; }

  .faq h1 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 15px !important; }
  .faq .top-faq {
    padding-left: 16px !important; }
  .faq .top-faq-over {
    overflow: hidden;
    margin-top: 10px; }
  .faq .tel-faq {
    margin-top: 1px !important;
    border-right: 0px solid #e8e8e8 !important;
    border-top: 1px solid #e8e8e8 !important; }
    .faq .tel-faq .tel-num {
      margin-top: 50px; }
    .faq .tel-faq .tel-email {
      margin-top: 50px; }
  .faq .all-faq-btn.desktop-hide {
    display: block !important; }
  .faq .top-faq h1 {
    float: left;
    padding-right: 26%; }
  .faq .top-faq .all-faq-btn {
    margin-bottom: 0px !important;
    width: 23% !important;
    height: 36px !important;
    padding: 6px !important;
    top: 11px !important;
    position: relative !important; }
  .faq .top-faq ul {
    margin-top: 8px; }
    .faq .top-faq ul li {
      margin-bottom: 11px; }
  .faq .all-faq-btn.tablet-hide {
    display: none !important; } }
.faq h1 {
  margin-bottom: 18px;
  margin-top: 19px;
  letter-spacing: 0.075rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .faq h1 {
      margin-top: 20px; } }
.faq a:hover {
  text-decoration: underline; }
.faq .tel-faq {
  border-right: 1px solid #e8e8e8; }
  .faq .tel-faq .tel-num {
    margin-bottom: 8px;
    overflow: hidden; }
    .faq .tel-faq .tel-num .tel-text {
      font-weight: bold;
      padding: 0; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .faq .tel-faq .tel-num .tel-text p:nth-child(2) a {
          color: #808080; } }
    .faq .tel-faq .tel-num .tel-img {
      top: 13px;
      padding: 0; }
  .faq .tel-faq .tel-email {
    margin-bottom: 0px;
    overflow: hidden; }
    .faq .tel-faq .tel-email .email-text {
      padding: 0;
      p: nth-child(2);
        p-color: #808080; }
      .faq .tel-faq .tel-email .email-text p:nth-child(1) {
        font-weight: bold; }
      .faq .tel-faq .tel-email .email-text p:nth-child(2) a {
        text-decoration: none; }
    .faq .tel-faq .tel-email .email-img {
      top: 12px;
      padding: 0; }
.faq .help-faq {
  background-color: #e8e8e8;
  padding: 0 13px 0 26px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .faq .help-faq {
      position: absolute;
      right: 0;
      height: 100%; } }
  .faq .help-faq li {
    margin-bottom: 17px;
    letter-spacing: 0.05rem; }
.faq ul {
  padding: 0px; }
.faq .top-faq {
  padding: 0 13px 0 25px; }
  .faq .top-faq a.all-faq-btn:hover {
    background: black;
    color: white; }
  .faq .top-faq ul {
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    list-style-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/faq-icon.png");
    margin-left: 12px;
    margin-bottom: 27px; }
    .faq .top-faq ul li {
      margin-bottom: 16px;
      letter-spacing: 0.05rem;
      line-height: 18px; }
    .faq .top-faq ul li:before {
      display: inline-block;
      padding-right: 10px; }
    .faq .top-faq ul li:last-child {
      margin-bottom: 25px; }
  .faq .top-faq .all-faq-btn {
    margin-bottom: 40px;
    height: 40px;
    display: block;
    padding: 8px 0 10px 0;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #000000;
    background: transparent;
    border: solid #000000 3px;
    text-decoration: none;
    width: 40%;
    letter-spacing: 0.05rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem; }
@media (min-width: 1025px) and (max-width: 1920px) {
  .faq .tab-top-area {
    width: 75%;
    left: 25%;
    position: relative;
    display: flex; } }
@media (min-width: 1025px) and (max-width: 1920px) {
  .faq .tab-top-area .top-faq {
    float: left;
    right: auto;
    left: auto;
    width: 70%; } }
@media (min-width: 1025px) and (max-width: 1920px) {
  .faq .tab-top-area .help-faq {
    left: auto;
    float: right;
    width: 30%; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .faq .tab-top-area {
    position: relative;
    float: left;
    width: 100%; } }

.help-link.active {
  height: 33px;
  background: black;
  color: white; }

.floating-nav-topcontainer .inner .container-fluid.faq .row p {
  letter-spacing: 0.05rem;
  margin: 9px 0;
  line-height: 18px; }

/* Tab Landscape only */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .floating-nav-topcontainer .inner .container-fluid.faq .row .tab-top-area {
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    overflow: hidden;
    width: 75%;
    float: right; }
  .floating-nav-topcontainer .inner .container-fluid.faq .row .top-faq {
    width: 70%;
    left: auto; }
  .floating-nav-topcontainer .inner .container-fluid.faq .row .help-faq {
    width: 30%;
    left: auto; }
  .floating-nav-topcontainer .inner .container-fluid.faq .row .tel-faq {
    right: auto;
    position: absolute;
    height: 100%; }
    .floating-nav-topcontainer .inner .container-fluid.faq .row .tel-faq .tel-text, .floating-nav-topcontainer .inner .container-fluid.faq .row .tel-faq .email-text {
      padding-left: 10px; } }
.plp-background {
  background-color: #ccc; }

.breadcrumb-and-pagination, .filter-outer {
  padding: 0 20px; }

#wrapper {
  background: none; }

.packery {
  margin-bottom: 10px; }

.search-result-content {
  overflow: hidden; }
  .search-result-content .grid-tile {
    overflow: hidden;
    padding: 0 0px 0px;
    float: left;
    list-style: none outside none;
    position: relative; }
    .search-result-content .grid-tile .bx-wrapper .bx-prev {
      left: 0px;
      background-position: -7px -552px; }
    .search-result-content .grid-tile .bx-wrapper .bx-next {
      right: 0px;
      background-position: -7px -511px; }
    .search-result-content .grid-tile .bx-wrapper .bx-pager {
      bottom: 5px; }
    .search-result-content .grid-tile .bx-controls-direction a {
      display: none; }
    .search-result-content .grid-tile .bx-wrapper:hover .bx-controls-direction a {
      display: block;
      width: 25px;
      height: 25px;
      background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png");
      background-repeat: no-repeat; }
    .search-result-content .grid-tile .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: #666;
      border: 1px solid #666; }
    .search-result-content .grid-tile .bx-wrapper .bx-pager.bx-default-pager a {
      background: white;
      border: 1px solid grey; }
    .search-result-content .grid-tile .bx-pager-item a {
      display: none; }
    .search-result-content .grid-tile .bx-wrapper:hover .bx-pager-item a {
      display: block; }
    .search-result-content .grid-tile .product-tile {
      padding-bottom: 0;
      position: relative;
      text-align: left;
      margin: 0 10px 20px 10px;
      background-color: white; }
      .search-result-content .grid-tile .product-tile .product-tile-content {
        position: relative; }
        .search-result-content .grid-tile .product-tile .product-tile-content .badge.textBadge {
          text-align: center;
          color: white;
          background: #61598a;
          padding: 3px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          text-transform: uppercase;
          letter-spacing: 1px;
          font-size: 16px;
          position: absolute;
          bottom: 0;
          z-index: 9;
          opacity: 0.9;
          width: 100%; }
          .search-result-content .grid-tile .product-tile .product-tile-content .badge.textBadge p {
            margin-top: 0px;
            margin-bottom: 0px; }
        .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
          position: relative;
          text-align: center;
          overflow: hidden; }
          @media only screen and (min-width: 1601px) and (max-width: 1920px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
              min-height: 477px; } }
          @media only screen and (min-width: 1441px) and (max-width: 1600px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
              min-height: 391px; } }
          @media only screen and (min-width: 1367px) and (max-width: 1440px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
              min-height: 348px; } }
          @media only screen and (min-width: 1281px) and (max-width: 1366px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
              min-height: 328px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
              min-height: 305px; } }
          @media only screen and (min-width: 769px) and (max-width: 1024px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
              min-height: 237px; } }
          @media only screen and (min-width: 414px) and (max-width: 768px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
              min-height: 237px; } }
          @media only screen and (min-width: 320px) and (max-width: 413px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
              min-height: 173px; } }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-image .new-arrivals {
            top: 0px;
            right: 0px;
            z-index: 10; }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-image .item-swatches {
            float: left;
            width: 100%; }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-image .new-arrivals {
            top: 0px;
            right: 0px;
            z-index: 10; }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-image .badge {
            position: absolute; }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-image .badge.top-left {
            top: 20px;
            left: 20px;
            z-index: 10; }
            @media only screen and (max-width: 767px) {
              .search-result-content .grid-tile .product-tile .product-tile-content .product-image .badge.top-left {
                top: 0px;
                top: 0rem;
                left: 0px;
                left: 0rem; } }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-image .griditem-swatchlist {
            position: relative; }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-image .griditem-swatchlist ul.swatch-itemslider {
              margin: 0px;
              margin: 0rem;
              padding: 0px;
              padding: 0rem; }
              .search-result-content .grid-tile .product-tile .product-tile-content .product-image .griditem-swatchlist ul.swatch-itemslider li {
                left: 0;
                position: absolute;
                top: 0;
                z-index: 8;
                display: none;
                text-align: center;
                width: 100%; }
                .search-result-content .grid-tile .product-tile .product-tile-content .product-image .griditem-swatchlist ul.swatch-itemslider li img {
                  height: 100%;
                  width: 100%;
                  vertical-align: top;
                  height: 100%;
                  width: 100%; }
              .search-result-content .grid-tile .product-tile .product-tile-content .product-image .griditem-swatchlist ul.swatch-itemslider li:first-child {
                display: block;
                position: relative; }
        .search-result-content .grid-tile .product-tile .product-tile-content .product-info {
          min-height: 104px;
          height: auto; }
          @media only screen and (min-width: 768px) and (max-width: 1024px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info {
              min-height: 115px; } }
          @media only screen and (max-width: 767px) {
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info {
              height: 95px;
              height: 5.9375rem; } }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online-wrap {
            height: 30px; }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online {
            border-top: 1px solid #e8e8e8;
            text-align: center;
            border-bottom: 1px solid #e8e8e8; }
            @media only screen and (max-width: 767px) {
              .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online {
                padding-top: 0px;
                padding-top: 0rem;
                padding-bottom: 0px;
                padding-bottom: 0rem; } }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online .product-swatches-all.active {
              background-color: #000000; }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online span {
              width: 50%;
              text-align: center; }
              .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online span.single-col {
                width: 100%;
                text-transform: uppercase;
                border-left: 0px !important; }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online span.product-brand-all {
              float: left;
              color: #a2a2a2;
              font-size: 10px;
              font-size: 0.625rem;
              margin-top: 7px;
              margin-bottom: 7px;
              text-transform: uppercase; }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online span.product-swatches-all {
              float: right;
              color: #b3b3b3;
              border-left: 1px solid #e8e8e8;
              font-size: 10px;
              font-size: 0.625rem;
              padding-top: 7px;
              padding-bottom: 7px;
              text-transform: uppercase; }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-pricing {
            text-align: center;
            padding-bottom: 3px;
            padding-bottom: 0.1875rem; }
            @media only screen and (min-width: 768px) and (max-width: 1023px) {
              .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-pricing {
                font-size: 14px;
                font-size: 0.875rem;
                padding-bottom: 0px;
                padding-bottom: 0rem; } }
            @media only screen and (max-width: 767px) {
              .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-pricing {
                font-size: 11px;
                font-size: 0.6875rem;
                padding-bottom: 1px;
                padding-bottom: 0.0625rem; } }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-pricing .product-standard-price {
              color: #808080;
              float: left;
              text-align: center;
              text-decoration: line-through;
              width: 33.3334%; }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-pricing .product-total-discount {
              color: #ec0928;
              float: left;
              text-align: center;
              width: 33.3334%; }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-pricing .product-discounted-price .product-sales-price {
              color: #ec0928;
              float: left;
              text-align: center;
              width: 33.3334%; }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-info .promotional-message {
            text-align: center;
            font-size: 9px;
            font-weight: bold;
            font-family: "TradeGothicLTPro", Arial, sans-serif;
            letter-spacing: 1px;
            text-transform: uppercase;
            position: relative;
            top: 2px; }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .promotional-message p {
              margin-top: 0px;
              margin-bottom: 0px; }
            @media only screen and (max-width: 767px) {
              .search-result-content .grid-tile .product-tile .product-tile-content .product-info .promotional-message {
                font-size: 9px; } }
          .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-name {
            padding: 0px; }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-name .name-link {
              float: left;
              padding: 5px 0;
              text-align: center;
              width: 100%;
              font-size: 14px;
              font-size: 0.875rem;
              padding-top: 4px;
              padding-top: 0.25rem;
              padding-bottom: 1px;
              padding-bottom: 0.0625rem;
              font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
              @media only screen and (min-width: 768px) and (max-width: 1023px) {
                .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-name .name-link {
                  padding-top: 4px;
                  padding-top: 0.25rem;
                  padding-bottom: 4px;
                  padding-bottom: 0.25rem;
                  font-size: 16px;
                  font-size: 1rem; } }
              @media only screen and (max-width: 767px) {
                .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-name .name-link {
                  padding-top: 5px;
                  padding-top: 0.3125rem;
                  padding-bottom: 4px;
                  padding-bottom: 0.25rem;
                  font-size: 12px;
                  font-size: 0.75rem;
                  letter-spacing: 1px; } }
            .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-name .name-link-sub {
              float: left;
              text-align: center;
              width: 100%;
              letter-spacing: 1px;
              text-transform: uppercase;
              font-size: 12px;
              font-size: 0.75rem;
              padding-bottom: 4px;
              padding-bottom: 0.25rem;
              font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
              color: #8f8f8f; }
              @media only screen and (min-width: 768px) and (max-width: 1023px) {
                .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-name .name-link-sub {
                  padding-bottom: 9px;
                  padding-bottom: 0.5625rem;
                  font-size: 13px;
                  font-size: 0.8125rem; } }

.search-result-options.bottom-resullt {
  display: none; }

.search-result-options {
  width: 100%;
  float: left;
  margin: 20px 0 25px 0;
  padding: 0 20px; }

.result-options-right {
  float: right;
  /*.select-brand-dropdown{display:none;}*/ }
  @media only screen and (max-width: 767px) {
    .result-options-right {
      float: none; } }
  .result-options-right .select-brand-dropdown, .result-options-right .sort-by {
    float: left;
    width: 171px;
    margin-right: 25px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .result-options-right .select-brand-dropdown, .result-options-right .sort-by {
        margin-right: 4%;
        margin-top: 10px;
        width: 48%;
        margin-left: 0%; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .result-options-right .select-brand-dropdown .select-brand-dropdown, .result-options-right .sort-by .select-brand-dropdown {
        margin-left: 0%; } }
  .result-options-right .sort-by .sort-Go-Button, .result-options-right .select-brand-dropdown .sort-Go-Button {
    display: none; }
  .result-options-right .sort-by label, .result-options-right .select-brand-dropdown label {
    display: none; }
  .result-options-right .sort-by .select-img, .result-options-right .select-brand-dropdown .select-img {
    border-right: none;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 100%; }
  .result-options-right .sort-by select, .result-options-right .select-brand-dropdown select {
    width: 168px;
    background: #fff url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png") no-repeat right center;
    border: 1px solid #000;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 6px 0 0;
    padding: 8px 6px 8px 4px;
    color: #000;
    text-transform: uppercase;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border-radius: 0px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .result-options-right .sort-by select, .result-options-right .select-brand-dropdown select {
        width: 100%; } }
  .result-options-right .sort-by select::-ms-expand, .result-options-right .select-brand-dropdown select::-ms-expand {
    display: none; }
  .result-options-right .select-brand-dropdown .select-img {
    left: -2px !important; }
  .result-options-right .results-hits {
    float: left;
    letter-spacing: 1px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 25px;
    text-transform: uppercase;
    padding-top: 11px;
    padding-right: 16px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .result-options-right .results-hits {
        padding-right: 0;
        padding-top: 0;
        margin-left: 0px;
        display: table-cell;
        vertical-align: middle;
        height: 35px;
        width: 150px;
        float: none; } }
    @media only screen and (max-width: 767px) {
      .result-options-right .results-hits {
        padding-right: 0px; } }
  .result-options-right .pagination {
    float: left; }

.recent-outer {
  width: 100%;
  padding: 0 20px; }

.recent-youmay {
  background: white;
  margin: 32px 0;
  padding: 35px 45px;
  position: relative;
  width: 100%;
  float: left; }
  .recent-youmay .load-ajax-content-yml {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/loading-small.gif") center center no-repeat;
    height: 100px;
    width: 100%;
    display: block; }
  .recent-youmay ul {
    padding: 0;
    margin: 0; }
  .recent-youmay .title-container {
    width: 100%;
    float: left; }
    .recent-youmay .title-container ul.recent-options {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      width: 100%;
      float: left;
      margin-bottom: 28px;
      text-align: center;
      font-size: 32px;
      font-size: 2rem; }
      .recent-youmay .title-container ul.recent-options li {
        display: inline-block;
        text-transform: uppercase;
        margin: 0 35px 0 0;
        padding-bottom: 10px;
        width: 245px;
        color: #808080;
        cursor: pointer; }
      .recent-youmay .title-container ul.recent-options li.active {
        border-bottom: 2px solid #000;
        color: #000; }
    .recent-youmay .title-container .panel-container {
      width: 100%;
      display: inline-block; }
    .recent-youmay .title-container .alsolike {
      display: none; }
  .recent-youmay .alsolike #yml-carousel {
    padding: 0;
    margin: 0; }
  .recent-youmay #yml-carousel .youmayalsolike h2 {
    display: none; }
  .recent-youmay #yml-carousel .recommendations {
    margin: 0; }
  .recent-youmay .bx-wrapper .bx-pager {
    display: block;
    padding-top: 40px; }
  .recent-youmay .product-image {
    width: 240px;
    float: left; }
    .recent-youmay .product-image img {
      width: 100%; }
    .recent-youmay .product-image .badge {
      position: absolute; }
    .recent-youmay .product-image .badge.top-left {
      top: 75px;
      left: 20px;
      z-index: 10; }
      @media only screen and (max-width: 767px) {
        .recent-youmay .product-image .badge.top-left {
          top: 0px;
          top: 0rem;
          left: 0px;
          left: 0rem; } }
  .recent-youmay .product-description {
    text-align: center;
    float: left;
    width: 100%; }
    .recent-youmay .product-description .product-text-content .product-name {
      width: 100%;
      float: left;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      color: #000;
      padding: 5px 0;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .recent-youmay .product-description .product-text-content .product-swatch {
      width: 100%;
      float: left;
      border: 1px solid #e4e4e4;
      border-width: 1px 0 1px 0; }
      .recent-youmay .product-description .product-text-content .product-swatch span {
        width: 50%;
        text-align: center; }
        .recent-youmay .product-description .product-text-content .product-swatch span.single-col {
          width: 100%;
          text-transform: uppercase;
          border-left: 0px !important; }
      .recent-youmay .product-description .product-text-content .product-swatch span.product-brand-all {
        float: left;
        color: #a2a2a2;
        font-size: 10px;
        font-size: 0.625rem;
        padding-top: 7px;
        padding-bottom: 7px;
        text-transform: uppercase; }
      .recent-youmay .product-description .product-text-content .product-swatch span.product-swatches-all {
        float: right;
        color: #b3b3b3;
        border-left: 1px solid #e8e8e8;
        font-size: 10px;
        font-size: 0.625rem;
        padding-top: 7px;
        padding-bottom: 7px;
        text-transform: uppercase; }
      .recent-youmay .product-description .product-text-content .product-swatch .product-swatch-all {
        float: right; }
    .recent-youmay .product-description .product-text-content .product-price {
      color: #191919;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      font-size: 13px;
      font-size: 0.8125rem;
      padding: 10px 0; }
      .recent-youmay .product-description .product-text-content .product-price .product-discounted-price .product-standard-price {
        text-decoration: line-through; }
      .recent-youmay .product-description .product-text-content .product-price .product-discounted-price .product-total-discount, .recent-youmay .product-description .product-text-content .product-price .product-discounted-price .product-sales-price {
        color: red; }
  .recent-youmay .panel-container .recently-viewed {
    width: 100%;
    float: left; }
    .recent-youmay .panel-container .recently-viewed .last-visited {
      width: 100%;
      float: left; }
      .recent-youmay .panel-container .recently-viewed .last-visited h2 {
        display: none; }
  .recent-youmay .product-tile {
    padding-bottom: 0;
    position: relative;
    text-align: left; }
    .recent-youmay .product-tile .product-image {
      position: relative;
      text-align: center;
      height: 323px; }
      @media only screen and (max-width: 767px) {
        .recent-youmay .product-tile .product-image {
          height: 196px;
          height: 12.25rem;
          width: 245px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .recent-youmay .product-tile .product-image {
          height: 313px;
          height: 19.5625rem;
          width: 245px; } }
      .recent-youmay .product-tile .product-image img {
        width: 100%; }
      .recent-youmay .product-tile .product-image .new-arrivals {
        top: 0px;
        right: 0px;
        z-index: 10; }
      .recent-youmay .product-tile .product-image .badge {
        position: absolute; }
      .recent-youmay .product-tile .product-image .badge.top-left {
        top: 20px;
        left: 20px;
        z-index: 10; }
        @media only screen and (max-width: 767px) {
          .recent-youmay .product-tile .product-image .badge.top-left {
            top: 0px;
            top: 0rem;
            left: 0px;
            left: 0rem; } }
      .recent-youmay .product-tile .product-image .griditem-swatchlist {
        position: relative; }
        .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider {
          margin: 0px;
          margin: 0rem;
          padding: 0px;
          padding: 0rem; }
          @media only screen and (max-width: 767px) {
            .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider {
              min-height: 192px;
              min-height: 12rem; } }
          .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider li {
            left: 0;
            position: absolute;
            top: 0;
            z-index: 8;
            height: 322px;
            display: none; }
            @media only screen and (max-width: 767px) {
              .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider li {
                height: 192px;
                height: 12rem; } }
            @media only screen and (min-width: 768px) and (max-width: 1023px) {
              .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider li {
                height: 309px;
                height: 19.3125rem; } }
            .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider li img {
              height: 322px; }
              @media only screen and (max-width: 767px) {
                .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider li img {
                  height: 192px;
                  height: 12rem; } }
              @media only screen and (min-width: 768px) and (max-width: 1023px) {
                .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider li img {
                  height: 309px;
                  height: 19.3125rem; } }
            .recent-youmay .product-tile .product-image .griditem-swatchlist ul.swatch-itemslider li li:first-child {
              display: block; }
    .recent-youmay .product-tile .product-pricing {
      text-align: center;
      padding-bottom: 3px;
      padding-bottom: 0.1875rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .recent-youmay .product-tile .product-pricing {
          font-size: 14px;
          font-size: 0.875rem;
          padding-bottom: 0px;
          padding-bottom: 0rem;
          float: left;
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .recent-youmay .product-tile .product-pricing {
          font-size: 10px;
          font-size: 0.625rem;
          padding-bottom: 1px;
          padding-bottom: 0.0625rem; } }
      .recent-youmay .product-tile .product-pricing .product-standard-price {
        color: #808080;
        float: left;
        text-align: left;
        text-decoration: line-through;
        width: 33.3334%; }
      .recent-youmay .product-tile .product-pricing .product-total-discount {
        color: #ec0928;
        float: left;
        text-align: center;
        width: 33.3334%; }
      .recent-youmay .product-tile .product-pricing .product-discounted-price .product-sales-price {
        color: #ec0928;
        float: left;
        text-align: right;
        width: 33.3334%; }
    .recent-youmay .product-tile .promotional-message {
      text-align: center; }
      .recent-youmay .product-tile .promotional-message p {
        margin-top: 0px;
        margin-bottom: 0px; }
    .recent-youmay .product-tile .product-name {
      padding: 0; }
      .recent-youmay .product-tile .product-name .name-link {
        float: left;
        padding: 5px 0;
        text-align: center;
        width: 100%;
        font-size: 14px;
        font-size: 0.875rem;
        padding-top: 4px;
        padding-top: 0.25rem;
        padding-bottom: 1px;
        padding-bottom: 0.0625rem;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .recent-youmay .product-tile .product-name .name-link {
            padding-top: 10px;
            padding-top: 0.625rem;
            padding-bottom: 8px;
            padding-bottom: 0.5rem;
            font-size: 16px;
            font-size: 1rem; } }
        @media only screen and (max-width: 767px) {
          .recent-youmay .product-tile .product-name .name-link {
            padding-top: 5px;
            padding-top: 0.3125rem;
            padding-bottom: 4px;
            padding-bottom: 0.25rem;
            font-size: 11px;
            font-size: 0.6875rem; } }
      .recent-youmay .product-tile .product-name .name-link-sub {
        float: left;
        text-align: center;
        width: 100%;
        font-size: 12px;
        font-size: 0.75rem;
        padding-bottom: 7px;
        padding-bottom: 0.4375rem;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        color: #8f8f8f; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .recent-youmay .product-tile .product-name .name-link-sub {
            padding-bottom: 15px;
            padding-bottom: 0.9375rem;
            font-size: 13px;
            font-size: 0.8125rem; } }
  .recent-youmay .bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF;
    width: 15px;
    height: 15px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border-top: 2px solid #ACACAC;
    border-left: 2px solid #ACACAC;
    border-right: 2px solid #ACACAC;
    border-bottom: 2px solid #ACACAC; }
  .recent-youmay .bx-wrapper .bx-pager.bx-default-pager a:hover, .recent-youmay .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000; }
  .recent-youmay .bx-wrapper .bx-controls-direction a {
    width: 40px;
    height: 40px; }
  .recent-youmay .bx-wrapper .bx-prev {
    left: -50px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat scroll -60px -29px; }
  .recent-youmay .bx-wrapper .bx-next {
    right: -50px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat scroll -10px -29px; }
  .recent-youmay .no-last-visit {
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
    width: 100%;
    float: left; }

/* Refinement Panel */
.refinements .show-filter, .refinements .filter-label-mobile {
  display: none; }
.refinements .filter-global-reset {
  padding: 0px 0 0 0px;
  float: right;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "TradeGothicLTPro", Arial, sans-serif;
  letter-spacing: 1px; }
  .refinements .filter-global-reset.mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .refinements .filter-global-reset.mobile {
        display: block;
        position: absolute;
        top: 60px;
        width: 32%;
        background-color: white;
        margin-left: 5%; } }
.refinements .filter-done.mobile {
  display: none; }
  @media only screen and (max-width: 767px) {
    .refinements .filter-done.mobile {
      display: block;
      font-size: 0.875rem;
      text-align: center;
      text-transform: uppercase;
      width: 100%;
      border-top: 0;
      text-decoration: none;
      padding: 10px;
      margin: 5px 0 10px 0;
      border: 2px solid #000;
      font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
      cursor: pointer;
      position: absolute;
      top: 60px;
      width: 32%;
      background-color: white;
      margin-right: 5%;
      right: 0px; } }
.refinements .filter-wrapper {
  float: left;
  position: relative;
  width: 100%;
  padding: 7px 25px;
  margin-top: 0px;
  background-color: #fff; }
  .refinements .filter-wrapper .filter-label-wrapper span {
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    font-size: 14px;
    font-size: 0.875rem; }
  .refinements .filter-wrapper .filter-label-wrapper .filter-label {
    position: absolute;
    top: 0px;
    background-color: black;
    color: white;
    left: 0px;
    line-height: 35px;
    padding-left: 13px;
    float: left;
    padding-top: 0px;
    font-size: 12px;
    letter-spacing: 0.8px;
    width: 93px;
    text-transform: uppercase; }
  .refinements .filter-wrapper ul.refinement-list {
    margin: 0;
    width: auto;
    float: left;
    padding: 0;
    margin-left: 67px;
    min-height: 15px; }
    @media only screen and (max-width: 767px) {
      .refinements .filter-wrapper ul.refinement-list {
        margin-left: 0px; } }
    .refinements .filter-wrapper ul.refinement-list li.refinement-header-item {
      float: left;
      text-transform: capitalize;
      cursor: pointer;
      margin-right: 15px;
      width: auto; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item .refinement-top-level {
        display: none; }
      @media only screen and (max-width: 767px) {
        .refinements .filter-wrapper ul.refinement-list li.refinement-header-item {
          background: none;
          border-bottom: 2px solid #e6e6e6; } }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item h3 {
        border-left: 1px solid #bfbfbf;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_img.png") #FFF no-repeat right 9px;
        font-size: 12px;
        font-size: 0.75rem;
        padding: 3px 33px 3px 10px;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .refinements .filter-wrapper ul.refinement-list li.refinement-header-item h3 {
            font-size: 12px;
            letter-spacing: 0.5px; } }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item .refinement-item {
        display: none; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item ul li a {
        padding: 5px 5px 5px 33px;
        display: block;
        outline: none; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item:last-child h3 {
        border-right-width: 1px; }
    .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active h3 {
      z-index: 400;
      position: relative;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_img_plp.png") #FFF no-repeat right 9px;
      padding-bottom: 5px;
      border-top-width: 1px;
      border-bottom: none; }
    .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-header {
      padding-bottom: 3px; }
      @media only screen and (max-width: 767px) {
        .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-header {
          padding-bottom: 17px; } }
    .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item {
      display: block;
      position: absolute;
      background: white;
      border: 1px solid #bababa;
      z-index: 30;
      margin-top: 7px;
      padding: 20px 10px 10px 10px; }
      @media only screen and (max-width: 767px) {
        .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item {
          margin-top: -2px; } }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item ul {
        margin: 0;
        padding: 0;
        border-right: 0px solid #A5A5A5;
        float: left;
        min-height: 40px;
        width: auto;
        padding-left: 0;
        min-width: 105px;
        margin: 10px 0 10px 11px; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item ul:last-child {
        border: 0; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item li a {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") no-repeat scroll -5px -467px;
        font-size: 13px;
        font-size: 0.8125rem;
        letter-spacing: 0.5px; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item li.selected a {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") no-repeat scroll -5px -423px; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item li.unselectable {
        opacity: 0.3; }
  .refinements .filter-wrapper .reset-refinement, .refinements .filter-wrapper .apply-refinement {
    border-top: 1px solid #a5a5a5;
    width: 50%;
    text-decoration: underline;
    text-transform: capitalize;
    padding: 10px 13px 13px 10px;
    cursor: pointer; }
  .refinements .filter-wrapper .reset-refinement {
    float: left;
    text-align: left;
    cursor: pointer;
    display: none; }
  .refinements .filter-wrapper .apply-refinement {
    float: right;
    text-align: right;
    cursor: pointer;
    display: none; }

.outfit-view.swatch-itemslider {
  display: none; }

.sort-by {
  float: right;
  width: 171px; }
  .sort-by .sort-Go-Button {
    display: none; }
  .sort-by label {
    display: none; }
  .sort-by .select-img {
    border-right: none;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 100%; }
  .sort-by select {
    width: 168px;
    border: 1px solid #000;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 6px 0 0;
    padding: 8px 6px 8px 4px;
    color: #000;
    text-transform: uppercase; }

.result-options-left {
  float: left;
  margin: 0;
  padding: 0; }
  .result-options-left .view-button {
    width: 170px;
    padding: 9px;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-size: 0.75rem;
    background: black;
    color: white;
    float: left;
    border: 1px solid black;
    display: block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer; }
    .result-options-left .view-button.active {
      background: white;
      color: black; }

.search-result-content {
  overflow: hidden;
  float: left;
  width: 100%;
  padding: 0 10px; }
  .search-result-content .grid-tile.two_by_two {
    overflow: hidden;
    float: left;
    padding: 0 0px 0px;
    float: left;
    list-style: none outside none;
    position: relative; }
    .search-result-content .grid-tile.two_by_two ul {
      padding: 0px;
      margin: 0px; }
      .search-result-content .grid-tile.two_by_two ul .product-tile {
        padding-bottom: 0;
        position: relative;
        text-align: left; }
        .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content {
          position: relative; }
          .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .badge.textBadge {
            text-align: center;
            color: white;
            background: #61598a;
            padding: 3px;
            font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: absolute;
            bottom: 0;
            z-index: 9;
            opacity: 0.9;
            width: 100%; }
          .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-image {
            position: relative;
            text-align: center;
            overflow: hidden; }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-image .new-arrivals {
              top: 0px;
              right: 0px;
              z-index: 10; }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-image .badge {
              position: absolute; }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-image .badge.top-left {
              top: 20px;
              left: 20px;
              z-index: 10; }
              @media only screen and (max-width: 767px) {
                .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-image .badge.top-left {
                  top: 0px;
                  top: 0rem;
                  left: 0px;
                  left: 0rem; } }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-image img {
              width: 100%; }
          .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info {
            min-height: 104px;
            height: auto; }
            @media only screen and (min-width: 768px) and (max-width: 1024px) {
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info {
                min-height: 115px; } }
            @media only screen and (max-width: 767px) {
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info {
                height: 85px;
                height: 5.3125rem; } }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-swatches-online-wrap {
              height: 30px; }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-swatches-online {
              border-top: 1px solid #e8e8e8;
              text-align: center;
              border-bottom: 1px solid #e8e8e8; }
              @media only screen and (max-width: 767px) {
                .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-swatches-online {
                  padding-top: 0px;
                  padding-top: 0rem;
                  padding-bottom: 0px;
                  padding-bottom: 0rem; } }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-swatches-online span {
                width: 50%;
                text-align: center; }
                .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-swatches-online span.single-col {
                  width: 100%;
                  text-transform: uppercase;
                  border-left: 0px !important; }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-swatches-online span.product-brand-all {
                float: left;
                border-right: 1px solid #e8e8e8;
                color: #a2a2a2;
                font-size: 10px;
                font-size: 0.625rem; }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-swatches-online span.product-swatches-all {
                float: right;
                color: #b3b3b3;
                text-transform: uppercase;
                font-size: 10px;
                font-size: 0.625rem; }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-pricing {
              text-align: center;
              padding-bottom: 3px;
              padding-bottom: 0.1875rem; }
              @media only screen and (min-width: 768px) and (max-width: 1023px) {
                .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-pricing {
                  font-size: 14px;
                  font-size: 0.875rem;
                  padding-bottom: 0px;
                  padding-bottom: 0rem; } }
              @media only screen and (max-width: 767px) {
                .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-pricing {
                  font-size: 12px;
                  font-size: 0.75rem;
                  padding-bottom: 1px;
                  padding-bottom: 0.0625rem; } }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-pricing .product-standard-price {
                color: #808080;
                float: left;
                text-align: left;
                text-decoration: line-through;
                width: 33.3334%; }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-pricing .product-total-discount {
                color: #ec0928;
                float: left;
                text-align: center;
                width: 33.3334%; }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-pricing .product-discounted-price .product-sales-price {
                color: #ec0928;
                float: left;
                text-align: right;
                width: 33.3334%; }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .promotional-message {
              text-align: center; }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .promotional-message p {
                margin-top: 0px;
                margin-bottom: 0px; }
            .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-name {
              padding: 0; }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-name .name-link {
                float: left;
                padding: 5px 0;
                text-align: center;
                width: 100%;
                font-size: 14px;
                font-size: 0.875rem;
                padding-top: 4px;
                padding-top: 0.25rem;
                padding-bottom: 1px;
                padding-bottom: 0.0625rem;
                font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
                @media only screen and (min-width: 768px) and (max-width: 1023px) {
                  .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-name .name-link {
                    padding-top: 5px;
                    padding-top: 0.3125rem;
                    padding-bottom: 4px;
                    padding-bottom: 0.25rem;
                    font-size: 16px;
                    font-size: 1rem; } }
                @media only screen and (max-width: 767px) {
                  .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-name .name-link {
                    padding-top: 5px;
                    padding-top: 0.3125rem;
                    padding-bottom: 4px;
                    padding-bottom: 0.25rem;
                    font-size: 13px;
                    font-size: 0.8125rem;
                    letter-spacing: 1px; } }
              .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-name .name-link-sub {
                float: left;
                text-align: center;
                width: 100%;
                font-size: 12px;
                font-size: 0.75rem;
                padding-bottom: 4px;
                padding-bottom: 0.25rem;
                font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
                color: #8f8f8f; }
                @media only screen and (min-width: 768px) and (max-width: 1023px) {
                  .search-result-content .grid-tile.two_by_two ul .product-tile .product-tile-content .product-info .product-name .name-link-sub {
                    padding-bottom: 7px;
                    padding-bottom: 0.4375rem;
                    font-size: 13px;
                    font-size: 0.8125rem; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  .recent-youmay .recommendations .you-may-like-wrapper .you-may-like-slider .product-image {
    width: 200px; }
  .recent-youmay .panel-container .bx-wrapper .bx-controls .bx-prev {
    left: -50px; }
  .recent-youmay .panel-container .bx-wrapper .bx-controls .bx-next {
    right: -50px; }

  .refinements .filter-wrapper {
    padding: 7px 25px 7px 25px; }
    .refinements .filter-wrapper .filter-label-wrapper .filter-label {
      width: 93px; }
    .refinements .filter-wrapper ul.refinement-list li.refinement-header-item h3 {
      max-width: 100px; }

  .result-options-right .select-brand-dropdown, .result-options-right .sort-by {
    width: 140px;
    margin-right: 10px; }
    .result-options-right .select-brand-dropdown select, .result-options-right .sort-by select {
      width: 135px; }

  .result-options-left .view-button {
    width: 130px; } }
@media only screen and (min-device-width: 0px) and (max-device-width: 767px) {
  ul#recent-carousel {
    padding: 0; }

  .recent-youmay {
    padding: 10px; }
    .recent-youmay .title-container .panel-container {
      margin-top: 20px; }
    .recent-youmay .title-container ul.recent-options {
      font-size: 18px;
      font-size: 1.125rem;
      margin: 0;
      padding: 0; }
      .recent-youmay .title-container ul.recent-options li {
        width: initial;
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        float: none; }
    .recent-youmay .title-container .recent-view-slider {
      padding: 0; }
    .recent-youmay .title-container .product-tile {
      height: 270px; }
      .recent-youmay .title-container .product-tile .product-name {
        font-size: 12px;
        font-size: 0.75rem; }
      .recent-youmay .title-container .product-tile .product-pricing {
        font-size: 11px;
        font-size: 0.6875rem; }
    .recent-youmay .product-image {
      width: 140px; }
      .recent-youmay .product-image .badge.top-left {
        top: 60px; }
    .recent-youmay .product-description ul.product-text-content {
      padding: 0;
      margin: 0; }

  .refinements .show-filter {
    display: block;
    text-align: center;
    background: none repeat scroll 0 0 #000;
    width: 95%;
    text-transform: uppercase;
    color: #FFF;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 3%;
    padding: 9px 0;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .refinements .hide-filter-block {
    display: inline;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -160px -30px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 20px;
    right: 10px; }
  .refinements .filter-wrapper {
    display: none;
    border: none;
    margin: 0;
    padding: 0;
    background-color: white;
    width: 100%;
    margin-top: 0px;
    padding: 0px 0px 0;
    letter-spacing: 2px;
    top: 0px;
    position: fixed;
    width: 90%;
    right: -300px;
    height: 100%;
    z-index: 500;
    overflow: auto; }
    .refinements .filter-wrapper .filter-label-wrapper {
      position: relative; }
      .refinements .filter-wrapper .filter-label-wrapper .filter-label {
        display: none; }
      .refinements .filter-wrapper .filter-label-wrapper .filter-label-mobile {
        margin-bottom: 10px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 20px;
        font-size: 1.25rem;
        display: block;
        text-transform: uppercase;
        padding: 13px 0px;
        color: #191919;
        padding-left: 5%;
        width: 100%;
        background-color: #e8e8e8; }
    .refinements .filter-wrapper ul.refinement-list {
      width: 100%;
      background: none;
      padding: 0px;
      padding-top: 50px;
      padding-left: 5%;
      padding-right: 5%; } }
    @media only screen and (min-device-width: 0px) and (max-device-width: 767px) and (max-width: 767px) {
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item:first-child {
        border-top: 2px solid #e6e6e6; } }
@media only screen and (min-device-width: 0px) and (max-device-width: 767px) {
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item {
        width: 100%;
        margin-bottom: 0px; }
        .refinements .filter-wrapper ul.refinement-list li.refinement-header-item h3 {
          padding: 10px;
          font-size: 14px;
          font-size: 0.875rem;
          color: #333333;
          width: 100%;
          text-align: left;
          border-width: 0;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") #FFF no-repeat 61px -77px;
          background-position: 98% -95px;
          background-color: #FFF; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active h3 {
        padding: 10px;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") #FFF no-repeat 61px -77px;
        background-position: 98% -60px;
        background-color: #FFF; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item {
        position: relative;
        padding: 0px;
        float: left;
        width: 100%;
        border: 0;
        padding-bottom: 10px;
        background: none; }
        .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item ul {
          width: 100%;
          border: 0;
          margin: 0; }
          .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item ul:last-child {
            margin-top: 0;
            border-right: 0; }
          .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .refinement-item ul li {
            padding: 10px;
            border: none;
            border-width: 0px 1px 1px 1px;
            background-color: #fff; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .apply-refinement {
        display: none; }
      .refinements .filter-wrapper ul.refinement-list li.refinement-header-item.active .reset-refinement {
        background: none repeat scroll 0 0 #ededed;
        font: 14px/24px oswald;
        border: 1px solid #A5A5A5;
        border-width: 0px 1px 1px 1px;
        font-size: 14px;
        font-size: 0.875rem;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        border-top: 0;
        text-decoration: none;
        padding: 10px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 14px;
        font-size: 0.875rem;
        display: none; }
  .refinements .filter-global-reset {
    background: none repeat scroll 0 0 #c8c8c8;
    font-size: 0.875rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    border-top: 0;
    text-decoration: none;
    padding: 10px;
    margin: 5px 0 10px 0;
    border: 2px solid #000;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    cursor: pointer; }
    .refinements .filter-global-reset span {
      color: #191919; }

  .breadcrumb-and-pagination, .filter-outer, .search-result-options {
    padding: 0 10px; }

  .search-result-content {
    padding: 0 5px; }
    .search-result-content .grid-tile .product-tile {
      margin: 0 5px 10px 5px; }

  .result-options-right .sort-by {
    margin-right: 0;
    float: left; }
    .result-options-right .sort-by select {
      width: 145px;
      float: right; } }
    @media only screen and (min-device-width: 0px) and (max-device-width: 767px) and (max-width: 767px) {
      .result-options-right .sort-by select {
        width: 100%;
        margin-right: 0px; } }
@media only screen and (min-device-width: 0px) and (max-device-width: 767px) {
  .result-options-right .pagination {
    float: right;
    margin-right: 4px;
    margin-top: 10px; }
    .result-options-right .pagination .result-hits {
      margin: 0;
      float: right; }

  .result-options-left {
    width: 100% !important;
    margin-top: 15px; }
    .result-options-left li {
      width: 50% !important; }

  .recent-outer {
    padding: 0 10px; } }
/* Mobile portrait supported till iPhone 6 Plus*/
/* Retina-specific stuff here */
@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (min-width: 0px) {
  .refinements .hide-filter-block {
    display: inline;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icon-quickview.png") no-repeat 0 0;
    height: 33px;
    width: 33px;
    position: absolute;
    top: 8px;
    right: 5%; } }
.search-result-content {
  overflow: hidden; }
  .search-result-content .grid-tile.two-slot {
    overflow: hidden;
    padding: 0 10px 0px 10px;
    margin-bottom: 20px !important;
    float: left;
    list-style: none outside none;
    position: relative; }
    .search-result-content .grid-tile.two-slot img {
      width: 100%;
      height: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .search-result-content .grid-tile.two-slot {
        height: 418px;
        height: 26.125rem;
        width: 484px;
        width: 30.25rem; } }
    @media only screen and (max-width: 767px) {
      .search-result-content .grid-tile.two-slot {
        width: 299px;
        width: 18.6875rem;
        height: 484px;
        height: 30.25rem;
        margin-bottom: 10px !important; } }
    .search-result-content .grid-tile.two-slot .plp-title-container {
      position: absolute;
      bottom: 10px;
      left: 21px;
      color: #ffffff; }
      .search-result-content .grid-tile.two-slot .plp-title-container .plp_title-slot {
        margin: 0px 0px 5px 0px;
        margin: 0rem 0rem 0.3125rem 0rem;
        padding: 5px;
        padding: 0.3125rem;
        background: #060707;
        font-size: 52px;
        font-size: 3.25rem;
        font-weight: bold;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        display: inline-block; }
      .search-result-content .grid-tile.two-slot .plp-title-container .plp_title-sub-slot {
        margin: 0px;
        margin: 0rem;
        background: #060707;
        font-size: 14px;
        font-size: 0.875rem;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        display: inline-block;
        padding: 3px;
        padding: 0.1875rem;
        margin: 0px 0px 5px 0px;
        margin: 0rem 0rem 0.3125rem 0rem; }

@media only screen and (max-width: 767px) {
  .grid-tile.two-slot {
    padding: 0 5px 0px 5px !important;
    margin-bottom: 10px !important; } }
.search-result-options.bottom-resullt.fixed {
  clear: both; }

.load-more-wrap {
  clear: both;
  overflow: hidden;
  margin-left: 32.8%;
  margin-right: 32.8%; }
  .load-more-wrap .load-ajax-content {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/loading-small.gif") no-repeat center center;
    height: 100px;
    width: 100%;
    display: block; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .load-more-wrap {
      margin-left: 23%;
      margin-right: 22%; } }
  @media only screen and (max-width: 767px) {
    .load-more-wrap {
      margin-left: 3%;
      margin-right: 3%; } }
  .load-more-wrap .load-more {
    margin-top: 30px;
    height: 40px;
    display: block;
    padding: 10px;
    text-align: center;
    border-radius: 0px;
    letter-spacing: 1px;
    color: #000000;
    background: transparent;
    border: solid #000000 2px;
    text-decoration: none;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase; }
    .load-more-wrap .load-more .pagination {
      display: inline-block;
      text-transform: uppercase; }
    .load-more-wrap .load-more:hover {
      background: black;
      color: white; }

.plp-banner {
  margin-left: 20px;
  margin-right: 20px;
  position: relative; }
  .plp-banner .plp-banner-title-desc-only {
    min-height: 300px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .plp-banner .plp-banner-title-desc-only {
        min-height: 0px;
        height: 100%; } }
  .plp-banner .plp-banner-title {
    position: absolute;
    overflow: hidden;
    left: 0px;
    background: #eeeef2;
    top: 0;
    bottom: 0; }
    @media only screen and (max-width: 767px) {
      .plp-banner .plp-banner-title {
        min-height: 0px;
        height: 100%; } }
    .plp-banner .plp-banner-title .banner-title {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      margin: 24px 0px 5px 0px;
      margin: 1.5rem 0rem 0.3125rem 0rem; }
      @media (min-width: 1329px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 42px; } }
      @media (min-width: 1294px) and (max-width: 1328px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 41px; } }
      @media (min-width: 1259px) and (max-width: 1293px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 40px; } }
      @media (min-width: 1224px) and (max-width: 1258px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 39px; } }
      @media (min-width: 1189px) and (max-width: 1223px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 38px; } }
      @media (min-width: 1154px) and (max-width: 1188px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 37px; } }
      @media (min-width: 1119px) and (max-width: 1153px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 36px; } }
      @media (min-width: 1164px) and (max-width: 1198px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 35px; } }
      @media (min-width: 1129px) and (max-width: 1163px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 34px; } }
      @media (min-width: 1094px) and (max-width: 1128px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 33px; } }
      @media (min-width: 1060px) and (max-width: 1093px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 32px; } }
      @media (min-width: 1025px) and (max-width: 1059px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 31px; } }
      @media (min-width: 1010px) and (max-width: 1024px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 30px; } }
      @media (min-width: 975px) and (max-width: 1009px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 29px; } }
      @media (min-width: 907px) and (max-width: 974px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 28px; } }
      @media (min-width: 838px) and (max-width: 906px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 27px; } }
      @media (min-width: 803px) and (max-width: 837px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 26px; } }
      @media (min-width: 769px) and (max-width: 802px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 25px; } }
      @media (min-width: 521px) and (max-width: 768px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 24px; } }
      @media (min-width: 451px) and (max-width: 520px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 23px; } }
      @media (min-width: 381px) and (max-width: 450px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 22px; } }
      @media (min-width: 320px) and (max-width: 380px) {
        .plp-banner .plp-banner-title .banner-title {
          font-size: 21px; } }
      @media only screen and (max-width: 767px) {
        .plp-banner .plp-banner-title .banner-title {
          margin: 12px 0px 5px 0px;
          margin: 0.75rem 0rem 0.3125rem 0rem; } }
    .plp-banner .plp-banner-title .banner-sub-title {
      font-size: 14px;
      font-size: 0.875rem;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      margin: 0px;
      margin: 0rem; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .plp-banner .plp-banner-title .banner-sub-title {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .plp-banner .plp-banner-title .banner-sub-title {
          display: none; } }
  .plp-banner .plp-banner-crousel {
    right: 0px;
    float: right;
    padding-right: 0px; }
    .plp-banner .plp-banner-crousel img {
      width: 100%;
      vertical-align: top; }
    @media only screen and (max-width: 767px) {
      .plp-banner .plp-banner-crousel {
        padding-left: 0px; } }

.grid-tile.reorder.two_column {
  display: none; }

.grid-slot {
  display: none; }

/* clearfix */
.packery:after {
  content: ' ';
  display: block;
  clear: both; }

.search-result-content .item {
  float: left;
  margin: 0px !important; }
  @media (max-width: 1920px) and (min-width: 1025px) {
    .search-result-content .item {
      margin: 0px !important;
      margin-bottom: 0px !important; } }
  .search-result-content .item > ul {
    margin: 0px; }
.search-result-content .item.w2 {
  width: 20%; }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .search-result-content .item.w2 {
      width: 50%; } }
  @media only screen and (min-width: 415px) and (max-width: 768px) {
    .search-result-content .item.w2 {
      width: 33%; } }
.search-result-content .item.w4 {
  width: 40%; }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .search-result-content .item.w4 {
      width: 100%; } }
  @media only screen and (min-width: 415px) and (max-width: 768px) {
    .search-result-content .item.w4 {
      width: 66%; } }
.search-result-content .item.h4 {
  height: auto; }

.plp-breadcrum {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 15px;
  margin-top: 0.9375rem;
  letter-spacing: 1px;
  text-transform: uppercase; }
  .plp-breadcrum .divider {
    padding: 0 5px; }
  @media only screen and (max-width: 767px) {
    .plp-breadcrum {
      display: none; } }
  .plp-breadcrum .breadcrumb-refinement-name {
    padding-right: 5px; }

@media only screen and (max-width: 767px) {
  .plp-banner .col-md-3.col-sm-6, .plp-banner .col-md-9.col-sm-6 {
    min-height: 0px; } }

/* PLP DBG Section */
.dbg_section {
  width: 100%;
  float: left;
  padding-top: 20px;
  position: relative;
  margin-top: 30px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dbg_section {
      padding-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .dbg_section {
      padding: 15px 10px; } }
  .dbg_section .search-result-content {
    padding: 0px;
    padding-bottom: 30px; }
    .dbg_section .search-result-content .grid-tile {
      width: 20%; }
      @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .dbg_section .search-result-content .grid-tile {
          width: 20%; } }
      @media only screen and (min-width: 415px) and (max-width: 768px) {
        .dbg_section .search-result-content .grid-tile {
          width: 33%; } }
      @media only screen and (min-width: 320px) and (max-width: 414px) {
        .dbg_section .search-result-content .grid-tile {
          width: 50%; } }
      .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-image {
        overflow: hidden;
        background-color: #7c7d82; }
  .dbg_section .dbgMarker {
    position: fixed;
    top: 20px;
    height: 0px;
    overflow: hidden;
    width: 100%; }
  .dbg_section .dbgintro {
    position: relative;
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 320px) and (max-width: 768px) {
      .dbg_section .dbgintro {
        width: 100%; } }
    .dbg_section .dbgintro > div {
      position: relative; }
      @media (min-width: 0px) and (max-width: 1023px) {
        .dbg_section .dbgintro > div {
          position: static; } }
      .dbg_section .dbgintro > div h3, .dbg_section .dbgintro > div p {
        color: #fff; }
      .dbg_section .dbgintro > div h3 {
        font-size: 30px;
        letter-spacing: 2px;
        padding-bottom: 20px; }
        @media (min-width: 0px) and (max-width: 1023px) {
          .dbg_section .dbgintro > div h3 {
            padding-bottom: 20px;
            font-size: 24px;
            text-align: center; } }
      .dbg_section .dbgintro > div p {
        display: none; }
        @media (min-width: 0px) and (max-width: 1023px) {
          .dbg_section .dbgintro > div p {
            display: none; } }
  .dbg_section .backgroundImg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover; }
    .dbg_section .backgroundImg img {
      width: 100%;
      height: 100%; }
  .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info {
    background: #89858c; }
    .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online {
      border-top: 0px solid #ffffff; }
    .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-all.active {
      background-color: #ffffff; }
    .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-standard-price {
      color: white; }
    .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .promotional-message {
      color: white; }
      .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .promotional-message p {
        margin-top: 0px;
        margin-bottom: 0px; }
    .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-name a, .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-sales-price {
      color: #fff; }
    .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-swatches-online span:nth-child(1), .dbg_section .search-result-content .grid-tile .product-tile .product-tile-content .product-info .product-name a:last-child {
      color: #d5d5d5; }
  .dbg_section .load-more-wrap .load-more {
    color: #fff;
    border-color: #fff; }
    .dbg_section .load-more-wrap .load-more:hover {
      color: black;
      background-color: white; }

/* PLP Filter */
.confessionEnabled .infoIcon {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 11;
  left: 6px;
  top: 13px;
  float: left;
  cursor: pointer; }
  .confessionEnabled .infoIcon .image-confess {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/product_confessional.svg") no-repeat 0 0;
    height: 30px;
    width: 30px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .confessionEnabled .infoIcon {
      display: none; } }
.confessionEnabled .infoBox {
  position: absolute;
  width: 100%;
  height: 323px;
  display: none;
  z-index: 9;
  left: 0px;
  top: 0px;
  background: #d1d1d1;
  overflow: hidden; }
  .confessionEnabled .infoBox .wrapper {
    position: absolute;
    height: 80%;
    width: 80%;
    left: 10%;
    top: 30px;
    padding: 18px 5%;
    text-align: center;
    background: #fff; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .confessionEnabled .infoBox .wrapper {
        height: 70%;
        top: 15%;
        width: 75%;
        left: 16%; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .confessionEnabled .infoBox .wrapper {
        height: 70%;
        top: 15%;
        width: 75%;
        left: 16%; } }
  .confessionEnabled .infoBox > img {
    width: 100%;
    height: 100%; }
  .confessionEnabled .infoBox h4 {
    font-size: 2em; }
  .confessionEnabled .infoBox p {
    font-size: 1em;
    line-height: 1.35em; }
.confessionEnabled.active .infoIcon .image-confess {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/product_confessional_litup.svg") no-repeat 0 0;
  height: 38px;
  width: 30px; }
.confessionEnabled.active .infoIcon {
  top: 6px; }
.confessionEnabled.active .infoBox {
  display: block; }

.banner-inner-img {
  padding-left: 0px;
  padding-left: 0rem;
  padding-right: 0px;
  padding-right: 0rem;
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .banner-inner-img img {
      width: initial !important; } }
  .banner-inner-img .style-highlight {
    background-color: white;
    color: #1b1b1b;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    padding: 4px 0px 2px 9px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .banner-inner-img .style-highlight {
        font-size: 22px;
        font-size: 1.375rem; } }

.banner-inner-crousel {
  padding-left: 0px;
  padding-left: 0rem;
  padding-right: 0px;
  padding-right: 0rem;
  position: relative; }
  .banner-inner-crousel .bx-wrapper.bx-wrapper-theme .bx-controls-direction a {
    z-index: 10; }
  .banner-inner-crousel .bx-wrapper {
    position: static; }
  .banner-inner-crousel .bx-pager {
    position: relative;
    bottom: 14px; }
  .banner-inner-crousel .wrapper-container-plp {
    padding: 7% 0% 15% 0%; }
    .banner-inner-crousel .wrapper-container-plp .bannerplp-container {
      width: 143px;
      height: 265px;
      display: none; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .banner-inner-crousel .wrapper-container-plp .bannerplp-container {
          width: 155px; } }
      .banner-inner-crousel .wrapper-container-plp .bannerplp-container img {
        width: 100%;
        height: initial; }
      .banner-inner-crousel .wrapper-container-plp .bannerplp-container .lazy {
        padding-bottom: 6px; }
      .banner-inner-crousel .wrapper-container-plp .bannerplp-container .plp-description {
        font-size: 16px;
        font-size: 1rem;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        text-align: center;
        display: inherit;
        padding-top: 0px;
        padding-top: 0rem; }
      .banner-inner-crousel .wrapper-container-plp .bannerplp-container .product-price {
        text-align: center;
        font-size: 11px;
        font-size: 0.6875rem;
        padding-top: 7px;
        padding-top: 0.4375rem;
        font-family: "TradeGothicLTPro", Arial, sans-serif; }
      .banner-inner-crousel .wrapper-container-plp .bannerplp-container .price-standard {
        text-decoration: line-through; }
      .banner-inner-crousel .wrapper-container-plp .bannerplp-container .price-sales.discounted {
        color: red; }
      .banner-inner-crousel .wrapper-container-plp .bannerplp-container .price-final-value {
        color: red; }

.mobile-hide-plp {
  background: rgba(255, 255, 255, 0.5); }
  @media only screen and (max-width: 767px) {
    .mobile-hide-plp {
      display: none; } }

.mobile-show-plp {
  display: none; }
  @media only screen and (max-width: 767px) {
    .mobile-show-plp {
      display: block; } }

.next-cat, .first-cat {
  position: relative;
  overflow: hidden; }
  .next-cat.hideMe, .first-cat.hideMe {
    height: 0px;
    margin: 0px;
    padding: 0px; }

.next-cat.dbg_section {
  background-color: #a5a5a5;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 767px) {
    .next-cat.dbg_section {
      padding-left: 5px;
      padding-right: 5px; } }
  .next-cat.dbg_section .row {
    margin-top: 10px; }
  .next-cat.dbg_section .dbg_pad_left {
    width: 100%;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .next-cat.dbg_section .dbg_pad_left {
        padding-left: 0px;
        padding-right: 0px; } }
    @media only screen and (min-width: 769px) and (max-width: 1024px) {
      .next-cat.dbg_section .dbg_pad_left {
        width: 100%; } }
    @media only screen and (min-width: 320px) and (max-width: 768px) {
      .next-cat.dbg_section .dbg_pad_left {
        width: 100%; } }
    .next-cat.dbg_section .dbg_pad_left .dbg_showing {
      position: absolute;
      top: -50px;
      right: 10px;
      color: white;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      margin-left: 25px;
      text-transform: uppercase;
      padding-top: 11px;
      padding-right: 16px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .next-cat.dbg_section .dbg_pad_left .dbg_showing {
          padding-right: 8px;
          padding-top: 4px;
          top: -65px; } }
      @media only screen and (max-width: 767px) {
        .next-cat.dbg_section .dbg_pad_left .dbg_showing {
          padding-right: 0px;
          top: -75px; } }

.search-result-content .grid-tile .product-tile.shopbylook .product-tile-content .product-info .product-swatches-online span.product-swatches-all {
  border: none; }

@media screen and (max-width: 1000px) and (min-width: 768px) {
  .refinements .filter-wrapper ul.refinement-list {
    max-width: 80%; }

  .refinements .filter-wrapper ul.refinement-list li.refinement-header-item {
    min-height: 0px;
    margin-right: 7px; } }
@media screen and (max-width: 1920px) and (min-width: 768px) {
  .refinementRedesign.fixed {
    position: fixed;
    top: 0px;
    z-index: 1001;
    background-color: #FFF;
    width: 100%;
    box-shadow: 0 4px 8px -4px #555;
    margin: 0 !important; }
    .refinementRedesign.fixed .filter-label-wrapper {
      color: #191919; }
    .refinementRedesign.fixed .filter-global-reset {
      color: #191919; }
      .refinementRedesign.fixed .filter-global-reset span {
        color: white; }

  .breadcrumb-and-pagination .breadcrumb.fixed {
    width: 100%;
    background-color: #FFF;
    padding-left: 25px;
    z-index: 1001;
    line-height: 33px;
    position: fixed;
    top: 0px;
    color: #191919; }
    .breadcrumb-and-pagination .breadcrumb.fixed a {
      color: #191919; } }
.plp-redesign .view-brand-link {
  float: left;
  width: 100%;
  position: relative; }
  .plp-redesign .view-brand-link span {
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    padding-left: 75px;
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
    top: -19px; }
    @media only screen and (max-width: 767px) {
      .plp-redesign .view-brand-link span {
        padding-left: 12px; } }
  .plp-redesign .view-brand-link span.active {
    display: block;
    padding-bottom: 10px; }

.refinements .filter-wrapper ul.refinement-list li.refinement-header-item.category-refinement.active .refinement-item li a {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") no-repeat scroll -5px -663px; }

.refinements .filter-wrapper ul.refinement-list li.refinement-header-item.price.active .refinement-item li a {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") no-repeat scroll -5px -863px; }

.refinements .filter-wrapper ul.refinement-list li.refinement-header-item.price.active .refinement-item li.selected a {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") no-repeat scroll -5px -904px; }

.dbg_section .two_by_two {
  display: none; }

.plp-redesign .product-tile .product-tile-content .product-info.dbg-plp {
  background: #89858c; }
  .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .product-swatches-all.active {
    background-color: #ffffff !important; }
  .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .product-standard-price {
    color: white; }
  .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .promotional-message {
    color: white; }
    .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .promotional-message p {
      margin-top: 0px;
      margin-bottom: 0px; }
  .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .product-name a, .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .product-sales-price {
    color: #fff; }
  .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .product-swatches-online span:nth-child(1), .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .product-name a:last-child {
    color: #d5d5d5; }
  .plp-redesign .product-tile .product-tile-content .product-info.dbg-plp .product-standard-price {
    color: white !important; }

.blackgolddiesel .breadcrumb {
  color: white; }
  .blackgolddiesel .breadcrumb a {
    color: white; }
.blackgolddiesel .filter-label-wrapper {
  color: white; }
.blackgolddiesel .filter-global-reset {
  color: white; }
  .blackgolddiesel .filter-global-reset span {
    border-bottom: 1px solid #ffffff; }
.blackgolddiesel .pagination {
  color: white; }
.blackgolddiesel .load-more-wrap .load-more {
  color: white;
  border: solid #ffffff 2px; }
.blackgolddiesel .product-image {
  background-color: #7c7d82; }

.did-you-mean {
  margin: 15px 0 0 1.25rem;
  width: 60%;
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .did-you-mean {
      margin-left: 3%;
      margin-top: 10px; } }
  .did-you-mean a {
    text-transform: uppercase;
    font-weight: bold; }

.compare-view-dialog.ui-dialog .sub-heading {
  text-align: center; }
.compare-view-dialog.ui-dialog .compare-heading {
  text-align: center;
  letter-spacing: 1px; }
.compare-view-dialog.ui-dialog .ui-dialog-titlebar-close span {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close-black.svg") no-repeat;
  height: 20px;
  width: 20px; }
.compare-view-dialog.ui-dialog .ui-dialog-content {
  padding: 10px 0px 20px; }
.compare-view-dialog.ui-dialog .share-icon1-wrap {
  margin: 0;
  position: absolute;
  top: 10px;
  margin-left: 4%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .compare-view-dialog.ui-dialog .share-icon1-wrap {
      margin-left: 10px;
      padding-left: 30px; } }
  .compare-view-dialog.ui-dialog .share-icon1-wrap .share-icon1 {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Share.svg") no-repeat; }
  .compare-view-dialog.ui-dialog .share-icon1-wrap .share-media-bottom {
    left: 0;
    top: 20px; }
.compare-view-dialog.ui-dialog .compare-options-left {
  text-align: center;
  margin: 0;
  padding: 0;
  padding-left: 25%; }
  .compare-view-dialog.ui-dialog .compare-options-left .compare-toggle-button {
    width: 170px;
    padding: 9px;
    letter-spacing: 0.5px;
    font-size: 12px;
    background: black;
    color: white;
    float: left;
    border: 1px solid black;
    display: block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer; }
    .compare-view-dialog.ui-dialog .compare-options-left .compare-toggle-button.active {
      background: white;
      color: black; }

.comparisontable.tiles-container {
  padding-top: 50px; }
  @media (min-width: 1025px) {
    .comparisontable.tiles-container .product-left .left-part.product-image {
      float: right; } }
  .comparisontable.tiles-container .product-attribute {
    display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .comparisontable.tiles-container .left-description-section {
      width: 92%;
      float: right; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .comparisontable.tiles-container .left-description-section.mob-hide {
      display: block; } }
  .comparisontable.tiles-container .compare-add-btn button {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    letter-spacing: 1px;
    margin-top: 10px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .comparisontable.tiles-container .compare-add-btn button {
        width: 50%; } }
  .comparisontable.tiles-container .product-right {
    border-left: 1px solid #808080; }
  .comparisontable.tiles-container .wash {
    display: none; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .comparisontable.tiles-container .wash {
        min-height: 135px; } }
  .comparisontable.tiles-container .jspHorizontalBar {
    background: none; }
  .comparisontable.tiles-container .left-description-section {
    text-align: right; }
  .comparisontable.tiles-container .left-description-section .jspVerticalBar {
    left: 0px; }
  .comparisontable.tiles-container .wash p, .comparisontable.tiles-container .style p {
    overflow: hidden;
    max-height: 196px;
    line-height: 1.2;
    height: auto;
    margin-top: 0px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .comparisontable.tiles-container .wash p, .comparisontable.tiles-container .style p {
        max-height: 122px; } }
  .comparisontable.tiles-container .product-left .left-detail-part, .comparisontable.tiles-container .product-right .left-detail-part {
    display: none; }
  .comparisontable.tiles-container .swatch.left-swatch > li {
    float: right; }
  .comparisontable.tiles-container .swatch .product-thumbnails {
    display: inline-block;
    cursor: pointer;
    padding: 6px; }
  .comparisontable.tiles-container .product-thumbnails.selected {
    border: 3px solid black;
    padding: 3px; }
  .comparisontable.tiles-container .product-right .left-detail-part.produt-selected {
    display: block; }
  .comparisontable.tiles-container .product-left .left-detail-part.produt-selected {
    display: block; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .comparisontable.tiles-container .product-left .product-tile {
      float: right; } }

.product-swatches-online span.product-compare {
  float: left;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .product-swatches-online span.product-compare {
      display: none; } }
  .product-swatches-online span.product-compare input[type="checkbox"] {
    opacity: 0;
    display: none;
    height: 16px;
    width: 16px;
    z-index: 2; }
  .product-swatches-online span.product-compare input[type="checkbox"] + label {
    height: 16px;
    width: 100%;
    font-size: 10px;
    display: inline-block;
    padding: 0 0 0 0px;
    z-index: 1;
    cursor: pointer; }
  .product-swatches-online span.product-compare input[type="checkbox"]:checked + label {
    height: 16px;
    width: 100%;
    font-size: 10px;
    color: white;
    display: inline-block;
    padding: 0 0 0 0px;
    cursor: pointer; }
.product-swatches-online span.product-compare.comparision {
  background-color: black; }

.confirmDialog-denimbuyingGuide {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/css/images/body_confirm.jpg") repeat-x left bottom #e5e5e5; }
  .confirmDialog-denimbuyingGuide .ui-dialog-titlebar-close {
    display: none; }
  .confirmDialog-denimbuyingGuide #dialog-confirm {
    padding: 0px 0px 0px;
    text-align: center; }
    .confirmDialog-denimbuyingGuide #dialog-confirm h1 {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/css/images/header_confirm.jpg") repeat-x left bottom #f5f5f5;
      padding: 18px 25px;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); }
    .confirmDialog-denimbuyingGuide #dialog-confirm p {
      margin: 0px;
      padding: 18px 25px;
      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
      color: #666;
      line-height: 1.4;
      padding-top: 35px;
      background: none;
      text-align: left;
      font-size: 15px;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
  .confirmDialog-denimbuyingGuide .ui-dialog-buttonpane {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/css/images/body_confirm.jpg") repeat-x left bottom #e5e5e5;
    border-width: 0px 0 0 0; }
    .confirmDialog-denimbuyingGuide .ui-dialog-buttonpane .ui-dialog-buttonset {
      padding: 0px 0 20px;
      text-align: center;
      float: none; }
      .confirmDialog-denimbuyingGuide .ui-dialog-buttonpane .ui-dialog-buttonset button {
        width: 30%;
        border: 3px solid #fff;
        text-align: center;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        padding: 0px 0;
        color: #191919;
        border-radius: 0px;
        text-shadow: 0px 1px 1px #666;
        -webkit-box-shadow: 0px 0px 2px 0px #666666;
        -moz-box-shadow: 0px 0px 2px 0px #666666;
        box-shadow: 0px 0px 2px 0px #666666;
        background: white; }
      .confirmDialog-denimbuyingGuide .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
        background: #191919;
        text-shadow: none;
        box-shadow: none;
        color: white;
        border-color: #191919; }
      .confirmDialog-denimbuyingGuide .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
        margin-left: 20px; }

.denim-guide-slot .product-tile {
  overflow: hidden; }
  .denim-guide-slot .product-tile .denim-slot-img > img {
    vertical-align: top;
    height: 100%; }
  .denim-guide-slot .product-tile .denim-slot-img .denim_slot_plp {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    display: block;
    color: white; }
    .denim-guide-slot .product-tile .denim-slot-img .denim_slot_plp a.denim-explore-plp {
      padding: 9px 5%;
      border: 2px solid white;
      background-color: transparent;
      display: inline-block;
      color: white;
      margin-top: 15px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: 2px; }
    .denim-guide-slot .product-tile .denim-slot-img .denim_slot_plp p.denim-explore-plp-text {
      font-size: 16px;
      padding: 0px;
      margin: 0px;
      margin-top: 15px;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      font-size: 16px;
      letter-spacing: 2px; }
    .denim-guide-slot .product-tile .denim-slot-img .denim_slot_plp h1.denim-explore-plp-head {
      text-transform: uppercase;
      letter-spacing: 2px; }

/*compar tool css*/
.compare-buttons {
  float: right;
  /* width: 30%; */
  padding-right: 20px;
  position: absolute;
  right: 0px;
  margin-top: 0px; }
  .compare-buttons #compare-items-button {
    padding-top: 11px;
    padding-bottom: 9px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: Uppercase;
    font-family: "TradeGothicLTPro", Arial, sans-serif; }
  .compare-buttons #clear-compared-items {
    display: none; }
  @media only screen and (max-width: 767px) {
    .compare-buttons {
      display: none; } }

.comp-opacity {
  opacity: 0.4;
  cursor: default; }

.plp-redesign .show-filter-background {
  display: none;
  z-index: 499;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #ccc; }
.plp-redesign .filter-bxSlider-plp {
  padding: 8px 25px 6px 93px;
  display: none;
  overflow: hidden;
  width: 100%;
  background-color: black;
  color: white;
  float: left; }
  .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper {
    width: 80%;
    float: left; }
    .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .bx-wrapper {
      margin: 0px !important; }
      .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .bx-wrapper .bx-prev {
        left: -42px;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/filter_left.svg") no-repeat scroll 0px -2px;
        width: 20px;
        height: 20px; }
        .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .bx-wrapper .bx-prev.end-disabled {
          display: none; }
      .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .bx-wrapper .bx-next {
        right: -50px;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/filter_right.svg") no-repeat scroll 0px 6px;
        width: 20px;
        height: 19px;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
        .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .bx-wrapper .bx-next.end-disabled {
          display: none; }
      @media only screen and (max-width: 767px) {
        .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .bx-wrapper {
          display: none; } }
    .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .filter-slider {
      float: left; }
      .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .filter-slider span {
        font-size: 12px;
        text-transform: uppercase;
        margin-right: 10px;
        display: inline-block;
        max-width: 190px;
        width: auto !important;
        margin-right: 40px; }
        .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .filter-slider span a {
          display: inline-block;
          vertical-align: middle; }
        .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .filter-slider span .plp-filter-cross {
          height: 17px;
          width: 17px;
          margin-left: 4px; }
    .plp-redesign .filter-bxSlider-plp .filter-slider-wrapper .filter-slider.remove-trans {
      transform: translate3d(0px, 0px, 0px) !important;
      -ms-transform: translate3d(0px, 0px, 0px) !important;
      -webkit-transform: translate3d(0px, 0px, 0px) !important; }
.plp-redesign .mobile-filter-refinements {
  display: none; }
  @media only screen and (max-width: 767px) {
    .plp-redesign .mobile-filter-refinements {
      display: none;
      margin-top: 20px;
      width: 91%;
      margin: 0 auto;
      margin-top: 20px;
      padding-top: 25px;
      position: relative; } }
  .plp-redesign .mobile-filter-refinements .filter-mobile-clearall {
    display: none; }
    @media only screen and (max-width: 767px) {
      .plp-redesign .mobile-filter-refinements .filter-mobile-clearall {
        display: block;
        position: absolute;
        top: 0px;
        width: 100%; } }
    .plp-redesign .mobile-filter-refinements .filter-mobile-clearall .filter-by-text {
      float: left;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 17px; }
    .plp-redesign .mobile-filter-refinements .filter-mobile-clearall .filter-bracket {
      float: right; }
      .plp-redesign .mobile-filter-refinements .filter-mobile-clearall .filter-bracket .filter-clearall {
        text-decoration: underline; }
  .plp-redesign .mobile-filter-refinements .breadcrumb-refinement-value {
    margin-bottom: 8px;
    display: inline-block;
    margin-right: 25px;
    text-transform: uppercase; }
    .plp-redesign .mobile-filter-refinements .breadcrumb-refinement-value .plp-filter-cross {
      height: 13px;
      width: 13px;
      background-color: black;
      vertical-align: middle; }

@media only screen and (max-device-width: 1920px) and (min-device-width: 767px) {
  .refinementRedesign {
    margin: 0 20px; } }
.no-result-found-plp {
  padding-left: 20px;
  font-size: 18px;
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
  @media only screen and (max-width: 767px) {
    .no-result-found-plp {
      padding-left: 10px; } }

@media screen and (max-width: 1920px) and (min-width: 768px) {
  a.plp-back-to-top {
    display: none; } }
@media screen and (max-width: 767px) and (min-width: 0px) {
  a.plp-back-to-top {
    display: none;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #000000 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/plp_top_arrow.png") no-repeat center 43%;
    border-radius: 0px; }

  a:hover.plp-back-to-top {
    background-color: #000; } }
.sortbyhide {
  display: none; }

.no-gutter {
  padding-right: 0;
  padding-left: 0; }

.primary-button-white {
  text-shadow: 1px 1px 3px #191919; }
  @media only screen and (max-width: 767px) {
    .primary-button-white {
      width: 125px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .primary-button-white {
      width: 125px; } }

.main-flexible-page .primary-button-white {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }

.primary-button-white
.anchor-img {
  padding-top: 18px;
  padding-top: 1.125rem; }
  .primary-button-white
  .anchor-img img {
    width: 80px;
    width: 5rem;
    height: 30px;
    height: 1.875rem; }
  @media only screen and (max-width: 767px) {
    .primary-button-white
    .anchor-img {
      display: none; } }

@media (min-width: 1025px) {
  .banner {
    min-height: 100VH; } }
.banner .banner-container {
  width: 100%;
  overflow: hidden;
  background-color: #e9e9e9; }
.banner .banner-img {
  width: 100%; }
.banner .cover-story-box {
  position: absolute;
  margin: auto;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  height: auto;
  width: 400px; }
  @media only screen and (max-width: 767px) {
    .banner .cover-story-box {
      width: 100%; } }
  .banner .cover-story-box .title {
    font-size: 60px;
    font-size: 3.75rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    @media only screen and (max-width: 767px) {
      .banner .cover-story-box .title {
        font-size: 30px;
        font-size: 1.875rem; } }
  .banner .cover-story-box .stapline-text p {
    font-size: 16px;
    font-size: 1rem;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    margin-top: 0; }
  .banner .cover-story-box .explore-btn {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
    margin-left: 100px;
    margin-left: 6.25rem; }
    @media only screen and (max-width: 767px) {
      .banner .cover-story-box .explore-btn {
        margin-bottom: 6px;
        margin-bottom: 0.375rem; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .banner .cover-story-box .explore-btn {
        margin-left: 140px;
        margin-left: 8.75rem; } }
  .banner .cover-story-box .anchor-img {
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0; }
    .banner .cover-story-box .anchor-img img {
      width: 80px;
      width: 5rem;
      height: 30px;
      height: 1.875rem; }

.product-category {
  width: 100%;
  float: left; }
  .product-category .bx-wrapper .bx-controls-direction a {
    width: 35px;
    height: 40px; }
  .product-category .bx-wrapper .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Carousel_arrow.svg") no-repeat !important;
    right: -40px;
    transform: rotate(180deg); }
  .product-category .bx-wrapper .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Carousel_arrow.svg") no-repeat !important;
    left: -40px; }

.carousal-wrapper {
  width: 100%;
  padding: 25px 0px 25px 0px;
  padding: 1.5625rem 0rem 1.5625rem 0rem;
  text-align: center; }
  .carousal-wrapper .buy-button {
    padding-top: 15px;
    padding-top: 0.9375rem;
    float: left;
    padding-left: 90px;
    padding-left: 5.625rem; }
    .carousal-wrapper .buy-button .buy-link {
      padding: 5px 30px 5px 30px;
      padding: 0.3125rem 1.875rem 0.3125rem 1.875rem;
      text-align: center;
      vertical-align: middle; }
  .carousal-wrapper .product-slider {
    width: 48%;
    display: inline-block; }
  .carousal-wrapper .col-md-6.men-sec {
    border-right: 1px solid #191919; }
  .carousal-wrapper .product-gender, .carousal-wrapper .product-attribute {
    margin-top: 20px;
    margin-top: 1.25rem;
    color: #808080;
    font-size: 24px;
    font-size: 1.5rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .carousal-wrapper .product-attribute {
    font-size: 18px;
    font-size: 1.125rem;
    color: #191919; }
  .carousal-wrapper .product-pricing {
    font-size: 14px;
    font-size: 0.875rem; }

.image-slot-1 {
  margin: 0;
  width: 100%;
  height: auto;
  float: left;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .image-slot-1 {
      padding-top: 46px; } }
  .image-slot-1 .slot-1-bg {
    width: 100%;
    margin: 0;
    height: 100%; }
  .image-slot-1 .anchor-img {
    left: 45%;
    width: 30%;
    position: relative; }
    .image-slot-1 .anchor-img img {
      width: 80px;
      width: 5rem;
      height: 30px;
      height: 1.875rem; }
  .image-slot-1 .slot-1-float-container {
    padding: 70px 65px 15px 70px;
    padding: 4.375rem 4.0625rem 0.9375rem 4.375rem;
    height: 540px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-1 .slot-1-float-container {
        height: 462px;
        padding: 40px 40px 0px 40px;
        padding: 2.5rem 2.5rem 0rem 2.5rem; } }
    @media only screen and (max-width: 767px) {
      .image-slot-1 .slot-1-float-container {
        height: 330px;
        padding: 35px;
        padding: 2.1875rem; } }
  .image-slot-1 .float-img {
    width: 100%; }
  .image-slot-1 .cover-story-box {
    position: absolute;
    width: 500px;
    color: white;
    right: 0;
    left: 0;
    top: auto;
    margin: 0 auto;
    bottom: 41px;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-1 .cover-story-box {
        top: 64%; } }
    @media only screen and (max-width: 767px) {
      .image-slot-1 .cover-story-box {
        width: 90%; } }
    .image-slot-1 .cover-story-box .title {
      font-size: 60px;
      font-size: 3.75rem;
      padding-left: 65px;
      padding-left: 4.0625rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .image-slot-1 .cover-story-box .title {
          font-size: 30px;
          font-size: 1.875rem; } }
    @media only screen and (max-width: 767px) {
      .image-slot-1 .cover-story-box .stapline-text {
        display: none; } }
    .image-slot-1 .cover-story-box .stapline-text p {
      text-align: center;
      font-size: 16px;
      font-size: 1rem;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      margin-top: 0; }
    .image-slot-1 .cover-story-box .shop-women-btn, .image-slot-1 .cover-story-box .explore-btn {
      float: left;
      width: 40%;
      margin-left: 7%; }

.image-slot-2 {
  margin: 0; }
  .image-slot-2 .bx-wrapper .bx-pager.bx-default-pager {
    bottom: 0 !important; }
  .image-slot-2 .heading-left {
    color: #fff;
    padding-top: 30px;
    padding-top: 1.875rem;
    text-align: center;
    position: absolute;
    z-index: 100;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .image-slot-2 .heading-left {
        display: none; } }
  .image-slot-2 h2.mobile-visible {
    display: none; }
    @media only screen and (max-width: 767px) {
      .image-slot-2 h2.mobile-visible {
        text-align: center;
        margin-top: 20px;
        color: white;
        display: block; } }
  .image-slot-2 .slot-2-left, .image-slot-2 .slot-2-right {
    padding-right: 0;
    padding-left: 0;
    margin: 0;
    height: auto;
    background-size: cover; }
  .image-slot-2 .slot-2-left-container, .image-slot-2 .slot-2-right-container {
    padding: 70px;
    padding: 4.375rem;
    width: 100%;
    overflow: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-2 .slot-2-left-container, .image-slot-2 .slot-2-right-container {
        padding: 40px;
        padding: 2.5rem;
        width: 100%;
        height: 384px;
        height: 24rem; } }
    @media only screen and (max-width: 767px) {
      .image-slot-2 .slot-2-left-container, .image-slot-2 .slot-2-right-container {
        padding: 10px 35px 35px 35px;
        padding: 0.625rem 2.1875rem 2.1875rem 2.1875rem;
        width: 100%;
        height: 300px;
        height: 18.75rem; } }
  .image-slot-2 .slot-2-left-img, .image-slot-2 .slot-2-right-img {
    width: 100%; }
  .image-slot-2 .man-text-sec, .image-slot-2 .woman-text-sec {
    position: absolute;
    color: white;
    left: 25%;
    top: 78%; }
    @media only screen and (max-width: 767px) {
      .image-slot-2 .man-text-sec, .image-slot-2 .woman-text-sec {
        left: 11%;
        top: 73%; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-2 .man-text-sec, .image-slot-2 .woman-text-sec {
        left: 26%;
        top: 71%; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-2 .man-text-sec .man-text-sec, .image-slot-2 .woman-text-sec .man-text-sec {
        left: 10%; } }
    .image-slot-2 .man-text-sec .man-title, .image-slot-2 .man-text-sec .woman-title, .image-slot-2 .woman-text-sec .man-title, .image-slot-2 .woman-text-sec .woman-title {
      font-size: 42px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .image-slot-2 .man-text-sec .man-title, .image-slot-2 .man-text-sec .woman-title, .image-slot-2 .woman-text-sec .man-title, .image-slot-2 .woman-text-sec .woman-title {
          font-size: 25px; } }
      @media only screen and (max-width: 767px) {
        .image-slot-2 .man-text-sec .man-title, .image-slot-2 .man-text-sec .woman-title, .image-slot-2 .woman-text-sec .man-title, .image-slot-2 .woman-text-sec .woman-title {
          font-size: 30px; } }
  .image-slot-2 .male-button-slot-2, .image-slot-2 .female-btn-slot-2 {
    margin-left: 75px;
    margin-left: 4.6875rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-2 .male-button-slot-2, .image-slot-2 .female-btn-slot-2 {
        margin-left: 40px;
        margin-left: 2.5rem; } }

.image-slot-3 {
  width: 100%;
  height: auto;
  margin: 0; }
  .image-slot-3 .anchor-img {
    width: 80px;
    margin: 0 auto;
    position: relative;
    bottom: -6px;
    float: none; }
  .image-slot-3 .slot-3-left, .image-slot-3 .slot-3-mid, .image-slot-3 .slot-3-right {
    padding-top: 25px;
    padding-top: 1.5625rem;
    padding-right: 20px;
    padding-left: 20px;
    overflow: hidden; }
  .image-slot-3 .slot-3-left-img, .image-slot-3 .slot-3-mid-img, .image-slot-3 .slot-3-right-img {
    width: 100%; }
  .image-slot-3 .slot-3-text-sec {
    padding: 25px 0px 40px 0px;
    padding: 1.5625rem 0rem 2.5rem 0rem;
    text-align: center; }
  .image-slot-3 .living-title, .image-slot-3 .sunglasess-title, .image-slot-3 .watches-title {
    font-size: 32px;
    font-size: 2rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-3 .living-title, .image-slot-3 .sunglasess-title, .image-slot-3 .watches-title {
        font-size: 30px;
        font-size: 1.875rem; } }
  .image-slot-3 .living-text, .image-slot-3 .sunglass-text, .image-slot-3 .watch-text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5; }
  .image-slot-3 .living-btn, .image-slot-3 .sunglass-btn, .image-slot-3 .watch-btn {
    padding-left: 10px;
    padding-left: 0.625rem;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: underline; }

.image-slot-4 {
  width: 100%;
  height: auto;
  margin: 0; }
  .image-slot-4 .slot-4-title {
    padding-top: 45px;
    padding-top: 2.8125rem;
    font-size: 48px;
    font-size: 3rem;
    text-align: center;
    color: #fff; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-4 .slot-4-title {
        padding-top: 40px;
        padding-top: 2.5rem;
        font-size: 30px;
        font-size: 1.875rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) and (max-width: 767px) {
    .image-slot-4 .slot-4-title {
      display: none; } }

  .image-slot-4 .slot-4-left-container, .image-slot-4 .slot-4-mid-container, .image-slot-4 .slot-4-right-container {
    overflow: hidden;
    text-align: center; }
  .image-slot-4 .slot-4-left-img, .image-slot-4 .slot-4-mid-img, .image-slot-4 .slot-4-right-img {
    width: 100%; }
  .image-slot-4 .slot-4-left, .image-slot-4 .slot-4-mid, .image-slot-4 .slot-4-right {
    padding-top: 45px;
    padding-top: 2.8125rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-4 .slot-4-left, .image-slot-4 .slot-4-mid, .image-slot-4 .slot-4-right {
        padding-top: 35px;
        padding-top: 2.1875rem; } }
  .image-slot-4 .slot-4-left-text, .image-slot-4 .slot-4-mid-text, .image-slot-4 .slot-4-right-text {
    color: #fff;
    padding: 25px 0px 40px 0px;
    padding: 1.5625rem 0rem 2.5rem 0rem;
    text-align: center; }
  .image-slot-4 .living-title {
    font-size: 28px;
    font-size: 1.75rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-4 .living-title {
        font-size: 17px;
        font-size: 1.0625rem; } }
  .image-slot-4 .living-text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-4 .living-text {
        font-size: 13px;
        font-size: 0.8125rem; } }

.image-slot-5 {
  background: #fff;
  margin: 0;
  height: auto; }
  .image-slot-5 .slot-5-left, .image-slot-5 .slot-5-mid, .image-slot-5 .slot-5-right {
    padding: 55px 0px 120px 0px;
    padding: 3.4375rem 0rem 7.5rem 0rem;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-slot-5 .slot-5-left, .image-slot-5 .slot-5-mid, .image-slot-5 .slot-5-right {
        padding: 40px 40px 120px 40px;
        padding: 2.5rem 2.5rem 7.5rem 2.5rem; } }
    .image-slot-5 .slot-5-left .living-title, .image-slot-5 .slot-5-mid .living-title, .image-slot-5 .slot-5-right .living-title {
      font-size: 28px;
      font-size: 1.75rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .image-slot-5 .slot-5-left .living-title, .image-slot-5 .slot-5-mid .living-title, .image-slot-5 .slot-5-right .living-title {
          font-size: 24px;
          font-size: 1.5rem; } }
    .image-slot-5 .slot-5-left .living-btn, .image-slot-5 .slot-5-mid .living-btn, .image-slot-5 .slot-5-right .living-btn {
      font-size: 15px;
      font-size: 0.9375rem;
      text-decoration: underline; }
    .image-slot-5 .slot-5-left .slot-5-left-text, .image-slot-5 .slot-5-left .slot-5-right-text, .image-slot-5 .slot-5-left .slot-5-mid-text, .image-slot-5 .slot-5-mid .slot-5-left-text, .image-slot-5 .slot-5-mid .slot-5-right-text, .image-slot-5 .slot-5-mid .slot-5-mid-text, .image-slot-5 .slot-5-right .slot-5-left-text, .image-slot-5 .slot-5-right .slot-5-right-text, .image-slot-5 .slot-5-right .slot-5-mid-text {
      border-right: 1px solid grey; }

.primary-button-white:hover {
  background: #fff;
  color: #191919;
  text-shadow: none; }
  .primary-button-white:hover p a {
    color: #191919; }

.grid-sizer {
  width: 33.33%; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .grid-sizer {
      width: 50%; } }

.main-content-slots {
  position: relative; }

.grid-item {
  margin-bottom: 20px; }

.grid-item:first-child, .grid-item:nth-child(2) {
  padding-top: 20px; }

.flex-edit-story-small .edit-img-sec, .theme-small-tmpl .edit-img-sec, .flex-edit-story-small-video .edit-img-sec {
  width: 100%;
  position: relative; }
  .flex-edit-story-small .edit-img-sec img, .theme-small-tmpl .edit-img-sec img, .flex-edit-story-small-video .edit-img-sec img {
    width: 100%;
    display: block; }
.flex-edit-story-small .edit-txt-sec, .theme-small-tmpl .edit-txt-sec, .flex-edit-story-small-video .edit-txt-sec {
  background-color: #191919;
  text-align: center;
  text-shadow: 1px 2px 3px #191919;
  color: #fff;
  letter-spacing: 1.2px;
  padding: 40px 20px 20px 20px;
  padding: 2.5rem 1.25rem 1.25rem 1.25rem; }
  .flex-edit-story-small .edit-txt-sec .story-sm-title, .theme-small-tmpl .edit-txt-sec .story-sm-title, .flex-edit-story-small-video .edit-txt-sec .story-sm-title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    padding-bottom: 20px;
    padding-bottom: 1.25rem;
    letter-spacing: 1.2px; }
  .flex-edit-story-small .edit-txt-sec p.story-sm-txt, .theme-small-tmpl .edit-txt-sec p.story-sm-txt, .flex-edit-story-small-video .edit-txt-sec p.story-sm-txt {
    padding: 0px 15px 0px 15px;
    padding: 0rem 0.9375rem 0rem 0.9375rem;
    letter-spacing: 1.2px; }
  .flex-edit-story-small .edit-txt-sec .read-btn, .theme-small-tmpl .edit-txt-sec .read-btn, .flex-edit-story-small-video .edit-txt-sec .read-btn {
    display: inline-block;
    padding-top: 10px;
    width: 45%; }
    .flex-edit-story-small .edit-txt-sec .read-btn p, .theme-small-tmpl .edit-txt-sec .read-btn p, .flex-edit-story-small-video .edit-txt-sec .read-btn p {
      margin: 0; }
      .flex-edit-story-small .edit-txt-sec .read-btn p a, .theme-small-tmpl .edit-txt-sec .read-btn p a, .flex-edit-story-small-video .edit-txt-sec .read-btn p a {
        border: 3px solid #fff;
        font-size: 16px;
        font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
        display: inline-block;
        line-height: 34px;
        width: 100%;
        text-align: center;
        vertical-align: top;
        background-color: #fff;
        color: #191919;
        letter-spacing: 1.2px;
        text-shadow: none;
        transition: 0.2s; }
    .flex-edit-story-small .edit-txt-sec .read-btn:hover p a, .theme-small-tmpl .edit-txt-sec .read-btn:hover p a, .flex-edit-story-small-video .edit-txt-sec .read-btn:hover p a {
      color: #fff;
      background: #191919;
      text-shadow: none; }

.video-icons-play, .play-button {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Play_white.svg"); }

.fullscreen-button {
  width: 64px;
  height: 64px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/fullscreen.png") no-repeat;
  z-index: 105; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fullscreen-button {
      top: 10px;
      bottom: initial; } }

.video-icons-pause, .pause-button {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/pause_white.svg") no-repeat; }

.edit-story-sm-video {
  position: relative; }
  .edit-story-sm-video video {
    width: 100%;
    height: auto; }

.flex-edit-story-medium .edit-img-sec-mid, .theme-medium-tmpl .edit-img-sec-mid {
  width: 100%; }
  .flex-edit-story-medium .edit-img-sec-mid img, .theme-medium-tmpl .edit-img-sec-mid img {
    width: 100%;
    display: block; }
.flex-edit-story-medium .full-img-link, .theme-medium-tmpl .full-img-link {
  z-index: 5; }
.flex-edit-story-medium .story-overlay-content, .theme-medium-tmpl .story-overlay-content {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 10;
  width: 100%;
  color: #fff!important;
  padding-bottom: 20px; }
  .flex-edit-story-medium .story-overlay-content .story-md-title, .theme-medium-tmpl .story-overlay-content .story-md-title {
    font-size: 48px;
    color: #fff!important;
    font-size: 3rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    letter-spacing: 4px; }
    @media only screen and (max-width: 767px) {
      .flex-edit-story-medium .story-overlay-content .story-md-title, .theme-medium-tmpl .story-overlay-content .story-md-title {
        font-size: 30px;
        font-size: 1.875rem;
        letter-spacing: 1.2px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .flex-edit-story-medium .story-overlay-content .story-md-title, .theme-medium-tmpl .story-overlay-content .story-md-title {
        font-size: 30px;
        font-size: 1.875rem;
        letter-spacing: 1.2px; } }
  .flex-edit-story-medium .story-overlay-content p.story-md-desc, .theme-medium-tmpl .story-overlay-content p.story-md-desc {
    padding: 0px 15px 0px 15px;
    padding: 0rem 0.9375rem 0rem 0.9375rem;
    letter-spacing: 1.2px; }
  .flex-edit-story-medium .story-overlay-content .read-md-btn, .theme-medium-tmpl .story-overlay-content .read-md-btn {
    cursor: pointer;
    color: #191919;
    background-color: #fff;
    border-color: #fff;
    transition: 0.2s;
    text-shadow: none;
    display: inline-block; }
    .flex-edit-story-medium .story-overlay-content .read-md-btn p, .theme-medium-tmpl .story-overlay-content .read-md-btn p {
      margin: 0; }
    .flex-edit-story-medium .story-overlay-content .read-md-btn a, .theme-medium-tmpl .story-overlay-content .read-md-btn a {
      color: #191919;
      text-shadow: none; }
  .flex-edit-story-medium .story-overlay-content .read-md-btn:hover, .theme-medium-tmpl .story-overlay-content .read-md-btn:hover {
    color: #fff;
    background-color: #191919;
    border-color: #191919; }
    .flex-edit-story-medium .story-overlay-content .read-md-btn:hover a, .theme-medium-tmpl .story-overlay-content .read-md-btn:hover a {
      color: #fff; }

.flex-edit-story-medium-video {
  position: relative; }
  .flex-edit-story-medium-video video {
    width: 100%;
    height: auto; }
  .flex-edit-story-medium-video .video-icons-play {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Play_white.svg");
    cursor: pointer; }
  .flex-edit-story-medium-video .video-icons-pause {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/pause_white.svg") no-repeat;
    cursor: pointer; }

.theme-small-tmpl .theme-txt-sec {
  background-color: #fff;
  text-shadow: 1px 2px 3px #fff;
  padding-bottom: 30px;
  color: #191919; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .theme-small-tmpl .theme-txt-sec {
      padding: 40px 15px 30px 15px;
      padding: 2.5rem 0.9375rem 1.875rem 0.9375rem; } }
  @media only screen and (max-width: 767px) {
    .theme-small-tmpl .theme-txt-sec {
      padding: 40px 15px 30px 15px;
      padding: 2.5rem 0.9375rem 1.875rem 0.9375rem; } }
  .theme-small-tmpl .theme-txt-sec p.theme-sm-desc {
    padding: 0px 40px 0px 40px;
    padding: 0rem 2.5rem 0rem 2.5rem; }
  .theme-small-tmpl .theme-txt-sec .category-btn a {
    transition: 0.2s;
    border: 3px solid #191919;
    font-size: 16px;
    color: #191919;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    display: inline-block;
    line-height: 34px;
    padding: 0 25px;
    vertical-align: top; }
    .theme-small-tmpl .theme-txt-sec .category-btn a:hover {
      background-color: black;
      color: white;
      text-shadow: none; }
  .theme-small-tmpl .theme-txt-sec .category-btn a + a {
    margin-left: 15px; }

.theme-medium-tmpl .category-md-btn a {
  border: 3px solid #fff;
  font-size: 16px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  display: inline-block;
  line-height: 34px;
  padding: 0 25px;
  vertical-align: top;
  background-color: #fff;
  color: #191919;
  text-shadow: none;
  transition: 0.2s;
  letter-spacing: 1.2px; }
  .theme-medium-tmpl .category-md-btn a:hover {
    background-color: #191919;
    color: #fff;
    text-shadow: none;
    border-color: #191919; }
.theme-medium-tmpl .category-md-btn a + a {
  margin-left: 15px; }

.flex-look-tmpl .look-img {
  width: 100%; }
  .flex-look-tmpl .look-img img {
    width: 100%;
    display: block; }
.flex-look-tmpl .look-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding-bottom: 30px;
  text-align: center; }
  .flex-look-tmpl .look-btn a {
    display: inline-block; }

.flex-product-tmpl .product-img img {
  width: 100%;
  display: block; }
.flex-product-tmpl .product-txt-sec {
  background-color: #fff;
  text-align: center;
  text-shadow: 1px 2px 3px #fff;
  padding: 16px 0px 16px 0px;
  padding: 1rem 0rem 1rem 0rem; }
  .flex-product-tmpl .product-txt-sec .product-title {
    font-size: 16px;
    font-size: 1rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .flex-product-tmpl .product-txt-sec .sub-header {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "TradeGothicLTPro", Arial, sans-serif; }

.flex-productwithcta-tmpl .product-img {
  width: 100%; }
  .flex-productwithcta-tmpl .product-img img {
    width: 100%;
    display: block; }
.flex-productwithcta-tmpl .productwithcta-txt-sec {
  background-color: #191919;
  text-align: center;
  color: #fff;
  text-shadow: 1px 2px 3px #191919;
  text-align: center;
  padding: 30px 0px 30px 0px;
  padding: 1.875rem 0rem 1.875rem 0rem; }
  .flex-productwithcta-tmpl .productwithcta-txt-sec .productwithcta-title {
    letter-spacing: 1px;
    font-size: 16px;
    font-size: 1rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    .flex-productwithcta-tmpl .productwithcta-txt-sec .productwithcta-title a {
      color: #fff; }
  .flex-productwithcta-tmpl .productwithcta-txt-sec .sub-header {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    padding-bottom: 30px;
    padding-top: 20px; }
  .flex-productwithcta-tmpl .productwithcta-txt-sec .shop-now-btn {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .flex-productwithcta-tmpl .productwithcta-txt-sec .shop-now-btn a {
      width: 175px; }

.flex-img-small-tmpl .flex-img, .flex-img-medium-tmpl .flex-img, .flex-img-large-tmpl .flex-img {
  position: relative;
  width: 100%; }
  .flex-img-small-tmpl .flex-img img, .flex-img-medium-tmpl .flex-img img, .flex-img-large-tmpl .flex-img img {
    width: 100%;
    display: block; }

.flex-txt-black-tmpl, .flex-txt-white-tmpl {
  color: #fff;
  text-align: center;
  top: 0;
  bottom: 0;
  position: absolute;
  height: 370px;
  display: table; }
  .flex-txt-black-tmpl .black-section, .flex-txt-white-tmpl .black-section {
    background-color: #191919;
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
    .flex-txt-black-tmpl .black-section .inner-content h1, .flex-txt-black-tmpl .black-section .inner-content h2, .flex-txt-black-tmpl .black-section .inner-content h3, .flex-txt-white-tmpl .black-section .inner-content h1, .flex-txt-white-tmpl .black-section .inner-content h2, .flex-txt-white-tmpl .black-section .inner-content h3 {
      letter-spacing: 3px;
      font-size: 48px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .flex-txt-black-tmpl .black-section .inner-content h1, .flex-txt-black-tmpl .black-section .inner-content h2, .flex-txt-black-tmpl .black-section .inner-content h3, .flex-txt-white-tmpl .black-section .inner-content h1, .flex-txt-white-tmpl .black-section .inner-content h2, .flex-txt-white-tmpl .black-section .inner-content h3 {
          font-size: 42px;
          letter-spacing: 1px; } }
      @media only screen and (max-width: 767px) {
        .flex-txt-black-tmpl .black-section .inner-content h1, .flex-txt-black-tmpl .black-section .inner-content h2, .flex-txt-black-tmpl .black-section .inner-content h3, .flex-txt-white-tmpl .black-section .inner-content h1, .flex-txt-white-tmpl .black-section .inner-content h2, .flex-txt-white-tmpl .black-section .inner-content h3 {
          font-size: 42px;
          letter-spacing: 1px; } }
    .flex-txt-black-tmpl .black-section .inner-content p, .flex-txt-white-tmpl .black-section .inner-content p {
      font-size: 16px;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .flex-txt-black-tmpl .black-section .inner-content p, .flex-txt-white-tmpl .black-section .inner-content p {
          font-size: 13px; } }
      @media only screen and (max-width: 767px) {
        .flex-txt-black-tmpl .black-section .inner-content p, .flex-txt-white-tmpl .black-section .inner-content p {
          font-size: 13px; } }
    .flex-txt-black-tmpl .black-section .inner-content ul, .flex-txt-black-tmpl .black-section .inner-content ol, .flex-txt-white-tmpl .black-section .inner-content ul, .flex-txt-white-tmpl .black-section .inner-content ol {
      padding-left: 0px;
      padding-right: 0px; }
      .flex-txt-black-tmpl .black-section .inner-content ul li, .flex-txt-black-tmpl .black-section .inner-content ol li, .flex-txt-white-tmpl .black-section .inner-content ul li, .flex-txt-white-tmpl .black-section .inner-content ol li {
        font-size: 16px;
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .flex-txt-black-tmpl .black-section .inner-content ul li, .flex-txt-black-tmpl .black-section .inner-content ol li, .flex-txt-white-tmpl .black-section .inner-content ul li, .flex-txt-white-tmpl .black-section .inner-content ol li {
            font-size: 13px; } }
        @media only screen and (max-width: 767px) {
          .flex-txt-black-tmpl .black-section .inner-content ul li, .flex-txt-black-tmpl .black-section .inner-content ol li, .flex-txt-white-tmpl .black-section .inner-content ul li, .flex-txt-white-tmpl .black-section .inner-content ol li {
            font-size: 13px; } }

.flex-txt-white-tmpl {
  color: #191919; }
  .flex-txt-white-tmpl .black-section {
    background-color: #fff; }

.zoom-icon {
  position: absolute;
  top: 25px;
  bottom: 0;
  text-align: right;
  right: 30px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Zoom_white.svg");
  background-color: rgba(25, 25, 25, 0.3); }

.zoom-icon-close {
  position: absolute;
  top: 25px;
  bottom: 0;
  text-align: right;
  right: 30px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: none;
  position: fixed;
  z-index: 600;
  background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box_white.svg");
  background-color: rgba(25, 25, 25, 0.3); }

.overlay-img {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  z-index: 500;
  background-color: #191919;
  opacity: 0.7; }
  .overlay-img .overlay-image-large {
    position: absolute;
    top: 0; }

.overlay-img-wrapper {
  display: table;
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 767px) {
    .overlay-img-wrapper {
      display: table;
      width: 100%;
      height: 100%; }
      .overlay-img-wrapper > span {
        display: table-cell;
        vertical-align: middle; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .overlay-img-wrapper {
      display: table;
      width: 100%;
      height: 100%; }
      .overlay-img-wrapper > span {
        display: table-cell;
        vertical-align: middle; } }

/* Effects */
.overlay-large {
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s; }

.overlay-large.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.overlay-large.close {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s; }

/** CR DSU-1633 Changing all text-transform state to default it will be BM Controlled **/
.mobile-content-flip.sliderDiv .mobile-level-2 h1, .mobile-content-flip.sliderDiv .mobile-level-2 h2, .mobile-content-flip.sliderDiv .mobile-level-2 h3, .mobile-content-flip.sliderDiv .mobile-level-2 h4, .mobile-content-flip.sliderDiv .mobile-level-2 ul li, .mobile-content-flip.sliderDiv .mobile-level-2 li, .mobile-content-flip.sliderDiv .mobile-level-2 p {
  text-transform: none; }

.mobile-content-flip ul.mobile-level-1 {
  width: 100%;
  margin-top: 0px;
  padding: 0px; }
  .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 .mobile-span-level-1 {
    color: #ffffff;
    background-color: #191919;
    height: 40px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    text-align: center;
    width: 100%;
    font-size: 18px;
    display: inline-block;
    padding-top: 12px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 .mobile-span-level-1 .left_arrow {
      display: block;
      float: left;
      height: auto;
      width: 7px;
      cursor: pointer;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/left_white_arrow.png") no-repeat 0 0;
      margin-left: 14px;
      margin-top: -4px; }
  .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 .s-sale.mobile-span-level-1, .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 .sale-nav-menu.mobile-span-level-1, .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 .sale-mob-menu.mobile-span-level-1 {
    background-color: #d0021b; }
  .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 {
    padding: 0px; }
    .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 > li.empty-child {
      border-top: 3px solid #191919;
      padding-top: 10px;
      padding-left: 0px;
      font-size: 18px;
      margin: 0 14px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 > li.mobile-level-2 {
      padding-bottom: 10px;
      padding-top: 10px;
      padding-left: 0px;
      font-size: 18px;
      margin: 0 14px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: none; }
    .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 {
      padding: 0px;
      margin: 0px;
      margin-top: 16px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3.see-all-link {
        position: relative;
        padding: 15px 0 15px; }
        .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3.see-all-link a {
          padding-left: 20px; }
      .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3.see-all-link:before {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg") no-repeat 0 0;
        height: 10px;
        width: 10px;
        content: "";
        display: inline-block;
        position: absolute;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg); }
      .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.sale-bottom {
        height: 35px;
        background-color: #817d83;
        text-align: center;
        margin-right: 15px;
        padding-top: 10px; }
        .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.sale-bottom span {
          color: #fff; }
      .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.sale-bottom a:before {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility_white.svg") no-repeat 0 0;
        height: 10px;
        width: 15px;
        content: "";
        display: inline-block;
        position: absolute;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        left: 24px;
        margin-top: 1px; }
      .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 {
        font-size: 14px;
        font-size: 0.875rem;
        border-top: 1px solid #d1d1d1;
        letter-spacing: 0.1em; }
        .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 {
          margin: 0px;
          padding: 0px;
          padding-left: 25px;
          padding-bottom: 15px;
          font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
          .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.mobile-level-4 {
            text-transform: none; }
            .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.mobile-level-4 .mobile-level-4-text {
              position: relative;
              padding-top: 15px;
              padding-bottom: 15px;
              font-size: 0.875rem;
              border-top: 1px solid #d1d1d1;
              letter-spacing: 0.1em;
              font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
            .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.mobile-level-4 .mobile-level-4-text:after {
              background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg") no-repeat 0 0;
              height: 10px;
              width: 10px;
              content: "";
              display: inline-block;
              position: absolute;
              top: 14px;
              right: 10px; }
            .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.mobile-level-4 .mobile-level-4-text.open-state:after {
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              -moz-transform: rotate(180deg);
              transform: rotate(180deg); }
            .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.mobile-level-4 ul.mobile-level-5 {
              margin: 0px;
              padding: 0px;
              padding-left: 25px; }
              .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.mobile-level-4 ul.mobile-level-5 li.mobile-level-5 {
                padding-top: 0px;
                padding-bottom: 0px; }
                .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.mobile-level-4 ul.mobile-level-5 li.mobile-level-5 > a {
                  display: block;
                  width: 100%;
                  padding: 15px 0; }
            .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.mobile-level-4 > a {
              display: block;
              width: 100%;
              padding: 15px 0; }
          .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.see-all-link {
            position: relative;
            text-transform: none; }
            .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.see-all-link p {
              display: inline-block; }
            .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.see-all-link a {
              padding-left: 3px; }
          .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.see-all-link:before {
            background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg") no-repeat 0 0;
            height: 10px;
            width: 10px;
            content: "";
            display: inline-block;
            top: 18px;
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg); }
        .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 .mobile-level-3-text {
          position: relative;
          padding-top: 15px;
          padding-bottom: 15px; }
        .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 .mobile-level-3-text:after {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility.svg") no-repeat 0 0;
          height: 10px;
          width: 10px;
          content: "";
          display: inline-block;
          position: absolute;
          top: 14px;
          right: 10px; }
        .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 .mobile-level-3-text.open-state:after {
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          transform: rotate(180deg); }
      .mobile-content-flip ul.mobile-level-1 li.mobile-level-1 ul.mobile-level-2 ul.mobile-level-3 li.mobile-level-3.empty-child .mobile-level-3-text:after {
        content: none; }

.mobile-content-flip ul.mobile-level-1.diesel-black-gold {
  background-color: #817d83; }
  .mobile-content-flip ul.mobile-level-1.diesel-black-gold li.mobile-level-1 ul.mobile-level-2 > li.empty-child {
    border-top: 3px solid #fff; }
  .mobile-content-flip ul.mobile-level-1.diesel-black-gold li.mobile-level-1 ul.mobile-level-2 li.mobile-level-2 {
    color: #fff; }
    .mobile-content-flip ul.mobile-level-1.diesel-black-gold li.mobile-level-1 ul.mobile-level-2 li.mobile-level-2 a {
      color: #fff; }
    .mobile-content-flip ul.mobile-level-1.diesel-black-gold li.mobile-level-1 ul.mobile-level-2 li.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 {
      border-top: 1px solid #9a979c; }
      .mobile-content-flip ul.mobile-level-1.diesel-black-gold li.mobile-level-1 ul.mobile-level-2 li.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 .mobile-level-3-text:after {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility_white.svg") no-repeat 0 0; }
      .mobile-content-flip ul.mobile-level-1.diesel-black-gold li.mobile-level-1 ul.mobile-level-2 li.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 li.see-all-link:before {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/dropdown_utility_white.svg") no-repeat 0 0; }
      .mobile-content-flip ul.mobile-level-1.diesel-black-gold li.mobile-level-1 ul.mobile-level-2 li.mobile-level-2 ul.mobile-level-3 li.mobile-level-3 ul.mobile-level-4 a {
        color: #fff; }

/* @import "http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/css/lphighlights";
@import "http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/css/lpmaincontent";
@import "http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/css/lpsecondary"; */
.showAll {
  z-index: 1000;
  display: block;
  visibility: visible;
  opacity: 1.0; }

.home-landing {
  /* Category Two */ }
  .home-landing .bx-pager.bx-default-pager a {
    box-shadow: 0px 0px 2px #666; }
  .home-landing .image-sec {
    height: 246px; }
    @media only screen and (max-width: 767px) {
      .home-landing .image-sec {
        float: left;
        height: 229px; } }
  .home-landing .in-page-product {
    width: 100%;
    float: left;
    padding: 10px 0 24px; }
    .home-landing .in-page-product .hp-product-slider {
      display: none; }
    .home-landing .in-page-product .hp-product-slider .panel:nth-child(odd) {
      border: none; }
    .home-landing .in-page-product .hp-product-slider .panel:last-child {
      border-left: 1px solid #191919; }
      @media only screen and (max-width: 767px) {
        .home-landing .in-page-product .hp-product-slider .panel:last-child {
          border: none; } }
    .home-landing .in-page-product .hp-product-slider .panel {
      height: 265px; }
      .home-landing .in-page-product .hp-product-slider .panel .homepage-oneslot-carousel .image-sec img {
        height: 100%;
        margin: 0 auto;
        width: auto; }
      @media only screen and (max-width: 767px) {
        .home-landing .in-page-product .hp-product-slider .panel .homepage-oneslot-carousel .image-sec {
          width: 50%; } }
      @media only screen and (max-width: 767px) {
        .home-landing .in-page-product .hp-product-slider .panel .content-sec {
          width: 50%; } }
      .home-landing .in-page-product .hp-product-slider .panel .content-sec .button-theme, .home-landing .in-page-product .hp-product-slider .panel .content-sec .button-links {
        letter-spacing: 0.075rem;
        min-width: 90px;
        text-transform: uppercase; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .home-landing .in-page-product .hp-product-slider .panel .content-sec .button-theme, .home-landing .in-page-product .hp-product-slider .panel .content-sec .button-links {
            border-width: 2px;
            min-width: 108px; } }
      @media only screen and (max-width: 767px) {
        .home-landing .in-page-product .hp-product-slider .panel .content-sec .bx-pager.bx-default-pager {
          bottom: 0px; } }
      .home-landing .in-page-product .hp-product-slider .panel .content-sec .middle .gender-crousel {
        margin-bottom: 20px;
        color: #808080;
        letter-spacing: 0.075rem;
        font-size: 24px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .home-landing .in-page-product .hp-product-slider .panel .content-sec .middle .gender-crousel {
            font-size: 18px;
            margin-bottom: 10px; } }
        @media only screen and (max-width: 767px) {
          .home-landing .in-page-product .hp-product-slider .panel .content-sec .middle .gender-crousel {
            min-height: 0px !important; } }
      .home-landing .in-page-product .hp-product-slider .panel .content-sec .middle .pricing {
        margin: 8px 0 17px 0; }
      .home-landing .in-page-product .hp-product-slider .panel .content-sec .middle h5 {
        letter-spacing: 0.075rem; }
        @media only screen and (max-width: 767px) {
          .home-landing .in-page-product .hp-product-slider .panel .content-sec .middle h5 {
            min-height: 0px !important; } }
    .home-landing .in-page-product .in-page-product-slider .panel .image-sec img {
      width: auto;
      height: 100%;
      margin: 0 auto; }
    .home-landing .in-page-product .bx-wrapper .bx-controls-direction a {
      width: 41px;
      height: 41px; }
    .home-landing .in-page-product .bx-wrapper .bx-next {
      background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png");
      background-position: -10px -28px;
      -webkit-transform: none;
      transform: none; }
      .home-landing .in-page-product .bx-wrapper .bx-next:hover {
        background-position: -10px -144px; }
    .home-landing .in-page-product .bx-wrapper .bx-prev {
      background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png");
      background-position: -60px -28px; }
      .home-landing .in-page-product .bx-wrapper .bx-prev:hover {
        background-position: -60px -144px; }
    .home-landing .in-page-product .bx-wrapper .bx-pager.bx-default-pager a {
      border-radius: 100px;
      border: 1px solid #000;
      background: none;
      margin: 0 8px; }
    .home-landing .in-page-product .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: #191919; }
    .home-landing .in-page-product .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: #191919; }
    .home-landing .in-page-product .bx-wrapper .bx-pager.bx-default-pager a {
      border-radius: 100px;
      border: 1px solid #000;
      background: none; }
    .home-landing .in-page-product .bx-pager.bx-default-pager {
      bottom: -20px; }
  .home-landing .content-slot {
    float: left;
    width: 100%; }
  .home-landing .dlp-slider-threeinslotpara {
    width: 100%;
    float: left; }
  .home-landing .container-fluid.threeinslot.threeinslotpara.two-box .threeslot-video-outer .threeslot-video-wrap video {
    object-fit: cover; }
  .home-landing .image-slot-4 {
    position: relative; }
  .home-landing .container-fluid.threeinslot {
    padding-top: 16px;
    padding-top: 1rem; }
  .home-landing .content-slot {
    background-color: #88858c; }

.product-pricing .product-discounted-price {
  letter-spacing: 0.05rem; }
  .product-pricing .product-discounted-price .product-standard-price {
    text-decoration: line-through; }
  .product-pricing .product-discounted-price .price-discounted-value, .product-pricing .product-discounted-price .product-sales-price {
    color: #d0021b; }
  @media (min-width: 769px) and (max-width: 820px) {
    .product-pricing .product-discounted-price {
      font-size: 9px; } }
  @media (min-width: 821px) and (max-width: 890px) {
    .product-pricing .product-discounted-price {
      font-size: 10px; } }
  @media (min-width: 891px) and (max-width: 960px) {
    .product-pricing .product-discounted-price {
      font-size: 11px; } }
  @media (min-width: 961px) and (max-width: 1023px) {
    .product-pricing .product-discounted-price {
      font-size: 12px; } }

.product-price.discounted {
  letter-spacing: 0.05rem; }
  .product-price.discounted .price-standard {
    text-decoration: line-through; }
  .product-price.discounted .price-sales.discounted, .product-price.discounted .price-final-value {
    color: #d0021b; }

.html-slot-container .main-page-title {
  background: #171717;
  padding: 15px 0;
  width: 100%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .html-slot-container .main-page-title {
      padding: 6px 0; } }
  .html-slot-container .main-page-title h1 {
    color: white;
    text-align: center; }
  .html-slot-container .main-page-title img {
    width: inherit; }
    @media only screen and (max-width: 767px) {
      .html-slot-container .main-page-title img {
        width: 65%; } }

.mobile-only {
  display: none; }

.center-img-mobile {
  width: auto;
  height: 100%;
  max-width: initial;
  position: absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: initial; }

.button-links {
  min-width: 200px;
  border: 3px solid #fff;
  text-align: center;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  display: inline-block;
  padding: 7px 0;
  color: #191919;
  letter-spacing: 0.075em;
  /*text-shadow: 0px 1px 1px #666;*/
  -webkit-box-shadow: 0px 0px 2px 0px #666666;
  -moz-box-shadow: 0px 0px 2px 0px #666666;
  box-shadow: 0px 0px 2px 0px #666666;
  transition: 0.2s;
  background: white; }
  .button-links:hover {
    background: #191919;
    text-shadow: none;
    box-shadow: none;
    color: white;
    border-color: #191919; }

.full-img-link-wrap p {
  margin: 0; }

.full-img-link {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  text-indent: -3000px;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.inthree-img-holder {
  position: relative; }

.theme-img {
  position: static; }
  @media (min-width: 0px) and (max-width: 767px) {
    .theme-img {
      position: relative; } }

/** Common Elements **/
.landing-click {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: block; }

.foreg-video video {
  display: none; }

.landing-back-video {
  display: none; }

#fullbleed-video {
  display: none; }
  @media only screen and (min-width: 1921px) {
    #fullbleed-video {
      object-fit: cover;
      display: block; } }

.foreg-video .video-icons.video-icons-play, .foreg-video .video-icons .play-button, .foreg-video .video-control.video-icons-play, .foreg-video .video-control .play-button {
  display: block; }
.foreg-video .video-icons.video-icons-pause, .foreg-video .video-icons .pause-button, .foreg-video .video-control.video-icons-pause, .foreg-video .video-control .pause-button {
  display: block; }
.foreg-video .foreg-vid-wrap {
  display: inline-block;
  position: relative;
  height: 100%; }

.backg-vid-outer {
  position: relative;
  width: 100%;
  overflow: hidden; }

.backg-vid-wrap {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%; }

.land-play-button {
  width: 100px;
  height: 100px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/play_button.png") no-repeat;
  position: absolute;
  overflow: hidden;
  text-indent: -1000px;
  z-index: 5;
  top: 50%;
  left: 50%; }

.next-section {
  width: 80px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -40px;
  z-index: 16; }

.button-links {
  margin-top: 15px; }

article.lp-text {
  text-align: center;
  color: white; }
  article.lp-text h1, article.lp-text h2 {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 60px;
    font-size: 3.75rem;
    text-shadow: 0px 1px 3px #666;
    letter-spacing: 0.08em; }
  article.lp-text p {
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    margin: 0;
    text-shadow: 0px 1px 1px #666;
    letter-spacing: 0.05em; }
  article.lp-text h1 + .button-links,
  article.lp-text h2 + .button-links {
    margin-top: 9px; }

.tab-titles, .merch-container ul.merch-tab-options li, .merch-container ul.denimfit-tab-options li, .fit-merch-container ul.merch-tab-options li, .fit-merch-container ul.denimfit-tab-options li, .merch-container ul.merch-tab-options .tab-label, .merch-container ul.denimfit-tab-options .tab-label, .fit-merch-container ul.merch-tab-options .tab-label, .fit-merch-container ul.denimfit-tab-options .tab-label {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 32px;
  font-size: 2rem;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.08em; }

.oneinslot {
  width: 89.621942179392142327650111193477%;
  float: left;
  position: relative;
  padding: 70px 5.1890289103039288361749444032617%;
  height: 518px;
  background-size: cover;
  box-sizing: content-box; }
  .oneinslot .main-image-slot {
    background-size: cover;
    height: 518px;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    overflow: hidden;
    box-sizing: content-box; }
    .oneinslot .main-image-slot img {
      width: 100%; }
  .oneinslot article.lp-text {
    position: absolute;
    bottom: 50px;
    width: 50%;
    left: 25%; }
    .oneinslot article.lp-text h2 {
      margin-bottom: 5px; }
  .oneinslot .custom-poster {
    position: absolute;
    left: 0; }

.flex-new-img.common-video-sec:fullscreen {
  max-height: none !important; }

*:fullscreen {
  position: fixed;
  display: block !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  max-height: none !important;
  background-color: black;
  max-width: none !important; }

*:-moz-full-screen {
  position: fixed;
  display: block !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  max-height: none !important;
  background-color: black;
  max-width: none !important; }

*:-webkit-full-screen {
  position: fixed;
  display: block !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  max-height: none !important;
  background-color: black;
  max-width: none !important; }
  *:-webkit-full-screen video {
    height: 100% !important; }

.oneinslot-video {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  max-width: 1920px;
  /** Added different vh to accomodate background videos on one slot for different viewport heights **/ }
  .oneinslot-video .oneinslot-video-wrap {
    width: 100%;
    height: 76vh; }
    @media (min-width: 1921px) {
      .oneinslot-video .oneinslot-video-wrap {
        height: 650px; } }
    @media (min-width: 1400px) and (max-width: 1600px) {
      .oneinslot-video .oneinslot-video-wrap {
        height: 79vh; } }
    @media (min-width: 1025px) and (max-width: 1366px) {
      .oneinslot-video .oneinslot-video-wrap {
        height: 82vh; } }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .oneinslot-video .oneinslot-video-wrap {
        height: 55vh; } }
  .oneinslot-video .oneinslot {
    top: 0;
    position: absolute;
    z-index: 11; }
  .oneinslot-video .anchor-icon {
    z-index: 20; }
  .oneinslot-video .video-icons-play, .oneinslot-video .play-button, .oneinslot-video .video-icons-pause, .oneinslot-video .pause-button {
    display: none; }
  .oneinslot-video .foreg-video .video-control {
    display: block; }
    .oneinslot-video .foreg-video .video-control .play-button {
      display: block; }
  .oneinslot-video .foreg-video video {
    display: none; }
  .oneinslot-video .foreg-video .video-control {
    z-index: 15; }
  .oneinslot-video .custom-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.coveroneinslot {
  width: 100%;
  float: left;
  position: relative;
  padding: 70px;
  height: 605px;
  background-size: cover; }
  .coveroneinslot .main-image-slot {
    background-size: cover;
    height: 470px;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    overdflow: hidden; }
    .coveroneinslot .main-image-slot img {
      width: 100%; }
  .coveroneinslot article.lp-text {
    position: absolute;
    bottom: 50px;
    width: 50%;
    height: 160px;
    left: 25%; }

.button-links + .button-links {
  margin-left: 22px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .button-links + .button-links {
      margin-left: 14px; } }
  @media only screen and (max-width: 767px) {
    .button-links + .button-links {
      margin-left: 9px; } }

.dbgtwoinslot {
  position: relative;
  float: left;
  width: 100%; }
  .dbgtwoinslot h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 20px;
    z-index: 1;
    color: white;
    font-size: 28px;
    z-index: 11; }
  .dbgtwoinslot .slot-outer {
    width: 50%;
    height: 658px;
    padding: 70px;
    background-size: cover;
    position: relative;
    text-align: center; }
  .dbgtwoinslot .slot-outer-video {
    position: relative;
    width: 50%;
    float: left;
    overflow: hidden;
    height: 658px; }
    .dbgtwoinslot .slot-outer-video .slot-inner-wrap {
      width: 100%;
      float: left;
      position: relative; }
    .dbgtwoinslot .slot-outer-video .dbgtwoslot-video-wrap.backg-vid-wrap {
      height: 658px; }
  .dbgtwoinslot .slt1 {
    float: left; }
  .dbgtwoinslot .slt2 {
    float: right; }
  .dbgtwoinslot .slot-inner-wrap {
    width: 100%;
    float: left;
    position: relative;
    height: 518px; }
  .dbgtwoinslot .dbg-vid-hold {
    float: left;
    position: absolute;
    top: 0;
    padding: 70px;
    z-index: 10;
    width: 100%; }
  .dbgtwoinslot .two-main-image {
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 518px; }
    .dbgtwoinslot .two-main-image img {
      width: 100%; }
  .dbgtwoinslot article.lp-text {
    position: absolute;
    bottom: -18px;
    right: 0;
    left: 0; }
    .dbgtwoinslot article.lp-text h1, .dbgtwoinslot article.lp-text h2 {
      font-size: 42px;
      font-size: 2.625rem; }
  .dbgtwoinslot .anchor-icon {
    z-index: 11; }
  .dbgtwoinslot .foreg-video video {
    display: none;
    height: auto; }

.dbg-nav {
  padding: 16px 20px 14px;
  background-color: #191919;
  float: left;
  width: 100%;
  color: white;
  float: left;
  letter-spacing: 0.120rem; }
  .dbg-nav h4 {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    float: left; }
  .dbg-nav .dbg-sub-nav {
    width: auto;
    float: left;
    margin: 0;
    padding: 0 0 0 30px;
    text-transform: uppercase; }
    .dbg-nav .dbg-sub-nav li {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      float: left;
      padding-right: 60px; }
      .dbg-nav .dbg-sub-nav li::after {
        display: block;
        margin-left: 11px;
        margin-top: 3px;
        content: "";
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") no-repeat -8px -630px;
        width: 20px;
        height: 20px;
        float: right; }
      .dbg-nav .dbg-sub-nav li a {
        color: white; }

.dbgtwoslot {
  width: 100%;
  float: left;
  padding: 70px;
  position: relative;
  height: 660px; }
  .dbgtwoslot .dbg-heading {
    text-align: center;
    height: 70px;
    width: 100%;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    padding-top: 25px;
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    left: 0; }
  .dbgtwoslot .dbgtwo-slot-holder {
    width: 50%;
    float: left;
    height: 519px;
    overflow: hidden;
    position: relative; }
    .dbgtwoslot .dbgtwo-slot-holder .main-image-slot {
      width: 100%;
      position: relative;
      height: inherit; }
      .dbgtwoslot .dbgtwo-slot-holder .main-image-slot img {
        width: 100%; }
  .dbgtwoslot .dbgtwo-wrapper {
    width: 100%;
    float: left;
    height: 518px;
    position: relative; }
  .dbgtwoslot article.lp-text {
    position: absolute;
    bottom: -20px;
    width: 75%;
    height: auto;
    left: 12.5%;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto; }
  .dbgtwoslot .lp-text.hidden-tab-desktop {
    display: none; }

.two-slot-video {
  float: left;
  width: 100%;
  position: relative; }
  .two-slot-video .twoinslot-video-outer {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .two-slot-video .backg-vid-wrap {
    position: relative;
    height: 658px; }
  .two-slot-video .dbgtwoslot {
    position: relative;
    z-index: 10;
    top: 0; }
  .two-slot-video .anchor-icon {
    z-index: 13; }

.threesl.foreg-video {
  position: relative; }
  .threesl.foreg-video video {
    height: auto; }
  .threesl.foreg-video .three-vid-wrap {
    position: relative;
    background-color: #191919; }

.threeslot-video-wrap {
  position: relative;
  height: 100%; }
  .threeslot-video-wrap video {
    object-fit: cover; }

/** Custom Elements **/
.cover-fullbleed {
  float: left;
  width: 100%;
  height: 84vh;
  background-size: cover;
  background-position: fixed;
  position: relative;
  background-repeat: no-repeat;
  max-width: 1920px; }
  .cover-fullbleed article {
    position: absolute;
    bottom: 50px;
    width: 50%;
    left: 25%;
    text-align: center;
    color: white; }

.fullbleed-video-outer {
  float: left;
  width: 100%;
  position: relative;
  max-width: 1920px;
  overflow: hidden; }
  .fullbleed-video-outer .custom-poster {
    display: none; }
  .fullbleed-video-outer .cover-fullbleed.full-cover-video {
    position: absolute;
    z-index: 10;
    top: 0;
    height: 100%; }
  .fullbleed-video-outer .fullbleed-video-wrap {
    height: 610px; }
  .fullbleed-video-outer .video-icons, .fullbleed-video-outer .video-control {
    z-index: 11; }
  .fullbleed-video-outer .video-icons-pause, .fullbleed-video-outer .pause-button {
    display: block; }

.denimfit-container {
  position: relative; }

.merch-container, .fit-merch-container {
  float: left;
  width: 100%;
  height: 515px; }
  .merch-container .merch-women-cont, .merch-container .fit-women-cont, .fit-merch-container .merch-women-cont, .fit-merch-container .fit-women-cont {
    display: none; }
  @media only screen and (max-width: 767px) {
    .merch-container .fit-women-cont .invisible, .fit-merch-container .fit-women-cont .invisible {
      visibility: hidden; } }
  .merch-container .merch-men-cont, .merch-container .merch-women-cont, .merch-container .common-cont, .fit-merch-container .merch-men-cont, .fit-merch-container .merch-women-cont, .fit-merch-container .common-cont {
    text-align: center; }
    .merch-container .merch-men-cont .product-tile, .merch-container .merch-women-cont .product-tile, .merch-container .common-cont .product-tile, .fit-merch-container .merch-men-cont .product-tile, .fit-merch-container .merch-women-cont .product-tile, .fit-merch-container .common-cont .product-tile {
      width: 200px;
      float: left;
      height: 340px; }
      .merch-container .merch-men-cont .product-tile .product-image, .merch-container .merch-women-cont .product-tile .product-image, .merch-container .common-cont .product-tile .product-image, .fit-merch-container .merch-men-cont .product-tile .product-image, .fit-merch-container .merch-women-cont .product-tile .product-image, .fit-merch-container .common-cont .product-tile .product-image {
        width: 100%;
        float: left;
        padding: 0; }
        .merch-container .merch-men-cont .product-tile .product-image img, .merch-container .merch-women-cont .product-tile .product-image img, .merch-container .common-cont .product-tile .product-image img, .fit-merch-container .merch-men-cont .product-tile .product-image img, .fit-merch-container .merch-women-cont .product-tile .product-image img, .fit-merch-container .common-cont .product-tile .product-image img {
          width: 100%; }
  .merch-container .merch-women-cont .dual-men, .fit-merch-container .merch-women-cont .dual-men {
    display: none; }
  .merch-container .merch-men-cont .dual-women, .fit-merch-container .merch-men-cont .dual-women {
    display: none; }
  .merch-container ul.merch-tab-options, .merch-container ul.denimfit-tab-options, .fit-merch-container ul.merch-tab-options, .fit-merch-container ul.denimfit-tab-options {
    margin: 0;
    width: 100%;
    padding: 22px 0 20px 0;
    text-align: center; }
    .merch-container ul.merch-tab-options li, .merch-container ul.denimfit-tab-options li, .fit-merch-container ul.merch-tab-options li, .fit-merch-container ul.denimfit-tab-options li {
      display: inline-block;
      color: rgba(255, 255, 255, 0.5);
      cursor: pointer; }
    .merch-container ul.merch-tab-options li.active, .merch-container ul.denimfit-tab-options li.active, .fit-merch-container ul.merch-tab-options li.active, .fit-merch-container ul.denimfit-tab-options li.active {
      color: white;
      border-bottom: 3px solid white; }
    .merch-container ul.merch-tab-options .tab-label, .merch-container ul.denimfit-tab-options .tab-label, .fit-merch-container ul.merch-tab-options .tab-label, .fit-merch-container ul.denimfit-tab-options .tab-label {
      margin-right: 15px; }
    .merch-container ul.merch-tab-options #men-tab, .merch-container ul.denimfit-tab-options #men-tab, .fit-merch-container ul.merch-tab-options #men-tab, .fit-merch-container ul.denimfit-tab-options #men-tab {
      margin-right: 15px; }
  .merch-container .bx-wrapper .bx-controls-direction a, .fit-merch-container .bx-wrapper .bx-controls-direction a {
    width: 41px;
    height: 41px; }
  .merch-container .bx-wrapper .bx-prev, .fit-merch-container .bx-wrapper .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -60px -86px;
    left: -125px; }
  .merch-container .bx-wrapper .bx-next, .fit-merch-container .bx-wrapper .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -10px -86px;
    right: -124px; }
  .merch-container .bx-wrapper .bx-pager.bx-default-pager a, .fit-merch-container .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 100px;
    border: 1px solid #000;
    background: none;
    margin: 0 8px; }
  .merch-container .bx-wrapper .bx-pager.bx-default-pager a.active, .fit-merch-container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: black; }
  .merch-container .button-links, .fit-merch-container .button-links {
    margin-top: 24px;
    min-width: 200px; }
  .merch-container .product-tile .right-part, .fit-merch-container .product-tile .right-part {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-top: 13px;
    float: left; }
    .merch-container .product-tile .right-part .product-attribute, .fit-merch-container .product-tile .right-part .product-attribute {
      float: left;
      width: 100%; }
      .merch-container .product-tile .right-part .product-attribute .product-name, .fit-merch-container .product-tile .right-part .product-attribute .product-name {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: 0.05em; }
        .merch-container .product-tile .right-part .product-attribute .product-name a, .fit-merch-container .product-tile .right-part .product-attribute .product-name a {
          color: #fff; }
    .merch-container .product-tile .right-part .product-pricing, .fit-merch-container .product-tile .right-part .product-pricing {
      float: left;
      font-size: 14px;
      font-size: 0.875rem;
      color: white;
      width: 100%;
      margin-top: 12px;
      letter-spacing: 0.05em; }
  .merch-container .product-tile .product-promo .promotional-message, .fit-merch-container .product-tile .product-promo .promotional-message {
    display: none; }
  .merch-container .merch-men, .merch-container .merch-women, .fit-merch-container .merch-men, .fit-merch-container .merch-women {
    display: none; }
  .merch-container.white, .fit-merch-container.white {
    background-color: white; }
    .merch-container.white ul.merch-tab-options, .fit-merch-container.white ul.merch-tab-options {
      padding: 22px 0 4px 0; }
      .merch-container.white ul.merch-tab-options .tab-label, .fit-merch-container.white ul.merch-tab-options .tab-label {
        color: black; }
      .merch-container.white ul.merch-tab-options li, .fit-merch-container.white ul.merch-tab-options li {
        color: #808080; }
        .merch-container.white ul.merch-tab-options li.active, .fit-merch-container.white ul.merch-tab-options li.active {
          color: black;
          border-bottom-color: black; }
    .merch-container.white .product-tile .right-part .product-attribute .product-name a, .fit-merch-container.white .product-tile .right-part .product-attribute .product-name a {
      color: black;
      font-size: 16px; }
    .merch-container.white .product-tile .right-part .product-pricing, .fit-merch-container.white .product-tile .right-part .product-pricing {
      color: black; }
    .merch-container.white .button-links, .fit-merch-container.white .button-links {
      color: black;
      border-color: black;
      box-shadow: none;
      text-shadow: none;
      padding: 8px 0; }
      .merch-container.white .button-links:hover, .fit-merch-container.white .button-links:hover {
        color: white;
        border-color: black;
        background-color: black; }
    .merch-container.white .bx-wrapper .bx-controls-direction .bx-next, .fit-merch-container.white .bx-wrapper .bx-controls-direction .bx-next {
      background-position: -10px -28px; }
      .merch-container.white .bx-wrapper .bx-controls-direction .bx-next:hover, .fit-merch-container.white .bx-wrapper .bx-controls-direction .bx-next:hover {
        background-position: -10px -144px; }
    .merch-container.white .bx-wrapper .bx-controls-direction .bx-prev, .fit-merch-container.white .bx-wrapper .bx-controls-direction .bx-prev {
      background-position: -60px -28px; }
      .merch-container.white .bx-wrapper .bx-controls-direction .bx-prev:hover, .fit-merch-container.white .bx-wrapper .bx-controls-direction .bx-prev:hover {
        background-position: -60px -144px; }
  .merch-container.grey, .fit-merch-container.grey {
    background-color: #88858c; }

.merch-container.type-newin {
  max-width: 1309px;
  margin: 0 auto;
  position: relative;
  float: none; }
  .merch-container.type-newin .merch-panel-container {
    width: 74%;
    float: right; }
    .merch-container.type-newin .merch-panel-container .merch-men-cont, .merch-container.type-newin .merch-panel-container .merch-women-cont {
      float: none; }
  .merch-container.type-newin ul.merch-tab-options .tab-label {
    display: none; }
  .merch-container.type-newin .new-in-cont {
    float: left;
    width: 25%;
    max-width: 310px;
    padding: 20px; }
    .merch-container.type-newin .new-in-cont .new-in-box {
      text-align: center;
      width: 100%;
      letter-spacing: 0.075em; }
      .merch-container.type-newin .new-in-cont .new-in-box h2 {
        font-size: 32px;
        font-size: 2rem; }
      .merch-container.type-newin .new-in-cont .new-in-box p {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 24px; }
      .merch-container.type-newin .new-in-cont .new-in-box .button-links {
        max-width: 200px;
        display: block;
        margin: 0 auto 10px;
        font-size: 16px;
        font-size: 1rem;
        padding: 5px 0; }
  .merch-container.type-newin .bx-wrapper .bx-next {
    right: -35px; }
  .merch-container.type-newin .bx-wrapper .bx-prev {
    left: -35px; }

ul.fit-men, ul.fit-women {
  margin: 0;
  display: none; }

ul.fit-women .button-links.fit-men-button {
  display: none; }
ul.fit-women .button-links.fit-women-button {
  display: block; }

.fit-merch-container {
  height: 655px;
  position: relative; }
  .fit-merch-container ul.denimfit-tab-options {
    width: 100%;
    position: absolute;
    height: 38px;
    padding: 5px 0;
    z-index: 1;
    background-color: rgba(26, 25, 24, 0.6); }
    .fit-merch-container ul.denimfit-tab-options .tab-label, .fit-merch-container ul.denimfit-tab-options li {
      font-size: 24px;
      font-size: 1.5rem;
      margin-right: 15px;
      letter-spacing: 0.06em; }
    .fit-merch-container ul.denimfit-tab-options li {
      letter-spacing: 0.06em; }
      .fit-merch-container ul.denimfit-tab-options li.active {
        border-bottom-width: 2px; }
  .fit-merch-container .men-car-items img, .fit-merch-container .women-car-items img {
    z-index: 11; }
  .fit-merch-container .men-car-items img:last-of-type, .fit-merch-container .women-car-items img:last-of-type {
    display: none; }
  .fit-merch-container .fit-men .men-car-items figure, .fit-merch-container .fit-women .women-car-items figure {
    position: relative;
    border: 1px solid #646464;
    border-width: 0 0 0 1px; }
    .fit-merch-container .fit-men .men-car-items figure figcaption, .fit-merch-container .fit-women .women-car-items figure figcaption {
      position: absolute;
      width: 83%;
      left: 10%;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/1x1_opacity_15.png") repeat;
      top: 40px;
      height: 268px;
      border: 3px solid white;
      top: 190px;
      text-transform: uppercase;
      padding: 25px 15px;
      text-align: center;
      overflow: hidden; }
      .fit-merch-container .fit-men .men-car-items figure figcaption a, .fit-merch-container .fit-women .women-car-items figure figcaption a {
        color: white;
        font-size: 24px;
        font-size: 1.5rem;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-name, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-name {
        font-size: 34px;
        font-size: 2.125rem;
        display: block;
        margin-bottom: 8px;
        letter-spacing: 0.050rem;
        height: 41px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-desc, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-desc {
        font-size: 16px;
        font-size: 1rem;
        display: block;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        text-transform: none;
        line-height: 24px;
        letter-spacing: 0.050rem;
        height: 125px;
        overflow: hidden; }
      .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-link, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-link {
        font-size: 18px;
        font-size: 1.125rem;
        border-bottom: 2px solid white;
        letter-spacing: 0.075rem;
        height: 24px;
        line-height: 30px; }
  .fit-merch-container .fit-men-cont .button-links.fit-men-button {
    display: block; }
  .fit-merch-container .fit-men-cont .button-links.fit-women-button {
    display: none; }
  .fit-merch-container .fit-women-cont .button-links.fit-women-button {
    display: block; }
  .fit-merch-container .fit-women-cont .button-links.fit-men-button {
    display: none; }
  .fit-merch-container .button-links {
    position: absolute;
    bottom: 53px;
    left: 50%;
    margin-left: -100px; }
  .fit-merch-container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: white; }
  .fit-merch-container .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 100px;
    border: 1px solid #FFF;
    background: none; }
  .fit-merch-container .bx-wrapper .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat;
    left: -53px; }
  .fit-merch-container .bx-wrapper .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat;
    right: -53px; }
  .fit-merch-container .bx-wrapper .bx-controls-direction a {
    width: 41px;
    height: 41px; }
  .fit-merch-container .bx-wrapper .bx-controls-direction .bx-next {
    background-position: -10px -85px; }
  .fit-merch-container .bx-wrapper .bx-controls-direction .bx-prev {
    background-position: -60px -85px; }

.threeinslot .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: white; }
.threeinslot .bx-wrapper .bx-pager.bx-default-pager a {
  border-radius: 100px;
  border: 1px solid #FFF;
  background: none; }

.coversplit {
  width: 100%;
  float: left;
  position: relative;
  background: black; }
  .coversplit .split-holder {
    width: 50%;
    float: left;
    position: relative;
    height: 78vh;
    overflow: hidden; }
    .coversplit .split-holder .main-image-slot {
      position: relative;
      height: 100%; }
      .coversplit .split-holder .main-image-slot .img-stellar {
        position: relative;
        overflow: hidden; }
      .coversplit .split-holder .main-image-slot img {
        width: 100%; }
    .coversplit .split-holder article.lp-text {
      position: absolute;
      bottom: 50px;
      width: 100%;
      left: 0; }
      .coversplit .split-holder article.lp-text h2 {
        font-size: 42px;
        font-size: 2.625rem; }
  .coversplit.black {
    background-color: black; }
    .coversplit.black .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: white; }
    .coversplit.black .bx-wrapper .bx-pager.bx-default-pager a {
      border-radius: 100px;
      border: 1px solid #FFF;
      background: none; }
  .coversplit.white {
    background-color: white; }
  .coversplit.grey {
    background-color: #a1a1a1; }
    .coversplit.grey .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: white; }
    .coversplit.grey .bx-wrapper .bx-pager.bx-default-pager a {
      border-radius: 100px;
      border: 1px solid #FFF;
      background: none; }
  .coversplit .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: white; }
  .coversplit .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 100px;
    border: 1px solid #FFF;
    background: none; }

/* Homepage Only */
.home-landing .coversplit .video-control.pause-button {
  top: 55px; }

/* Landing Pages Only */
.department-landing.home-landing .coversplit .video-control.pause-button {
  top: 10px; }

.department-landing .content-slot, .home-landing .content-slot {
  max-width: 1920px; }

.container-fluid.threeinslotpara.type-category {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden; }
  .container-fluid.threeinslotpara.type-category h4 {
    font-size: 32px;
    text-shadow: none; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-fluid.threeinslotpara.type-category h4 {
        font-size: 30px; } }
    @media only screen and (max-width: 767px) {
      .container-fluid.threeinslotpara.type-category h4 {
        font-size: 30px; } }

.commonone {
  float: left;
  width: 100%;
  position: relative; }
  .commonone .common-inner {
    padding: 70px;
    width: 100%;
    float: left; }
    .commonone .common-inner .bx-viewport {
      height: 537px !important; }
    .commonone .common-inner .heading-left {
      color: white;
      letter-spacing: 0.08em;
      text-align: center;
      margin-top: -50px;
      margin-bottom: 25px; }
  .commonone .commonone-content-outer {
    float: left;
    position: relative;
    width: 100%; }
    .commonone .commonone-content-outer .commonone-img-holder {
      max-height: 518px;
      overflow: hidden; }
      .commonone .commonone-content-outer .commonone-img-holder img {
        width: 100%; }
    .commonone .commonone-content-outer article.lp-text {
      position: absolute;
      bottom: -20px;
      width: 90%;
      left: 0;
      right: 0;
      margin: 0 auto; }
      .commonone .commonone-content-outer article.lp-text h2 {
        margin-bottom: 9px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .commonone .commonone-content-outer article.lp-text h2 {
            margin-bottom: 1px; } }
    .commonone .commonone-content-outer .button-links {
      padding: 6px 0; }
  .commonone .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: white; }
  .commonone .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 100px;
    border: 2px solid #FFF;
    background: none;
    width: 8px;
    height: 8px;
    margin: 0 7px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .commonone .bx-wrapper .bx-pager.bx-default-pager a {
        border-width: 1px;
        width: 10px;
        height: 10px; } }
    @media only screen and (max-width: 767px) {
      .commonone .bx-wrapper .bx-pager.bx-default-pager a {
        border-width: 1px;
        width: 10px;
        height: 10px; } }
  .commonone .bx-wrapper .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat;
    left: -70px; }
  .commonone .bx-wrapper .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat;
    right: -70px; }
  .commonone .bx-wrapper .bx-controls-direction a {
    width: 41px;
    height: 41px; }
  .commonone .bx-wrapper .bx-controls-direction .bx-next {
    background-position: -10px -85px; }
  .commonone .bx-wrapper .bx-controls-direction .bx-prev {
    background-position: -60px -85px; }

.container-fluid.inpage-new-single-gender {
  background-color: black;
  float: left;
  width: 100%;
  position: relative;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  height: 608px;
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .container-fluid.inpage-new-single-gender {
      height: 464px; } }
  .container-fluid.inpage-new-single-gender .inpagedlpcover-image {
    width: 73.2%;
    left: 26.8%;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    height: 608px; }
    @media only screen and (max-width: 767px) {
      .container-fluid.inpage-new-single-gender .inpagedlpcover-image {
        width: 100%;
        left: auto; } }
    .container-fluid.inpage-new-single-gender .inpagedlpcover-image .tag-mobile-men {
      display: none; }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .inpagedlpcover-image .tag-mobile-men {
          display: block;
          text-align: center;
          color: white;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          background: rgba(37, 33, 33, 0.7);
          letter-spacing: 0.08em;
          font-size: 29px;
          padding: 1px 0px;
          margin-top: 0;
          text-transform: uppercase;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 2;
          height: 40px; } }
    .container-fluid.inpage-new-single-gender .inpagedlpcover-image .button-links.shop-mobile {
      display: none; }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .inpagedlpcover-image .button-links.shop-mobile {
          display: inline-block; } }
    .container-fluid.inpage-new-single-gender .inpagedlpcover-image article.lp-text {
      position: absolute;
      bottom: 50px;
      right: 0;
      left: 0;
      z-index: 11;
      width: 60%;
      margin: 0 auto; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.inpage-new-single-gender .inpagedlpcover-image article.lp-text {
          padding: 0 10px;
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .inpagedlpcover-image article.lp-text {
          width: 90%;
          bottom: 20px; } }
    .container-fluid.inpage-new-single-gender .inpagedlpcover-image .cover-fullbleed {
      height: 464px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.inpage-new-single-gender .inpagedlpcover-image .cover-fullbleed img {
          max-width: none;
          height: 100%;
          width: auto; } }
  .container-fluid.inpage-new-single-gender .accordian-gender {
    letter-spacing: 0.075em;
    padding-left: 0px;
    padding-right: 0px;
    top: 0;
    left: 0;
    background: black;
    position: absolute;
    height: 100%; }
    @media only screen and (max-width: 767px) {
      .container-fluid.inpage-new-single-gender .accordian-gender {
        background-color: #191919;
        position: relative; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-fluid.inpage-new-single-gender .accordian-gender {
        background-color: #191919; } }
    .container-fluid.inpage-new-single-gender .accordian-gender h3 {
      letter-spacing: 0.075em;
      margin-top: 30px;
      margin-top: 1.875rem;
      text-align: center;
      color: white;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 28px;
      font-size: 1.75rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.inpage-new-single-gender .accordian-gender h3 {
          font-size: 24px;
          font-size: 1.5rem;
          padding-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .accordian-gender h3 {
          display: none; } }
    .container-fluid.inpage-new-single-gender .accordian-gender .gender-subtitle {
      text-align: center;
      color: white;
      letter-spacing: 0.075em;
      margin-top: 9px;
      margin-top: 0.5625rem;
      margin-bottom: 18px;
      margin-bottom: 1.125rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      font-size: 1.125rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.inpage-new-single-gender .accordian-gender .gender-subtitle {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .accordian-gender .gender-subtitle {
          margin-bottom: 0px;
          margin-bottom: 0rem;
          font-size: 14px;
          font-size: 0.875rem; } }
    .container-fluid.inpage-new-single-gender .accordian-gender #dual-gender-acc .gender-subtitle {
      margin-bottom: 3px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.inpage-new-single-gender .accordian-gender #dual-gender-acc .gender-subtitle {
          display: block;
          margin-top: 1px;
          margin-bottom: 17px; } }
    @media only screen and (max-width: 767px) {
      .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian {
        height: auto; } }
    .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspDrag {
      background: #a1a1a1; }
    .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspTrack {
      background: #e3e3e3; }
    .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian {
      padding: 0 40px;
      list-style: none;
      text-decoration: none;
      line-height: 1;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian {
          padding: 0 20px; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian {
          padding: 0;
          margin-top: 10px;
          margin-top: 0.625rem; } }
      .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane li, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian li {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        line-height: 1;
        position: relative;
        text-transform: capitalize; }
      .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane a, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian a {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        line-height: 1;
        position: relative;
        line-height: 1.3; }
        @media only screen and (max-width: 767px) {
          .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane a, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian a {
            padding: 0 50px; } }
      .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li {
        background: black;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li {
            background: #191919; } }
        @media only screen and (max-width: 767px) {
          .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li {
            background: #191919; } }
        .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li:last-child, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li:last-child {
          border-bottom: 1px solid #474747; }
        .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li > a, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li > a {
          display: block;
          color: #ffffff;
          outline: none;
          border-top: 1px solid #474747; }
          .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li > a > span, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li > a > span {
            display: block;
            letter-spacing: 0.12em;
            padding: 10px 25px 10px 0;
            font-size: 16px;
            font-size: 1rem; }
            @media only screen and (min-width: 768px) and (max-width: 1023px) {
              .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li > a > span, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li > a > span {
                padding: 10px 17px 10px 0; } }
            @media only screen and (min-width: 768px) and (max-width: 1023px) {
              .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li > a > span, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li > a > span {
                font-size: 14px;
                font-size: 0.875rem; } }
            @media only screen and (max-width: 767px) {
              .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li > a > span, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li > a > span {
                font-size: 14px;
                font-size: 0.875rem;
                padding: 11px 25px 11px 0; } }
        .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li.has-sub > a span, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li.has-sub > a span {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/dlp_images/arrow_nonactive.png") 100% center no-repeat;
          background-size: 10px;
          color: white;
          letter-spacing: 0.12em;
          text-transform: uppercase; }
        .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane > ul > li.has-sub.active > a span, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian > ul > li.has-sub.active > a span {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/dlp_images/arrow_active.png") 100% center no-repeat;
          background-size: 10px;
          letter-spacing: 0.12em; }
      .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul ul, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul ul {
        display: none;
        padding: 0px; }
        .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul ul li, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul ul li {
          padding: 0;
          border-top: none;
          background: #000000; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul ul li, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul ul li {
              background: #191919; } }
          @media only screen and (max-width: 767px) {
            .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul ul li, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul ul li {
              background: #191919; } }
        .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul ul a, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul ul a {
          padding: 10px 10px 10px 13px;
          display: block;
          color: #ffffff;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-size: 13px;
          font-size: 0.8125rem; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul ul a, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul ul a {
              padding: 7px 10px;
              font-size: 11px;
              font-size: 0.6875rem; } }
          @media only screen and (max-width: 767px) {
            .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul ul a, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul ul a {
              padding: 10px 10px 10px 48px; } }
          .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian .jspPane ul ul a:before, .container-fluid.inpage-new-single-gender .accordian-gender .inpage-accordian ul ul a:before {
            position: absolute;
            left: 10px; }
  .container-fluid.inpage-new-single-gender .accordion-holder {
    height: 600px;
    margin-top: 43px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-fluid.inpage-new-single-gender .accordion-holder {
        margin-top: 20px; } }
    @media only screen and (max-width: 767px) {
      .container-fluid.inpage-new-single-gender .accordion-holder {
        margin-top: 0;
        height: auto; } }
    .container-fluid.inpage-new-single-gender .accordion-holder ul {
      margin: 0;
      padding: 0; }
    .container-fluid.inpage-new-single-gender .accordion-holder .head-li h1 {
      color: white;
      text-align: center;
      font-size: 28px;
      font-size: 1.75rem;
      letter-spacing: 0.075em; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.inpage-new-single-gender .accordion-holder .head-li h1 {
          font-size: 24px; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .accordion-holder .head-li h1 {
          display: none; } }
    .container-fluid.inpage-new-single-gender .accordion-holder .subcat-title {
      margin-bottom: 46px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.inpage-new-single-gender .accordion-holder .subcat-title {
          margin-bottom: 25px; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .accordion-holder .subcat-title {
          margin-bottom: 0; } }
      .container-fluid.inpage-new-single-gender .accordion-holder .subcat-title h2 {
        color: white;
        padding: 12px 40px 15px;
        font-size: 24px;
        font-size: 1.5rem;
        letter-spacing: 0.075em; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .container-fluid.inpage-new-single-gender .accordion-holder .subcat-title h2 {
            font-size: 18px;
            padding: 12px 20px 10px; } }
        @media only screen and (max-width: 767px) {
          .container-fluid.inpage-new-single-gender .accordion-holder .subcat-title h2 {
            font-size: 18px;
            text-align: center;
            padding: 12px 28px 12px; } }
    .container-fluid.inpage-new-single-gender .accordion-holder li.subcat-title:last-child {
      margin-bottom: 0; }
    .container-fluid.inpage-new-single-gender .accordion-holder .scroll-area {
      height: 487px; }
      @media only screen and (max-width: 767px) {
        .container-fluid.inpage-new-single-gender .accordion-holder .scroll-area {
          height: auto; } }
    @media only screen and (max-width: 767px) {
      .container-fluid.inpage-new-single-gender .accordion-holder p.gender-subtitle {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .container-fluid.inpage-new-single-gender .accordion-holder .inpage-accordian {
        margin-top: 3px; } }
    .container-fluid.inpage-new-single-gender .accordion-holder .inpage-accordian .scroll-area {
      height: 487px;
      position: relative; }
  .container-fluid.inpage-new-single-gender .accordian-gender {
    width: 26.8%; }
    @media only screen and (max-width: 767px) {
      .container-fluid.inpage-new-single-gender .accordian-gender {
        width: 100%;
        left: auto; } }
    .container-fluid.inpage-new-single-gender .accordian-gender .single-scroll-area {
      height: 487px;
      position: relative; }
    .container-fluid.inpage-new-single-gender .accordian-gender ul li {
      text-transorm: capitalize; }
  .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .subnav.backg-video-wrap {
    max-width: 100%; }
  .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap {
    height: 608px; }
    .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap .subnav-vid {
      display: none; }
    .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap .video-control {
      z-index: 11; }
  .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .custom-poster {
    display: none; }

.subnav-top-container .anchor-icon {
  z-index: 11; }

.scroll-area.jspScrollable {
  outline: none; }

/** DLP Product Carousel **/
.merch-container.dlp-merch {
  background: white; }
  .merch-container.dlp-merch .bx-wrapper .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -60px -28px;
    left: -122px; }
    .merch-container.dlp-merch .bx-wrapper .bx-prev:hover {
      background-position: -60px -144px; }
  .merch-container.dlp-merch .bx-wrapper .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -10px -28px;
    right: -122px; }
    .merch-container.dlp-merch .bx-wrapper .bx-next:hover {
      background-position: -10px -144px; }
  .merch-container.dlp-merch .button-links {
    border: 3px solid black;
    color: black;
    letter-spacing: 0.06em; }
    .merch-container.dlp-merch .button-links:hover {
      background: black;
      color: white; }
  .merch-container.dlp-merch .merch-tab-options {
    color: black; }
    .merch-container.dlp-merch .merch-tab-options .title {
      color: black;
      letter-spacing: 0.08em; }
  .merch-container.dlp-merch .common-cont .product-tile .right-part .product-attribute .product-name a {
    color: black; }
  .merch-container.dlp-merch .common-cont .product-tile .right-part .product-pricing {
    color: black; }

.threeslot-video-outer.backg-vid-outer {
  position: absolute;
  z-index: 0;
  height: 100%;
  top: 0; }

.container-fluid.threeinslot.three-with-backgvid {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative; }
  .container-fluid.threeinslot.three-with-backgvid .secondary-inpage-three-slot {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 34px;
    padding-left: 2.125rem;
    padding-right: 34px;
    padding-right: 2.125rem;
    padding-bottom: 27px;
    padding-bottom: 1.6875rem;
    padding-top: 16px;
    padding-top: 1rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-fluid.threeinslot.three-with-backgvid .secondary-inpage-three-slot {
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem; } }
    @media only screen and (max-width: 767px) {
      .container-fluid.threeinslot.three-with-backgvid .secondary-inpage-three-slot {
        padding-left: 32px;
        padding-left: 2rem;
        padding-right: 32px;
        padding-right: 2rem;
        padding-top: 19px;
        padding-top: 1.1875rem; } }

/* Homepage and Landing Page Specific */
.home-landing .threeinslot {
  float: left;
  width: 100%;
  position: relative; }
.home-landing .in-page-product {
  float: left;
  width: 100%; }

.subnav-top-container {
  width: 100%;
  float: left;
  position: relative; }

.department-landing .cover-fullbleed {
  height: 84vh; }
.department-landing .inpage-new-single-gender .cover-fullbleed.wt-video {
  height: 608px; }
  .department-landing .inpage-new-single-gender .cover-fullbleed.wt-video .subnav.foreg-video {
    text-align: center; }

/** Tablet Media Query **/
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  .cover-fullbleed {
    height: 415px; }
    .cover-fullbleed article.lp-text {
      bottom: 35px;
      padding: 0 70px; }

  .button-links {
    min-width: 125px;
    font-weight: normal;
    letter-spacing: 0.075em;
    padding: 5px 0;
    font-size: 14px; }

  article.lp-text {
    left: 0;
    width: 100%;
    height: auto; }
    article.lp-text h1, article.lp-text h2 {
      font-size: 40px;
      font-size: 2.5rem;
      letter-spacing: 0.08em; }
    article.lp-text p {
      font-size: 14px;
      font-size: 0.875rem;
      letter-spacing: 0.05em; }

  .oneinslot {
    padding: 40px;
    height: 382px;
    width: 89.58333333%; }
    .oneinslot .main-image-slot {
      width: 100%;
      height: 382px; }
    .oneinslot article.lp-text {
      width: 100%;
      left: 0;
      padding: 0 70px;
      bottom: 28px; }
    .oneinslot .foreg-video .foreg-vid-wrap {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .oneinslot .foreg-video .foreg-vid-wrap video {
        width: auto;
        height: 100%; }

  .oneinslot-video {
    width: 100%; }
    .oneinslot-video .oneinslot-video-wrap {
      height: 463px !important;
      visibility: hidden; }
    .oneinslot-video .oneinslot article.lp-text {
      bottom: 28px; }

  .in-slot-holder {
    width: 100%;
    float: left;
    padding: 70px 70px 0 70px;
    position: relative; }
    .in-slot-holder .main-image-slot {
      width: 100%;
      text-align: center; }

  .fullbleed-video-outer {
    width: 100%; }
    .fullbleed-video-outer .fullbleed-video-wrap {
      height: 432px; }

  /*DBG two slot */
  .dbgtwoinslot h1 {
    top: 9px;
    font-size: 22px;
    font-size: 1.375rem; }
    .dbgtwoinslot h1 img {
      width: 25%;
      padding-bottom: 5px; }
  .dbgtwoinslot .slot-outer {
    padding: 35px 35px 0 35px;
    height: 460px; }
  .dbgtwoinslot .slot-inner-wrap {
    height: 384px; }
    .dbgtwoinslot .slot-inner-wrap .two-main-image {
      width: 305px;
      max-height: 384px; }
    .dbgtwoinslot .slot-inner-wrap article.lp-text {
      width: 100%;
      bottom: -18px; }
      .dbgtwoinslot .slot-inner-wrap article.lp-text h2 {
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: normal;
        letter-spacing: 0.08em; }
      .dbgtwoinslot .slot-inner-wrap article.lp-text p {
        display: none; }
  .dbgtwoinslot .slot-outer-video {
    height: 460px; }
  .dbgtwoinslot .dbgtwoslot-video-wrap.backg-vid-wrap {
    display: none; }

  .dbgtwoinslot .dbg-vid-hold {
    padding: 35px; }

  /* Merchandising Slot */
  .merch-container {
    height: 470px; }
    .merch-container .merch-men-cont .product-tile, .merch-container .merch-women-cont .product-tile, .merch-container .common-cont .product-tile, .merch-container .merch-common-cont .product-tile {
      width: 140px;
      height: 295px; }
      .merch-container .merch-men-cont .product-tile .right-part .product-pricing, .merch-container .merch-women-cont .product-tile .right-part .product-pricing, .merch-container .common-cont .product-tile .right-part .product-pricing, .merch-container .merch-common-cont .product-tile .right-part .product-pricing {
        margin-top: 0;
        font-size: 14px;
        letter-spacing: 0.05em;
        margin-top: 3px; }
      .merch-container .merch-men-cont .product-tile .right-part .product-attribute .product-name a, .merch-container .merch-women-cont .product-tile .right-part .product-attribute .product-name a, .merch-container .common-cont .product-tile .right-part .product-attribute .product-name a, .merch-container .merch-common-cont .product-tile .right-part .product-attribute .product-name a {
        font-size: 16px;
        letter-spacing: 0.075em; }
    .merch-container .merch-men-cont .bx-wrapper .bx-prev, .merch-container .merch-women-cont .bx-wrapper .bx-prev, .merch-container .common-cont .bx-wrapper .bx-prev, .merch-container .merch-common-cont .bx-wrapper .bx-prev {
      display: none; }
    .merch-container .merch-men-cont .bx-wrapper .bx-next, .merch-container .merch-women-cont .bx-wrapper .bx-next, .merch-container .common-cont .bx-wrapper .bx-next, .merch-container .merch-common-cont .bx-wrapper .bx-next {
      display: none; }
    .merch-container .merch-men-cont .bx-wrapper .bx-pager, .merch-container .merch-women-cont .bx-wrapper .bx-pager, .merch-container .common-cont .bx-wrapper .bx-pager, .merch-container .merch-common-cont .bx-wrapper .bx-pager {
      bottom: -20px; }
    .merch-container .button-links {
      margin-top: 36px; }
    .merch-container ul.merch-tab-options {
      padding-bottom: 17px; }
      .merch-container ul.merch-tab-options .tab-label, .merch-container ul.merch-tab-options li {
        font-size: 30px;
        line-height: 30px; }
    .merch-container.white {
      height: 470px; }
      .merch-container.white ul.merch-tab-options {
        padding: 25px 0 12px 0; }
      .merch-container.white .button-links {
        margin-top: 38px; }

  .dbg-nav {
    padding: 15px 5px 15px 10px; }
    .dbg-nav h4 {
      font-size: 14px;
      font-size: 0.875rem; }
    .dbg-nav .dbg-sub-nav {
      padding: 0 0 0 20px; }
      .dbg-nav .dbg-sub-nav li {
        padding-right: 16px;
        font-size: 14px;
        font-size: 0.875rem; }

  .dbg-nav .dbg-sub-nav li:after {
    margin-left: 2px;
    margin-top: 1px; }

  .lp-text.hidden-hidden-tab-desktop {
    display: block; }

  /*Cover Two Slot */
  .dbgtwoslot {
    padding: 40px;
    height: auto; }
    .dbgtwoslot .dbg-heading {
      height: 40px;
      padding-top: 9px;
      font-size: 22px;
      letter-spacing: 0.1rem; }
    .dbgtwoslot .dbgtwo-wrapper {
      height: auto; }
    .dbgtwoslot .dbgtwo-slot-holder {
      height: 382px; }
      .dbgtwoslot .dbgtwo-slot-holder .main-image-slot {
        position: relative;
        height: 100%; }
        .dbgtwoslot .dbgtwo-slot-holder .main-image-slot img {
          width: auto;
          height: 100%;
          position: absolute;
          left: -100%;
          right: -100%;
          top: -100%;
          bottom: -100%;
          margin: auto;
          min-height: 100%;
          min-width: 100%;
          max-width: none; }
    .dbgtwoslot article.lp-text {
      bottom: -16px; }

  /*Cover Split Tablet*/
  .coversplit .split-holder {
    height: 462px; }
    .coversplit .split-holder article.lp-text {
      bottom: 30px;
      width: 100%;
      left: 0; }
      .coversplit .split-holder article.lp-text h2 {
        font-size: 30px; }

  /* Denim Fit */
  .fit-merch-container {
    height: 460px; }
    .fit-merch-container .fit-men .men-car-items figure, .fit-merch-container .fit-women .women-car-items figure {
      height: 460px; }
      .fit-merch-container .fit-men .men-car-items figure figcaption, .fit-merch-container .fit-women .women-car-items figure figcaption {
        top: 155px;
        padding: 8px 10px 10px;
        height: 155px;
        width: 140px; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-name, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-name {
          font-size: 17px;
          font-size: 1.0625rem;
          margin-bottom: 7px;
          height: 22px; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-desc, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-desc {
          font-size: 10px;
          font-size: 0.625rem;
          line-height: 16px;
          height: 67px; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-link, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-link {
          font-size: 11px;
          font-size: 0.6875rem; }
    .fit-merch-container .bx-wrapper .bx-controls-direction a {
      width: 34px;
      height: 34px;
      background-size: 434px; }
    .fit-merch-container .bx-wrapper .bx-controls-direction .bx-prev {
      left: -43px;
      background-position: -53px -75px; }
    .fit-merch-container .bx-wrapper .bx-controls-direction .bx-next {
      right: -44px;
      background-position: -9px -75px; }
    .fit-merch-container .button-links {
      border-width: 2px;
      min-width: 160px;
      margin-left: -80px;
      bottom: 30px;
      padding: 10px 0; }

  .fullbleed-video-outer .video-icons-pause, .fullbleed-video-outer .pause-button {
    display: block;
    top: 55px; }

  .department-landing.home-landing .fullbleed-video-outer .video-icons-pause, .department-landing.home-landing .fullbleed-video-outer .pause-button {
    display: block;
    top: 15px; }

  .two-slot-video .twoinslot-video-outer {
    display: none; }
  .two-slot-video .dbgtwoslot {
    position: relative;
    height: inherit; }

  /* Sub Nav for iPad */
  .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed article.lp-text {
    height: auto; }
  .subnav-top-container .container-fluid.inpage-new-single-gender .accordian-gender .single-scroll-area {
    height: 400px;
    position: relative; }
  .subnav-top-container .container-fluid.inpage-new-single-gender .accordion-holder {
    height: 460px; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .accordion-holder .scroll-area {
      height: 370px; }
  .subnav-top-container .container-fluid.inpage-new-single-gender .inpagedlpcover-image {
    height: 464px; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .inpagedlpcover-image .cover-fullbleed {
      top: 0 !important; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .inpagedlpcover-image article.lp-text {
      bottom: 40px; }
  .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video {
    height: 464px; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap {
      height: 464px;
      overflow: hidden; }
      .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap video {
        display: block;
        object-fit: cover; }
  .subnav-top-container .department-landing .cover-fullbleed {
    height: 464px; }
    .subnav-top-container .department-landing .cover-fullbleed .subnav.foreg-video {
      height: 464px; }
      .subnav-top-container .department-landing .cover-fullbleed .subnav.foreg-video img {
        width: auto;
        height: 100%; }

  /* Denim Guide*/
  .commonone .common-inner {
    padding: 40px 40px 45px;
    width: 100%; }
    .commonone .common-inner .bx-viewport {
      height: 400px !important; }
    .commonone .common-inner .heading-left {
      margin-top: -20px;
      margin-bottom: 17px; }
  .commonone .commonone-content-outer {
    float: left;
    position: relative;
    width: 100%; }
    .commonone .commonone-content-outer .commonone-img-holder {
      max-height: 380px;
      overflow: hidden; }
    .commonone .commonone-content-outer article.lp-text {
      bottom: -15px;
      width: 80%; }
  .commonone .bx-wrapper .bx-pager {
    bottom: -15px; }
  .commonone .bx-wrapper .bx-prev {
    left: -39px; }
  .commonone .bx-wrapper .bx-next {
    right: -39px; }

  /*Homepage New In */
  .merch-container.type-newin {
    height: 414px; }
    .merch-container.type-newin .new-in-cont .new-in-box h2 {
      font-size: 30px;
      font-size: 1.875rem; }
    .merch-container.type-newin .new-in-cont .new-in-box .button-links {
      max-width: 140px;
      min-width: none; }
    .merch-container.type-newin .bx-wrapper .bx-pager.bx-default-pager {
      bottom: -10px; }

  .fullscreen-button {
    width: 32px;
    height: 32px;
    background-size: 114%; } }
/** Tablet End **/
/** Mobile Media Query **/
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  video::-webkit-media-controls {
    display: none !important; }

  .mobile-only {
    display: inline-block; }

  .cover-fullbleed {
    height: 85vh;
    background-position: center; }
    .cover-fullbleed article.lp-text {
      bottom: 55px; }

  .fullbleed-video-outer .fullbleed-video-wrap {
    height: 430px; }

  .button-links {
    min-width: 115px;
    padding: 5px 0;
    border-width: 2px; }

  article.lp-text {
    width: 100%;
    left: 0; }
    article.lp-text h2 + p, article.lp-text h1 + p {
      display: none; }
    article.lp-text h1, article.lp-text h2 {
      font-size: 30px;
      font-size: 1.875rem;
      letter-spacing: 0.08em; }

  .button-links {
    font-size: 14px;
    font-size: 0.875rem; }

  .oneinslot {
    padding: 35px 10.9375% 50px 10.9375%;
    height: 330px;
    width: 78.125%; }
    .oneinslot .main-image-slot {
      background-size: cover;
      height: 330px; }
      .oneinslot .main-image-slot.foreg-video .foreg-vid-wrap {
        height: 330px; }
    .oneinslot article.lp-text {
      left: 0;
      width: 100%;
      bottom: 35px;
      height: none; }

  .coveroneinslot {
    padding: 35px 35px 0 35px;
    height: 400px; }
    .coveroneinslot .main-image-slot {
      background-size: cover;
      height: 330px; }
    .coveroneinslot article.lp-text {
      left: 0;
      width: 100%;
      bottom: 10px;
      height: 100px; }

  .next-section {
    display: none; }

  .dbgtwoinslot .slot-outer {
    padding: 35px 35px 0 35px;
    height: 415px; }
  .dbgtwoinslot .slot-inner-wrap {
    height: 330px; }
    .dbgtwoinslot .slot-inner-wrap .two-main-image {
      width: 100%;
      background-size: cover;
      max-height: 330px; }
    .dbgtwoinslot .slot-inner-wrap article.lp-text {
      left: 0;
      width: 100%; }
      .dbgtwoinslot .slot-inner-wrap article.lp-text h1, .dbgtwoinslot .slot-inner-wrap article.lp-text h2 {
        font-size: 30px; }
  .dbgtwoinslot .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: white; }
  .dbgtwoinslot .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 100px;
    border: 1px solid #FFF;
    background: none; }
  .dbgtwoinslot .slot-outer-video {
    height: 415px; }
  .dbgtwoinslot .dbg-vid-hold {
    padding: 35px 35px 0 35px; }
  .dbgtwoinslot .slot-inner-wrap.video-box .slot-outer {
    height: 440px; }
  .dbgtwoinslot h1 {
    font-size: 20px;
    font-size: 1.25rem;
    top: 9px; }
    .dbgtwoinslot h1 img {
      width: 200px;
      padding-bottom: 4px; }
  .dbgtwoinslot .bx-wrapper .bx-pager {
    bottom: 12px; }

  .dbg-nav {
    padding: 0; }
    .dbg-nav h4 {
      width: 100%;
      padding: 12px 0;
      text-align: center; }
    .dbg-nav .dbg-sub-nav {
      width: 100%;
      padding: 0; }
      .dbg-nav .dbg-sub-nav li {
        width: 100%;
        border: 1px solid #474747;
        border-width: 1px 0 0 0;
        padding: 12px 50px; }
        .dbg-nav .dbg-sub-nav li a {
          width: 83%;
          float: left; }

  .merch-container {
    height: 470px; }
    .merch-container .merch-men-cont .product-tile, .merch-container .merch-women-cont .product-tile, .merch-container .common-cont .product-tile {
      width: 145px;
      height: 285px; }
      .merch-container .merch-men-cont .product-tile .right-part .product-attribute .product-name, .merch-container .merch-women-cont .product-tile .right-part .product-attribute .product-name, .merch-container .common-cont .product-tile .right-part .product-attribute .product-name {
        font-size: 16px; }
      .merch-container .merch-men-cont .product-tile .right-part .product-attribute .product-pricing, .merch-container .merch-women-cont .product-tile .right-part .product-attribute .product-pricing, .merch-container .common-cont .product-tile .right-part .product-attribute .product-pricing {
        font-size: 14px; }
    .merch-container .merch-men-cont .button-links, .merch-container .merch-women-cont .button-links, .merch-container .common-cont .button-links {
      margin-top: 48px;
      min-width: 145px;
      border-width: 2px; }
    .merch-container ul.merch-tab-options {
      padding-top: 32px; }
      .merch-container ul.merch-tab-options .tab-label, .merch-container ul.merch-tab-options li {
        font-size: 24px;
        line-height: 25px; }
      .merch-container ul.merch-tab-options li {
        margin-right: 5px; }
    .merch-container .merch-panel-container .merch-men, .merch-container .merch-panel-container .merch-women {
      margin: 0; }
    .merch-container.white ul.merch-tab-options {
      padding: 30px 0 20px 0; }
    .merch-container.white .button-links {
      padding: 6px 0; }

  .lp-text.hidden-mobile {
    display: none; }

  .dbgtwoslot {
    padding: 35px;
    height: 421px; }
    .dbgtwoslot .dbgtwo-wrapper {
      height: auto; }
    .dbgtwoslot .dbgtwo-slot-holder {
      width: auto;
      height: 330px; }
      .dbgtwoslot .dbgtwo-slot-holder .main-image-slot {
        position: relative;
        height: 100%; }
    .dbgtwoslot article.lp-text {
      width: 100%;
      left: 0;
      bottom: -17px; }
      .dbgtwoslot article.lp-text p {
        display: none; }
    .dbgtwoslot .dbgtwoslot-video-wrap.backg-vid-wrap {
      height: 330px; }
    .dbgtwoslot .bx-wrapper .bx-pager.bx-default-pager {
      bottom: -42px; }
      .dbgtwoslot .bx-wrapper .bx-pager.bx-default-pager a {
        border-radius: 100px;
        border: 1px solid #FFF;
        background: none; }
      .dbgtwoslot .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: white; }
    .dbgtwoslot .dbg-heading {
      height: 35px;
      padding-top: 3px;
      padding-top: 7px;
      font-size: 20px;
      letter-spacing: 0.1rem; }
      .dbgtwoslot .dbg-heading img {
        width: 72%; }

  .two-slot-video {
    height: 421px; }

  .coversplit .split-holder {
    width: 100%;
    height: 415px; }
    .coversplit .split-holder article.lp-text {
      bottom: 36px;
      width: 100%;
      left: 0; }
      .coversplit .split-holder article.lp-text h2 {
        font-size: 30px; }
  .coversplit .bx-wrapper .bx-pager {
    bottom: 14px; }

  .home-landing .coversplit .video-control.pause-button {
    top: 0; }

  .white-pager .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: white; }
  .white-pager .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 100px;
    border: 1px solid #FFF;
    background: none; }

  .oneinslot-video .oneinslot-video-wrap {
    height: 400px;
    visibility: hidden; }

  .fullbleed-video-outer {
    width: 100%; }
    .fullbleed-video-outer .fullbleed-video-wrap {
      width: 100%; }

  .fit-merch-container {
    height: 515px;
    overflow: hidden; }
    .fit-merch-container ul.denimfit-tab-options {
      height: 65px; }
      .fit-merch-container ul.denimfit-tab-options .tab-label {
        display: block;
        margin: 0;
        font-size: 20px; }
      .fit-merch-container ul.denimfit-tab-options #fitwomen-tab {
        margin: 0; }
    .fit-merch-container .fit-men .men-car-items, .fit-merch-container .fit-women .women-car-items {
      height: 515px; }
      .fit-merch-container .fit-men .men-car-items figure img, .fit-merch-container .fit-women .women-car-items figure img {
        width: 100%; }
      .fit-merch-container .fit-men .men-car-items figure figcaption, .fit-merch-container .fit-women .women-car-items figure figcaption {
        padding: 25px 15px;
        width: 80.5%;
        left: 0;
        height: 245px;
        top: 165px;
        right: 0;
        margin: 0 auto;
        max-width: 257px; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-name, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-name {
          font-size: 32px; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-desc, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-desc {
          font-size: 16px;
          height: 100px;
          margin-bottom: 8px; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-link, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-link {
          font-size: 20px;
          line-height: 44px; }
    .fit-merch-container .button-links {
      bottom: 53px; }
    .fit-merch-container .bx-wrapper .bx-pager.bx-default-pager {
      bottom: 24px; }
      .fit-merch-container .bx-wrapper .bx-pager.bx-default-pager a {
        border-radius: 100px;
        border: 1px solid #FFF; }
      .fit-merch-container .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: white; }
    .fit-merch-container .button-links.fit-men-button, .fit-merch-container .button-links.fit-women-button {
      display: block;
      margin: 0 auto;
      left: 0;
      right: 0;
      max-width: 257px; }

  .home-landing .content-slot .bx-pager.bx-default-pager a {
    box-shadow: 0px 0px 2px #666; }
  .home-landing .content-slot .anchor-icon {
    display: none; }
  .home-landing .content-slot .in-page-product .bx-wrapper {
    margin: 0 auto !important; }
    .home-landing .content-slot .in-page-product .bx-wrapper .bx-pager {
      bottom: -20px; }
    .home-landing .content-slot .in-page-product .bx-wrapper .bx-pager.bx-default-pager a {
      border: 1px solid black;
      background: none;
      box-shadow: 0px 0px 2px #666; }
    .home-landing .content-slot .in-page-product .bx-wrapper .bx-pager.bx-default-pager a.active {
      background: black; }
  .home-landing .content-slot .bx-wrapper .bx-pager.bx-default-pager a {
    width: 8px;
    height: 8px;
    margin: 0 8px; }

  .foreg-video .foreg-vid-wrap {
    display: block; }
  .foreg-video video {
    width: 100%; }

  .dlp-slider-threeinslot [class*='col-'] {
    padding: 0; }

  .threesl.foreg-video {
    position: relative; }
    .threesl.foreg-video .three-vid-wrap {
      position: relative; }
    .threesl.foreg-video video {
      height: auto;
      width: 100%; }

  .two-slot-video .twoinslot-video-outer {
    display: none; }
  .two-slot-video .dbgtwoslot {
    position: relative;
    height: inherit; }

  .container-fluid.threeinslotpara.type-category .bx-wrapper .bx-pager {
    bottom: -20px; }
  .container-fluid.threeinslotpara.type-category .bx-wrapper .bx-pager.bx-default-pager a {
    border: 1px solid black; }
  .container-fluid.threeinslotpara.type-category .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: black; }

  /* Sub Nav Mobile */
  .subnav-top-container .container-fluid.inpage-new-single-gender {
    height: inherit; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .inpagedlpcover-image .cover-fullbleed {
      height: 415px; }
      .subnav-top-container .container-fluid.inpage-new-single-gender .inpagedlpcover-image .cover-fullbleed article.lp-text {
        bottom: 25px; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap {
      height: 415px; }
      .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap .subnav-vid {
        object-fit: cover; }
      .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap .pause-button {
        top: 60px; }

  .container-fluid.inpage-new-single-gender .accordian-gender .single-scroll-area {
    height: auto; }

  .dbgtwoslot-video-outer {
    display: none; }

  .container-fluid.inpage-new-single-gender .inpagedlpcover-image {
    height: 415px; }
    .container-fluid.inpage-new-single-gender .inpagedlpcover-image .cover-fullbleed {
      height: 415px;
      top: 0 !important; }

  .commonone {
    height: 415px; }
    .commonone .common-inner {
      padding: 35px;
      width: 100%;
      height: 330px; }
      .commonone .common-inner .heading-left {
        font-size: 18px;
        margin-top: -26px;
        margin-bottom: 10px; }
      .commonone .common-inner .bx-viewport {
        height: 372px !important; }
      .commonone .common-inner .bx-wrapper .bx-pager {
        bottom: 5px; }
    .commonone .commonone-content-outer .commonone-img-holder {
      height: 330px;
      overflow: hidden; }
      .commonone .commonone-content-outer .commonone-img-holder img {
        width: 100%; }
    .commonone .commonone-content-outer article.lp-text {
      width: 100%; }
      .commonone .commonone-content-outer article.lp-text .button-links {
        margin-top: 10px; }
      .commonone .commonone-content-outer article.lp-text h1, .commonone .commonone-content-outer article.lp-text h2 {
        margin-bottom: 0; }

  /*Homepage New In */
  .merch-container.type-newin {
    height: 430px; }
    .merch-container.type-newin .merch-title-container ul.merch-tab-options .tab-label {
      display: inline-block;
      margin: 0;
      color: inherit; }
    .merch-container.type-newin .merch-panel-container {
      width: 100%;
      float: none; }
    .merch-container.type-newin .new-in-cont {
      display: none; }
    .merch-container.type-newin .bx-wrapper .bx-pager {
      bottom: -35px; }

  .fullscreen-button {
    width: 32px;
    height: 32px;
    background-size: 114%; } }
/** Mobile End **/
/* Tab Landscape only */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .fullscreen-button {
    width: 32px;
    height: 32px;
    background-size: 114%; }

  .merch-container .merch-men-cont .product-tile, .merch-container .merch-women-cont .product-tile, .merch-container .common-cont .product-tile {
    width: 140px; }
  .merch-container .merch-men-cont .bx-wrapper .bx-prev, .merch-container .merch-women-cont .bx-wrapper .bx-prev, .merch-container .common-cont .bx-wrapper .bx-prev {
    display: none; }
  .merch-container .merch-men-cont .bx-wrapper .bx-next, .merch-container .merch-women-cont .bx-wrapper .bx-next, .merch-container .common-cont .bx-wrapper .bx-next {
    display: none; }
  .merch-container .merch-men-cont .bx-wrapper .bx-pager, .merch-container .merch-women-cont .bx-wrapper .bx-pager, .merch-container .common-cont .bx-wrapper .bx-pager {
    bottom: 10px; }

  .dbg-nav {
    padding: 15px 5px 15px 10px; }
    .dbg-nav h4 {
      font-size: 14px;
      font-size: 0.875rem; }
    .dbg-nav .dbg-sub-nav {
      width: 82%;
      padding: 0 0 0 20px; }
      .dbg-nav .dbg-sub-nav li {
        padding-right: 35px;
        font-size: 14px;
        font-size: 0.875rem; }

  .dbg-nav .dbg-sub-nav li:after {
    margin-left: 2px; }

  .fullbleed-video-outer {
    width: 100%; }
    .fullbleed-video-outer .fullbleed-video-wrap {
      height: 576px; }

  .fit-merch-container {
    height: 460px; }
    .fit-merch-container .fit-men .men-car-items figure, .fit-merch-container .fit-women .women-car-items figure {
      height: 460px; }
      .fit-merch-container .fit-men .men-car-items figure figcaption, .fit-merch-container .fit-women .women-car-items figure figcaption {
        top: 155px;
        padding: 8px 10px 10px;
        height: 155px;
        width: 140px;
        overflow: hidden; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-name, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-name {
          font-size: 24px;
          font-size: 1.5rem;
          margin-bottom: 7px; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-desc, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-desc {
          font-size: 12px;
          font-size: 0.75rem;
          line-height: 16px;
          height: 50px; }
        .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-link, .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-link {
          font-size: 12px;
          font-size: 0.75rem;
          bottom: 15px;
          line-height: 28px; }
    .fit-merch-container .bx-wrapper .bx-prev {
      left: -39px; }
    .fit-merch-container .bx-wrapper .bx-next {
      right: -41px; }

  .commonone .common-inner {
    padding: 40px 40px 70px;
    width: 944px; }
    .commonone .common-inner .bx-viewport {
      height: 415px !important; }
    .commonone .common-inner .heading-left {
      margin-top: -20px;
      margin-bottom: 17px; }
  .commonone .commonone-content-outer {
    float: left;
    position: relative;
    width: 100%; }
    .commonone .commonone-content-outer .commonone-img-holder {
      max-height: 380px; }
    .commonone .commonone-content-outer article.lp-text {
      bottom: -20px;
      width: 80%; }
  .commonone .bx-wrapper .bx-prev {
    left: -39px; }
  .commonone .bx-wrapper .bx-next {
    right: -39px; }

  .container-fluid.inpage-new-single-gender .accordian-gender .single-scroll-area {
    height: 374px; }
  .container-fluid.inpage-new-single-gender .inpagedlpcover-image .cover-fullbleed {
    top: 0 !important; }
  .container-fluid.inpage-new-single-gender .inpagedlpcover-image article.lp-text {
    bottom: 155px;
    padding: 0 10px; }

  .dbgtwoslot-video-outer {
    display: none; }

  /*Cover Two Slot */
  .dbgtwoslot {
    padding: 40px;
    height: 483px; }
    .dbgtwoslot .dbg-heading {
      height: 40px;
      padding-top: 9px;
      font-size: 22px;
      letter-spacing: 0.1rem; }
      .dbgtwoslot .dbg-heading img {
        width: 30%; }
    .dbgtwoslot .dbgtwo-wrapper {
      height: auto; }
    .dbgtwoslot .dbgtwo-slot-holder {
      height: 382px; }
      .dbgtwoslot .dbgtwo-slot-holder .main-image-slot {
        position: relative;
        height: 100%; }
        .dbgtwoslot .dbgtwo-slot-holder .main-image-slot img {
          width: auto;
          height: 100%;
          position: absolute;
          left: -100%;
          right: -100%;
          top: -100%;
          bottom: -100%;
          margin: auto;
          min-height: 100%;
          min-width: 100%;
          max-width: none; }
    .dbgtwoslot article.lp-text {
      bottom: -16px; }

  .oneinslot {
    padding: 35px 10.9375% 50px 10.9375%;
    height: 330px;
    width: 78.125%; }
    .oneinslot .main-image-slot {
      background-size: cover;
      height: 330px; }
      .oneinslot .main-image-slot.foreg-video .foreg-vid-wrap {
        height: 330px; }
    .oneinslot article.lp-text {
      left: 0;
      width: 100%;
      bottom: 35px;
      height: auto; }

  .dbgtwoinslot .slot-inner-wrap article.lp-text {
    width: 100%;
    bottom: -18px; }
    .dbgtwoinslot .slot-inner-wrap article.lp-text h2 {
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: normal;
      letter-spacing: 0.08em; }
    .dbgtwoinslot .slot-inner-wrap article.lp-text p {
      display: none; }
  .dbgtwoinslot .button-links {
    min-width: 170px; }
  .dbgtwoinslot .dbg-heading img {
    width: 30%; }

  .subnav-top-container .container-fluid.inpage-new-single-gender {
    height: 464px; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed article.lp-text {
      height: auto; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .accordian-gender .single-scroll-area {
      height: 340px;
      position: relative; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .accordion-holder {
      height: 460px; }
      .subnav-top-container .container-fluid.inpage-new-single-gender .accordion-holder .scroll-area {
        height: 340px; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .inpagedlpcover-image {
      height: 464px; }
      .subnav-top-container .container-fluid.inpage-new-single-gender .inpagedlpcover-image .cover-fullbleed {
        top: 0 !important; }
      .subnav-top-container .container-fluid.inpage-new-single-gender .inpagedlpcover-image article.lp-text {
        bottom: 40px;
        width: 90%; }
    .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video {
      height: 464px; }
      .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap {
        height: 464px;
        overflow: hidden; }
        .subnav-top-container .container-fluid.inpage-new-single-gender .cover-fullbleed.wt-video .backg-video-wrap video {
          object-fit: cover; }
  .subnav-top-container .department-landing .cover-fullbleed {
    height: 464px; }
    .subnav-top-container .department-landing .cover-fullbleed .subnav.foreg-video {
      height: 464px; }
      .subnav-top-container .department-landing .cover-fullbleed .subnav.foreg-video img {
        width: auto;
        height: 100%; }

  .home-landing .content-slot .in-page-product .bx-wrapper {
    margin: 0 auto !important; } }
/** Tablet Landscape End **/
@media (min-width: 0px) and (max-width: 1024px) {
  .oneinslot,
  .coveroneinslot,
  .cover-fullbleed,
  .threeinslot,
  .dbgtwoinslot .slot-outer,
  .dbgtwoslot,
  .commonone {
    background-attachment: initial !important;
    background-position: center 0 !important; }

  .img-stellar {
    top: 0 !important; }

  .fullbleed-back-video, .twoinslot-video-outer.backg-vid-outer {
    display: none; }

  .fullbleed-video-outer .video-icons-play, .fullbleed-video-outer .play-button {
    display: block; }

  .threeslot-video-outer.backg-vid-outer {
    display: none; }

  .dbgtwoinslot .slot-inner-wrap .two-main-image {
    position: relative; }

  .fullbleed-video-outer {
    overflow: hidden; }
    .fullbleed-video-outer .custom-poster {
      display: block;
      width: 100%; }
    .fullbleed-video-outer video {
      display: none;
      object-fit: cover; }

  /** Sub Nav **/
  .cover-fullbleed.wt-video .subnav.backg-video .backg-video-wrap .custom-poster {
    display: block; }
  .cover-fullbleed.wt-video .subnav.backg-video .backg-video-wrap .subnav-vid {
    display: none; } }
@media (min-width: 1025px) and (max-width: 1920px) {
  article.lp-text h1, article.lp-text h2 {
    line-height: 54px; }

  .fullbleed-video-outer .video-icons-pause, .fullbleed-video-outer .pause-button {
    display: block;
    top: 55px;
    z-index: 14; }
  .fullbleed-video-outer .cover-fullbleed.full-cover-video {
    position: relative; }

  .fit-merch-container .bx-controls-direction .bx-next, .commonone .bx-controls-direction .bx-next {
    background-position: -10px -85px; }
    .fit-merch-container .bx-controls-direction .bx-next:hover, .commonone .bx-controls-direction .bx-next:hover {
      background-position: -10px -201px; }
  .fit-merch-container .bx-controls-direction .bx-prev, .commonone .bx-controls-direction .bx-prev {
    background-position: -60px -85px; }
    .fit-merch-container .bx-controls-direction .bx-prev:hover, .commonone .bx-controls-direction .bx-prev:hover {
      background-position: -60px -201px; }

  .floating-nav-topcontainer .inner .container-fluid.faq .row {
    display: flex; }

  .fit-merch-container .fit-men .men-car-items figure figcaption .fit-cat-link,
  .fit-merch-container .fit-women .women-car-items figure figcaption .fit-cat-link {
    line-height: 47px; }

  .one-slot.cover-type .oneinslot {
    height: 62vh; }
    .one-slot.cover-type .oneinslot .main-image-slot {
      height: 62vh; } }
@media only screen and (min-width: 1800px) and (max-width: 1920px) {
  .oneinslot .main-image-slot {
    overflow: hidden; }

  .commonone .common-inner .bx-viewport {
    height: 542px !important; }
  .commonone .commonone-content-outer article.lp-text {
    bottom: -22px;
    width: 100%; }
  .commonone .commonone-content-outer .commonone-img-holder {
    overflow: hidden; } }
.department-landing .threeinslot, .department-landing .contextual-content {
  float: left;
  width: 100%; }

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

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

.tool-qm {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icon-tooltip_grey.svg") 0 0 no-repeat;
  background-size: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tool-qm {
      width: 12px;
      height: 12px; } }

.container-fluid.threeinslot {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 34px;
  padding-left: 2.125rem;
  padding-right: 34px;
  padding-right: 2.125rem;
  padding-bottom: 27px;
  padding-bottom: 1.6875rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .container-fluid.threeinslot {
      padding-left: 32px;
      padding-left: 2rem;
      padding-right: 32px;
      padding-right: 2rem;
      padding-bottom: 16px;
      padding-bottom: 1rem; } }
  @media only screen and (max-width: 767px) {
    .container-fluid.threeinslot {
      padding-left: 32px;
      padding-left: 2rem;
      padding-right: 32px;
      padding-right: 2rem;
      padding-bottom: 22px;
      padding-bottom: 1.375rem; } }
  .container-fluid.threeinslot .bx-wrapper .bx-pager, .container-fluid.threeinslot .bx-wrapper .bx-controls-auto {
    bottom: -8px; }

@media (min-width: 768px) and (max-width: 1920px) {
  .threeinslot .eqviHeight .three-text .link-area, .threeinslotpara .eqviHeight .three-text .link-area {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0; } }
.threeinslot .eqviHeight .three-text .button-container, .threeinslotpara .eqviHeight .three-text .button-container {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0; }
  .threeinslot .eqviHeight .three-text .button-container a.button-links, .threeinslotpara .eqviHeight .three-text .button-container a.button-links {
    color: black; }
    @media (min-width: 768px) and (max-width: 1920px) {
      .threeinslot .eqviHeight .three-text .button-container a.button-links, .threeinslotpara .eqviHeight .three-text .button-container a.button-links {
        max-width: 190px;
        min-width: 150px;
        width: 150px; } }
  @media only screen and (min-width: 768px) and (max-width: 1920px) and (min-width: 768px) and (max-width: 1023px) {
    .threeinslot .eqviHeight .three-text .button-container a.button-links, .threeinslotpara .eqviHeight .three-text .button-container a.button-links {
      min-width: 105px;
      max-width: 115px;
      width: initial; } }

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
      .threeinslot .eqviHeight .three-text .button-container a.button-links, .threeinslotpara .eqviHeight .three-text .button-container a.button-links {
        min-width: 105px;
        max-width: 115px;
        width: initial; } }
    .threeinslot .eqviHeight .three-text .button-container a.button-links:hover, .threeinslotpara .eqviHeight .three-text .button-container a.button-links:hover {
      color: white;
      background: black; }

.threeinslot, .threeinslotpara {
  background-color: #88858c; }
  .threeinslot h2, .threeinslotpara h2 {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    text-shadow: 0px 1px 3px #666;
    font-size: 48px;
    font-size: 3rem;
    color: white;
    text-align: center;
    padding-bottom: 32px;
    padding-bottom: 2rem;
    padding-top: 21px;
    padding-top: 1.3125rem;
    font-weight: normal;
    letter-spacing: 0.075em;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .threeinslot h2, .threeinslotpara h2 {
        font-size: 30px;
        font-size: 1.875rem;
        padding-bottom: 15px;
        padding-bottom: 0.9375rem;
        padding-top: 0px;
        padding-top: 0rem; } }
    @media only screen and (max-width: 767px) {
      .threeinslot h2, .threeinslotpara h2 {
        font-size: 30px;
        font-size: 1.875rem;
        padding-bottom: 19px;
        padding-bottom: 1.1875rem;
        padding-top: 0px;
        padding-top: 0rem; } }
  .threeinslot img, .threeinslotpara img {
    width: 100%; }
  .threeinslot .three-text, .threeinslotpara .three-text {
    text-align: center;
    color: white; }
    .threeinslot .three-text h4, .threeinslotpara .three-text h4 {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-shadow: 0px 1px 3px #666;
      font-size: 28px;
      font-size: 1.75rem;
      margin-top: 17px;
      margin-top: 1.0625rem;
      letter-spacing: 0.08em; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .threeinslot .three-text h4, .threeinslotpara .three-text h4 {
          font-size: 20px;
          font-size: 1.25rem;
          margin-top: 13px;
          margin-top: 0.8125rem;
          margin-bottom: 12px;
          margin-bottom: 0.75rem; } }
      @media only screen and (max-width: 767px) {
        .threeinslot .three-text h4, .threeinslotpara .three-text h4 {
          font-size: 19px;
          font-size: 1.1875rem;
          margin-top: 21px;
          margin-top: 1.3125rem; } }
    .threeinslot .three-text p, .threeinslotpara .three-text p {
      font-size: 16px;
      font-size: 1rem;
      letter-spacing: 0.05em;
      margin: 7px 0 0 0;
      line-height: 24px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .threeinslot .three-text p, .threeinslotpara .three-text p {
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 18px; } }
      @media only screen and (max-width: 767px) {
        .threeinslot .three-text p, .threeinslotpara .three-text p {
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 18px;
          text-shadow: 0px 0px 3px #666;
          margin-top: 8px;
          margin-top: 0.5rem; } }
    .threeinslot .three-text a, .threeinslotpara .three-text a {
      display: inline-block;
      letter-spacing: 0.075em;
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      color: white;
      text-decoration: none;
      border-bottom-width: 2px;
      border-bottom-style: solid;
      cursor: pointer;
      margin-top: 18px;
      margin-top: 1.125rem;
      margin-bottom: 0px;
      margin-bottom: 0rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .threeinslot .three-text a, .threeinslotpara .three-text a {
          font-size: 14px;
          font-size: 0.875rem;
          margin-bottom: 0;
          margin-top: 12px; } }
      @media only screen and (max-width: 767px) {
        .threeinslot .three-text a, .threeinslotpara .three-text a {
          font-size: 16px;
          font-size: 1rem;
          margin-bottom: 15px;
          margin-bottom: 0.9375rem;
          margin-top: 9px;
          margin-top: 0.5625rem; } }
    .threeinslot .three-text a.button-links, .threeinslotpara .three-text a.button-links {
      color: #191919; }
    .threeinslot .three-text a.button-links:hover, .threeinslotpara .three-text a.button-links:hover {
      color: #fff; }
    .threeinslot .three-text .button-links, .threeinslotpara .three-text .button-links {
      border-width: 3px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .threeinslot .three-text .button-links, .threeinslotpara .three-text .button-links {
          border-width: 3px; } }
      @media only screen and (max-width: 767px) {
        .threeinslot .three-text .button-links, .threeinslotpara .three-text .button-links {
          border-width: 2px; } }
    .threeinslot .three-text a + a, .threeinslotpara .three-text a + a {
      margin-left: 15px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .threeinslot .three-text .button-links + .button-links, .threeinslotpara .three-text .button-links + .button-links {
        margin-left: 0; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
      .threeinslot .three-text .button-links + .button-links, .threeinslotpara .three-text .button-links + .button-links {
        margin-top: 20px; } }
    .threeinslot .three-text p + a, .threeinslotpara .three-text p + a {
      margin-top: 9px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .threeinslot .three-text p + a, .threeinslotpara .three-text p + a {
          margin-top: 8px; } }
      @media only screen and (max-width: 767px) {
        .threeinslot .three-text p + a, .threeinslotpara .three-text p + a {
          margin-top: 8px; } }
    .threeinslot .three-text h4 + a, .threeinslotpara .three-text h4 + a {
      margin-top: 13px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .threeinslot .three-text h4 + a, .threeinslotpara .three-text h4 + a {
          margin-top: 2px; } }
      @media only screen and (max-width: 767px) {
        .threeinslot .three-text h4 + a, .threeinslotpara .three-text h4 + a {
          margin-top: 8px; } }
    .threeinslot .three-text .link-area, .threeinslotpara .three-text .link-area {
      display: block; }
      .threeinslot .three-text .link-area a, .threeinslotpara .three-text .link-area a {
        display: inline-block;
        text-transform: uppercase; }
        .threeinslot .three-text .link-area a:hover, .threeinslotpara .three-text .link-area a:hover {
          text-decoration: none;
          border-bottom: none;
          padding-bottom: 2px; }

.container-fluid.threeinslotpara {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 4px;
  padding-left: 0.25rem;
  padding-right: 4px;
  padding-right: 0.25rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .container-fluid.threeinslotpara {
      padding-left: 17px;
      padding-left: 1.0625rem;
      padding-right: 17px;
      padding-right: 1.0625rem; } }
  @media only screen and (max-width: 767px) {
    .container-fluid.threeinslotpara {
      padding-left: 20px;
      padding-left: 1.25rem;
      padding-right: 20px;
      padding-right: 1.25rem;
      padding-top: 17px;
      padding-top: 1.0625rem;
      padding-bottom: 40px;
      padding-bottom: 2.5rem; } }
  .container-fluid.threeinslotpara .three-text {
    color: black; }
    .container-fluid.threeinslotpara .three-text p {
      margin-top: 4px;
      margin-top: 0.25rem;
      margin-bottom: 0px;
      margin-bottom: 0rem;
      font-size: 16px;
      font-size: 1rem;
      letter-spacing: 0.05em; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.threeinslotpara .three-text p {
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 18px; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.threeinslotpara .three-text p {
          display: none; } }
    .container-fluid.threeinslotpara .three-text a {
      color: black;
      margin-top: 10px;
      margin-top: 0.625rem;
      margin-bottom: 16px;
      margin-bottom: 1rem;
      font-size: 18px;
      font-size: 1.125rem;
      letter-spacing: 0.075em; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.threeinslotpara .three-text a {
          font-size: 15px;
          font-size: 0.9375rem; } }
  .container-fluid.threeinslotpara .bx-wrapper .bx-pager, .container-fluid.threeinslotpara .bx-wrapper .bx-controls-auto {
    bottom: -22px;
    padding-top: 2px; }
  .container-fluid.threeinslotpara .theme-img.two-sl, .container-fluid.threeinslotpara .theme-img.two-sl .three-vid-wrap {
    width: 100%;
    height: 423px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-fluid.threeinslotpara .theme-img.two-sl, .container-fluid.threeinslotpara .theme-img.two-sl .three-vid-wrap {
        height: 265px; } }
    @media only screen and (max-width: 767px) {
      .container-fluid.threeinslotpara .theme-img.two-sl, .container-fluid.threeinslotpara .theme-img.two-sl .three-vid-wrap {
        height: 265px; } }

.secondary-inpage-three-slot .row {
  padding-bottom: 15px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .secondary-inpage-three-slot .row {
      padding-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .secondary-inpage-three-slot .row {
      padding-bottom: 0; } }

.container-fluid.contextual-support {
  display: table;
  width: 100%;
  clear: left;
  position: relative;
  margin-left: 0px;
  margin-right: 0px; }
  .container-fluid.contextual-support .posting-text-left, .container-fluid.contextual-support .posting-text-mid, .container-fluid.contextual-support .posting-text-right {
    margin-top: 51px;
    margin-top: 3.1875rem;
    margin-bottom: 51px;
    margin-bottom: 3.1875rem;
    text-align: center;
    border-right: 1px solid #d1d1d1;
    padding: 0px 60px; }
    .container-fluid.contextual-support .posting-text-left h2, .container-fluid.contextual-support .posting-text-mid h2, .container-fluid.contextual-support .posting-text-right h2 {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 24px;
      font-size: 1.5rem;
      letter-spacing: 0.12em; }
      @media only screen and (max-width: 767px) {
        .container-fluid.contextual-support .posting-text-left h2, .container-fluid.contextual-support .posting-text-mid h2, .container-fluid.contextual-support .posting-text-right h2 {
          font-size: 16px;
          font-size: 1rem; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-fluid.contextual-support .posting-text-left, .container-fluid.contextual-support .posting-text-mid, .container-fluid.contextual-support .posting-text-right {
        margin-top: 46px;
        margin-top: 2.875rem;
        margin-bottom: 51px;
        margin-bottom: 3.1875rem;
        padding: 0px 20px; } }
    @media only screen and (max-width: 767px) {
      .container-fluid.contextual-support .posting-text-left, .container-fluid.contextual-support .posting-text-mid, .container-fluid.contextual-support .posting-text-right {
        margin-top: 32px;
        margin-top: 2rem;
        margin-bottom: 27px;
        margin-bottom: 1.6875rem;
        padding: 0px 20px;
        border-right: none;
        border-bottom: 2px solid #d1d1d1; } }
    .container-fluid.contextual-support .posting-text-left .contextual-text, .container-fluid.contextual-support .posting-text-mid .contextual-text, .container-fluid.contextual-support .posting-text-right .contextual-text {
      margin-top: 3px;
      margin-top: 0.1875rem;
      line-height: 22px;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      letter-spacing: 0.1em; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.contextual-support .posting-text-left .contextual-text, .container-fluid.contextual-support .posting-text-mid .contextual-text, .container-fluid.contextual-support .posting-text-right .contextual-text {
          margin-top: 20px;
          margin-top: 1.25rem;
          font-size: 12px;
          font-size: 0.75rem; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.contextual-support .posting-text-left .contextual-text, .container-fluid.contextual-support .posting-text-mid .contextual-text, .container-fluid.contextual-support .posting-text-right .contextual-text {
          margin-top: 6px;
          margin-top: 0.375rem;
          font-size: 13px;
          font-size: 0.8125rem; } }
    .container-fluid.contextual-support .posting-text-left .contextual-btn, .container-fluid.contextual-support .posting-text-mid .contextual-btn, .container-fluid.contextual-support .posting-text-right .contextual-btn {
      margin-top: 21px;
      margin-top: 1.3125rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-fluid.contextual-support .posting-text-left .contextual-btn, .container-fluid.contextual-support .posting-text-mid .contextual-btn, .container-fluid.contextual-support .posting-text-right .contextual-btn {
          margin-top: 15px;
          margin-top: 0.9375rem; } }
      @media only screen and (max-width: 767px) {
        .container-fluid.contextual-support .posting-text-left .contextual-btn, .container-fluid.contextual-support .posting-text-mid .contextual-btn, .container-fluid.contextual-support .posting-text-right .contextual-btn {
          margin-top: 12px;
          margin-top: 0.75rem;
          margin-bottom: 20px;
          margin-bottom: 1.25rem; } }
      .container-fluid.contextual-support .posting-text-left .contextual-btn a, .container-fluid.contextual-support .posting-text-mid .contextual-btn a, .container-fluid.contextual-support .posting-text-right .contextual-btn a {
        text-decoration: underline;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 16px;
        font-size: 1rem;
        letter-spacing: 0.075em; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .container-fluid.contextual-support .posting-text-left .contextual-btn a, .container-fluid.contextual-support .posting-text-mid .contextual-btn a, .container-fluid.contextual-support .posting-text-right .contextual-btn a {
            font-size: 15px;
            font-size: 0.9375rem; } }
        @media only screen and (max-width: 767px) {
          .container-fluid.contextual-support .posting-text-left .contextual-btn a, .container-fluid.contextual-support .posting-text-mid .contextual-btn a, .container-fluid.contextual-support .posting-text-right .contextual-btn a {
            font-size: 16px;
            font-size: 1rem; } }
        .container-fluid.contextual-support .posting-text-left .contextual-btn a:hover, .container-fluid.contextual-support .posting-text-mid .contextual-btn a:hover, .container-fluid.contextual-support .posting-text-right .contextual-btn a:hover {
          text-decoration: none; }
  .container-fluid.contextual-support .posting-text-right {
    border-right: none; }
    @media only screen and (max-width: 767px) {
      .container-fluid.contextual-support .posting-text-right {
        border-bottom: none; } }

/*Product detail page styling*/
/*Product detail page styling*/
/* PDP page styling */
/* ------------------------------------- */
/*bread crumb styling*/
.breadcrumb-container {
  display: table;
  padding: 0;
  position: relative;
  width: 100%; }
  @media (min-width: 0px) and (max-width: 767px) {
    .breadcrumb-container {
      display: none; } }
  .breadcrumb-container ol.breadcrumb {
    float: left;
    margin: 0;
    padding: 12px 0 12px;
    width: auto;
    box-sizing: border-box;
    text-transform: uppercase; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .breadcrumb-container ol.breadcrumb {
        padding: 20px 0 20px; } }
    .breadcrumb-container ol.breadcrumb li {
      display: inline;
      list-style: outside none none; }
      .breadcrumb-container ol.breadcrumb li h4 {
        color: #191919;
        font-size: 14px;
        display: inline;
        letter-spacing: 1px; }
      .breadcrumb-container ol.breadcrumb li span.divider {
        padding: 0 5px; }

/* PDP page styling */
.left-pdp-sec {
  background: #ebebeb;
  padding: 0 24px;
  border-right: 1px solid #ccc;
  box-shadow: -4px 5px 7px #999;
  -moz-box-shadow: -4px 5px 7px #999;
  -ms-box-shadow: -4px 5px 7px #999;
  -webkit-box-shadow: -4px 5px 7px #999;
  z-index: 1; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .left-pdp-sec {
      border-right: 0; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .left-pdp-sec {
      padding: 0 10px;
      border-right: 0; } }

.loader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

.loader-bg {
  background-color: #fff;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  width: 100%; }

.loader-indicator {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/loading-small.gif") no-repeat scroll 0 0 transparent;
  height: 64px;
  left: 50%;
  position: fixed;
  top: 50%;
  width: 64px;
  z-index: 100; }

.pdp-main-1.pdp-redesign .pdp-main-wrapper {
  padding: 0 0px 0 0px;
  height: 100%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .pdp-main-1.pdp-redesign .pdp-main-wrapper {
      padding: 0; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .pdp-main-1.pdp-redesign .pdp-main-wrapper {
      padding: 0; } }
.pdp-main-1.pdp-redesign .pdp-explore-main {
  width: 100%;
  background: #fff;
  padding: 0 0 0 0;
  position: relative;
  float: left;
  position: relative; }
  @media (min-width: 0px) and (max-width: 767px) {
    .pdp-main-1.pdp-redesign .pdp-explore-main {
      padding-bottom: 50px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .pdp-main-1.pdp-redesign .pdp-explore-main {
      background: transparent; } }
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-container {
    position: static; }
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec {
    float: right;
    padding: 0;
    height: 100%;
    min-height: 517px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec {
        min-height: 0px;
        width: 100%; } }
    .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper {
      width: 100%;
      padding: 0 112px 0 0;
      overflow: hidden; }
      @media (min-width: 0px) and (max-width: 767px) {
        .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper {
          padding: 0;
          position: relative; } }
      .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper .primary-image {
        width: 100%; }
    .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 {
      padding: 0;
      margin: 0;
      overflow: hidden; }
      @media (min-width: 0px) and (max-width: 767px) {
        .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 {
          background: #fff; } }
      .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 li {
        visibility: hidden; }
        @media (min-width: 0px) and (max-width: 767px) {
          .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 li {
            display: block; } }
      .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 li:first-child {
        display: block; }
      .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 li.video {
        padding-top: 105px;
        width: 100%; }
        @media (min-width: 1024px) and (max-width: 1180px) {
          .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 li.video {
            padding-top: 0; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 li.video {
            padding-top: 0; } }
      .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-list1 .fullscreen-button {
        display: none; }
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-discription-tab {
    float: left;
    padding: 0 40px 0 40px;
    background: #fff; }
    @media (min-width: 0px) and (max-width: 767px) {
      .pdp-main-1.pdp-redesign .pdp-explore-main .product-discription-tab {
        padding: 0;
        margin: 10px 0 8px 0;
        background: transparent; } }
.pdp-main-1.pdp-redesign .more-button-arrow {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/more_button_arrow.png") no-repeat 0 0;
  width: 86px;
  height: 41px;
  position: absolute;
  top: -44px;
  left: 50%;
  margin-left: -43px;
  text-indent: -999999px;
  cursor: pointer; }

.pdp-share-link {
  border-bottom: 1px solid #bababa; }

.product-slides-wrapper .bx-wrapper .bx-pager {
  position: absolute;
  right: 15px;
  top: 0;
  width: 16px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .product-slides-wrapper .bx-wrapper .bx-pager {
      display: block; } }
  .product-slides-wrapper .bx-wrapper .bx-pager .bx-pager-item {
    padding-bottom: 5px; }

#product-view-last {
  height: 587px; }

.product-discription-tab {
  background: #fff; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .product-discription-tab {
      display: none; } }
  .product-discription-tab .product-discription {
    padding: 50px 0 0 0; }
    .product-discription-tab .product-discription .pdptoplpback {
      display: none; }
      @media only screen and (max-width: 767px) {
        .product-discription-tab .product-discription .pdptoplpback {
          display: block;
          position: absolute;
          top: 0px;
          bottom: 0px;
          width: 40px;
          left: 0px;
          z-index: 999; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .product-discription-tab .product-discription {
        padding: 7px 15px 6px;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small.svg") no-repeat 0 0;
        background-color: rgba(255, 255, 255, 0.9);
        background-position: left 50%;
        background-size: 10% 50%; } }
    .product-discription-tab .product-discription h1 {
      padding: 0 0 12px 0;
      text-align: center;
      font-size: 32px;
      letter-spacing: 1px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .product-discription-tab .product-discription h1 {
          display: none; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .product-discription-tab .product-discription h1 {
          padding: 0; } }
    .product-discription-tab .product-discription h2 {
      padding: 0 0 25px 0;
      text-align: center;
      font-size: 20px;
      letter-spacing: 1px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .product-discription-tab .product-discription h2 {
          display: none; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .product-discription-tab .product-discription h2 {
          padding: 0; } }
    .product-discription-tab .product-discription .detail-discription-1 {
      padding: 0;
      margin: 0;
      border-top: 1px solid #bababa; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .product-discription-tab .product-discription .detail-discription-1 {
          border-top-width: 0px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .product-discription-tab .product-discription .detail-discription-1 {
          display: none; } }
      .product-discription-tab .product-discription .detail-discription-1 > li {
        border-bottom: 1px solid #bababa; }
        .product-discription-tab .product-discription .detail-discription-1 > li h4 {
          font-size: 14px;
          position: relative;
          padding: 12px 0 12px 1px;
          cursor: pointer;
          color: #808080;
          letter-spacing: 1px; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .product-discription-tab .product-discription .detail-discription-1 > li h4 {
              padding: 20px 0 20px 1px; } }
        .product-discription-tab .product-discription .detail-discription-1 > li h4:after {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small.svg") no-repeat 0 0;
          content: "";
          display: inline-block;
          height: 10px;
          width: 10px;
          position: absolute;
          right: 2px;
          top: 16px;
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
          -ms-transform: rotate(-90deg); }
        .product-discription-tab .product-discription .detail-discription-1 > li h4.active {
          color: #191919; }
        .product-discription-tab .product-discription .detail-discription-1 > li h4.active:after {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
          -ms-transform: rotate(90deg); }
        .product-discription-tab .product-discription .detail-discription-1 > li .discription-list {
          display: none;
          padding: 0 26px 0 26px;
          margin: 0 0 26px;
          max-height: 120px;
          overflow: auto; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .product-discription-tab .product-discription .detail-discription-1 > li .discription-list {
              padding: 0 2px 20px 2px; } }
          .product-discription-tab .product-discription .detail-discription-1 > li .discription-list p {
            margin: 0;
            padding-top: 11px;
            letter-spacing: 1px;
            line-height: 17px; }
          .product-discription-tab .product-discription .detail-discription-1 > li .discription-list strong {
            padding-top: 11px;
            display: block; }
            .product-discription-tab .product-discription .detail-discription-1 > li .discription-list strong + p {
              padding-top: 0px; }
        .product-discription-tab .product-discription .detail-discription-1 > li .discription-list.show {
          display: none; }
        .product-discription-tab .product-discription .detail-discription-1 > li .discription-list-inner {
          padding: 0 15px 0 26px;
          margin: 0; }
          .product-discription-tab .product-discription .detail-discription-1 > li .discription-list-inner.bullet-list {
            list-style-position: inside; }
          .product-discription-tab .product-discription .detail-discription-1 > li .discription-list-inner.bullet-list li {
            list-style-type: disc;
            list-style-position: outside; }
            .product-discription-tab .product-discription .detail-discription-1 > li .discription-list-inner.bullet-list li.bullet-list-none {
              list-style: none;
              margin-left: -1em; }
          .product-discription-tab .product-discription .detail-discription-1 > li .discription-list-inner.bullet-list > li > :first-child {
            display: inline; }
          .product-discription-tab .product-discription .detail-discription-1 > li .discription-list-inner.bullet-list li > :first-child:after {
            /* Add the margin that was lost w/ display: inline */
            /* Firefox 10 displays this as block */
            /* Safari 5.1.2 and Chrome 17.0.963.56 don't */
            content: "";
            display: block;
            margin-bottom: 3px; }
      .product-discription-tab .product-discription .detail-discription-1 > li.first-li .discription-list {
        display: block; }

h4.info-sec-heading {
  font-size: 20px;
  color: #191919;
  vertical-align: top;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #bababa;
  display: none;
  margin-top: 20px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    h4.info-sec-heading {
      display: block; } }
  h4.info-sec-heading .info-sec-heading-close {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close.svg") no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -999999px;
    cursor: pointer; }

@media (min-width: 0px) and (max-width: 767px) {
  .pdp-explore-main .tags_sec {
    display: none; } }

@media (min-width: 1024px) and (max-width: 1920px) {
  .info-section-ipad-mobile {
    display: none !important; } }

.tags_sec {
  display: table;
  width: 100%;
  padding: 15px 0 15px 0; }
  @media (min-width: 0px) and (max-width: 1023px) {
    .tags_sec {
      width: 83.3333%; } }
  .tags_sec h6 {
    font-size: 11px;
    color: #191919;
    float: left;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    text-transform: uppercase;
    float: left;
    padding-right: 6px; }
  .tags_sec .tags_list {
    max-height: 97px;
    overflow-y: auto;
    float: left; }
  .tags_sec h7 {
    font-size: 9px;
    color: #191919;
    margin-right: 5px;
    display: inline-block;
    margin-bottom: 5px; }
    .tags_sec h7 a {
      display: block;
      border: 1px solid #d1d1d1;
      padding: 0 9px 0 9px;
      line-height: 18px;
      color: #808080; }

#pdpThumbnails, .pdpThumbnails {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 22px 0 22px;
  width: 85px;
  top: 0;
  z-index: 1; }
  @media (min-width: 0px) and (max-width: 767px) {
    #pdpThumbnails, .pdpThumbnails {
      display: none !important; } }
  #pdpThumbnails .product-view-thumbnail, .pdpThumbnails .product-view-thumbnail {
    position: absolute;
    bottom: 37px;
    border-bottom: 1px solid #bababa;
    border-top: 1px solid #bababa;
    right: 22px;
    width: 41px; }
    #pdpThumbnails .product-view-thumbnail .bx-controls-direction a, .pdpThumbnails .product-view-thumbnail .bx-controls-direction a {
      margin-top: 0;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_grey.svg") no-repeat scroll 0 0;
      height: 14px;
      width: 14px; }
    #pdpThumbnails .product-view-thumbnail .bx-prev, .pdpThumbnails .product-view-thumbnail .bx-prev {
      top: -17px;
      left: 14px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      -ms-transform: rotate(90deg); }
    #pdpThumbnails .product-view-thumbnail .bx-next, .pdpThumbnails .product-view-thumbnail .bx-next {
      right: auto;
      left: 14px;
      top: auto;
      bottom: -17px;
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -ms-transform: rotate(-90deg); }
  #pdpThumbnails ul, .pdpThumbnails ul {
    padding: 0;
    margin: 0; }
    #pdpThumbnails ul li, .pdpThumbnails ul li {
      padding-top: 7px;
      border-bottom: 3px solid transparent; }
      #pdpThumbnails ul li.active, .pdpThumbnails ul li.active {
        border-bottom: 3px solid #191919; }
      #pdpThumbnails ul li img, .pdpThumbnails ul li img {
        width: 100%; }
      #pdpThumbnails ul li .product-video-wrap1, .pdpThumbnails ul li .product-video-wrap1 {
        display: inline-block;
        vertical-align: top; }
      #pdpThumbnails ul li .product-video, .pdpThumbnails ul li .product-video {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Play.svg") no-repeat 0 0;
        height: 41px;
        width: 41px;
        display: inline-block;
        vertical-align: top; }
  #pdpThumbnails .zoom.pdp-controls, .pdpThumbnails .zoom.pdp-controls {
    text-indent: -9999px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Zoom.svg") no-repeat 0 0;
    height: 41px;
    width: 41px;
    display: inline-block;
    margin-top: 22px; }
  #pdpThumbnails .selected-overlay, .pdpThumbnails .selected-overlay {
    display: none;
    height: 85px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 65px;
    z-index: 15; }

.product-detail {
  text-align: center;
  padding: 0;
  position: static; }

@media (min-width: 768px) and (max-width: 1920px) {
  .product-detail-fixed {
    position: fixed;
    right: 0;
    top: 0;
    z-Index: 15; } }
@media (min-width: 768px) and (max-width: 1024px) {
  .product-detail-fixed.tab-stick-bottom {
    position: relative !important; }
    .product-detail-fixed.tab-stick-bottom #product-content {
      bottom: 0 !important;
      position: absolute !important;
      width: 100%; } }
@media (min-width: 0px) and (max-width: 767px) {
  .product-detail-fixed {
    z-index: 25; } }
.product-detail-fixed.product-detail-absolute {
  position: absolute; }

@media (min-width: 0px) and (max-width: 767px) {
  #product-content {
    display: none; } }

.product-content-header {
  padding: 10px 50px 30px 50px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .product-content-header {
      padding: 0 15px 30px 15px; } }
  .product-content-header h4 {
    font-size: 14px;
    color: #808080;
    padding-top: 7px;
    letter-spacing: 1px;
    margin-bottom: -22px; }
  .product-content-header h2 {
    font-size: 20px;
    color: #191919;
    padding-top: 30px;
    letter-spacing: 1px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .product-content-header h2 {
        font-size: 18px; } }
  .product-content-header h5 {
    font-size: 11px;
    color: #191919;
    padding-top: 10px;
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    letter-spacing: 1px; }
  .product-content-header h6 {
    font-size: 10px;
    color: #808080;
    padding-top: 10px;
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .product-content-header .product-id {
    margin: 0px;
    font-size: 13px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #808080; }
  .product-content-header .product-price {
    padding-top: 20px; }
    .product-content-header .product-price .price-standard {
      font-size: 16px;
      color: #191919;
      text-decoration: line-through;
      margin-right: 8px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .product-content-header .product-price .price-standard {
          font-size: 14px; } }
    .product-content-header .product-price .price-sales {
      font-size: 16px;
      color: #191919;
      letter-spacing: 1px;
      margin-right: 8px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .product-content-header .product-price .price-sales {
          font-size: 14px; } }
    .product-content-header .product-price .price-final-value {
      font-size: 16px;
      color: #d0021b;
      letter-spacing: 1px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .product-content-header .product-price .price-final-value {
          font-size: 14px; } }
  .product-content-header .product-price.discounted .price-sales {
    color: #d0021b; }
  .product-content-header h4.promo01 {
    font-size: 14px;
    color: #808080;
    padding-top: 15px; }

#product-content-detail .product-bottom-wrap {
  padding: 0 26px 0 26px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    #product-content-detail .product-bottom-wrap {
      padding: 0 16px 0 16px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #product-content-detail .product-bottom-wrap {
      padding: 0; } }
#product-content-detail .product-variations .size-info h7 {
  font-size: 12px;
  color: #191919;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  text-decoration: underline;
  padding-bottom: 10px;
  cursor: pointer;
  display: block;
  text-align: left;
  padding-left: 26px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    #product-content-detail .product-variations .size-info h7 {
      padding-left: 16px;
      padding-right: 16px;
      text-align: right;
      text-decoration: none; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    #product-content-detail .product-variations .size-info h7 a {
      border: 1px solid #bababa;
      border-top: none;
      padding: 3px 8px;
      display: inline-block; } }
#product-content-detail .product-variations > ul {
  padding: 0;
  margin: 0; }
#product-content-detail .product-variations .attribute.color {
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  margin-bottom: 20px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    #product-content-detail .product-variations .attribute.color {
      margin-bottom: 0px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #product-content-detail .product-variations .attribute.color {
      border-bottom: 0px;
      margin-bottom: 0px; } }
#product-content-detail .product-variations .attribute.size, #product-content-detail .product-variations .attribute.length {
  width: 100%;
  padding: 0px 5%; }
  #product-content-detail .product-variations .attribute.size.grid_2_2, #product-content-detail .product-variations .attribute.length.grid_2_2 {
    float: left;
    width: 50%;
    padding: 0;
    padding-right: 26px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      #product-content-detail .product-variations .attribute.size.grid_2_2, #product-content-detail .product-variations .attribute.length.grid_2_2 {
        padding-right: 16px;
        padding-left: 16px;
        width: 100%;
        padding-top: 10px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      #product-content-detail .product-variations .attribute.size.grid_2_2, #product-content-detail .product-variations .attribute.length.grid_2_2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
    #product-content-detail .product-variations .attribute.size.grid_2_2 .customSelectBoxScroll .viewport, #product-content-detail .product-variations .attribute.length.grid_2_2 .customSelectBoxScroll .viewport {
      width: 92.5%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #product-content-detail .product-variations .attribute.size.grid_2_2 .customSelectBoxScroll .viewport, #product-content-detail .product-variations .attribute.length.grid_2_2 .customSelectBoxScroll .viewport {
          width: 96.5%; } }
    #product-content-detail .product-variations .attribute.size.grid_2_2 .customSelectBoxScroll .scrollbar, #product-content-detail .product-variations .attribute.length.grid_2_2 .customSelectBoxScroll .scrollbar {
      width: 7.5%; }
      @media (min-width: 0px) and (max-width: 767px) {
        #product-content-detail .product-variations .attribute.size.grid_2_2 .customSelectBoxScroll .scrollbar, #product-content-detail .product-variations .attribute.length.grid_2_2 .customSelectBoxScroll .scrollbar {
          width: 3.5%; } }
#product-content-detail .product-variations .attribute.size.grid_2_2 {
  padding-right: 9px;
  padding-left: 26px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    #product-content-detail .product-variations .attribute.size.grid_2_2 {
      padding-right: 16px;
      padding-left: 16px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    #product-content-detail .product-variations .attribute.size.grid_2_2 {
      padding-left: 0;
      padding-right: 0; } }
#product-content-detail .product-variations .label h5 {
  font-size: 11px;
  color: #191919;
  font-family: "TradeGothicLTPro", Arial, sans-serif;
  letter-spacing: 1px;
  padding: 13px 0 15px 0; }
#product-content-detail .product-variations .swatch-wrapper .bx-wrapper .bx-controls-direction a {
  top: -22px; }
#product-content-detail .product-variations .swatch-wrapper .bx-wrapper .bx-prev {
  left: 13%; }
#product-content-detail .product-variations .swatch-wrapper .bx-wrapper .bx-next {
  right: 13%; }
#product-content-detail .product-add-to-cart {
  position: relative;
  padding-top: 10px; }
  @media (min-width: 0px) and (max-width: 767px) {
    #product-content-detail .product-add-to-cart {
      padding-top: 0; } }
  #product-content-detail .product-add-to-cart h3 button {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    padding: 0;
    line-height: 37px;
    border: 3px solid #d0021b;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #d0021b;
    color: #fff;
    transition: 0.2s; }
  #product-content-detail .product-add-to-cart h3 button:hover {
    background-color: #fff;
    color: #d0021b; }
  #product-content-detail .product-add-to-cart .mobile-wishlist-button {
    display: none; }
    @media only screen and (max-width: 767px) {
      #product-content-detail .product-add-to-cart .mobile-wishlist-button {
        display: block;
        font-family: FranklinGothicLT-ExtraCond,Arial,sans-serif;
        padding: 0;
        line-height: 37px;
        border: 3px solid #191919;
        text-transform: uppercase;
        letter-spacing: 1px;
        background-color: #191919;
        color: #fff; } }
#product-content-detail .promo02 {
  padding-top: 5px; }
  #product-content-detail .promo02 h4 {
    padding-top: 10px;
    font-size: 14px;
    color: #808080; }
#product-content-detail .in-store-link {
  padding-top: 15px; }
  #product-content-detail .in-store-link h4 {
    font-size: 14px; }
    #product-content-detail .in-store-link h4 a {
      color: #191919;
      text-decoration: underline; }
#product-content-detail .goto_sec {
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  padding: 12px 10px 12px 10px;
  margin-top: 25px; }
  #product-content-detail .goto_sec h5 {
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    font-weight: 600; }
    #product-content-detail .goto_sec h5 a {
      line-height: 23px;
      display: block; }
      #product-content-detail .goto_sec h5 a:hover, #product-content-detail .goto_sec h5 a.active {
        background: #e8e8e8; }
#product-content-detail .pdp-share-link .info-icon-link {
  height: 48px;
  border: 2px solid #191919;
  display: none;
  cursor: pointer; }
  #product-content-detail .pdp-share-link .info-icon-link span {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/info_icon.gif") no-repeat center center;
    text-indent: -99999px;
    height: 22px;
    margin: 11px 0;
    float: left;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #product-content-detail .pdp-share-link .info-icon-link span {
        background-image: none;
        text-indent: 0;
        padding-top: 4px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    #product-content-detail .pdp-share-link .info-icon-link {
      display: block;
      text-indent: 0; } }
#product-content-detail .pdp-share-link .info-icon-link-close {
  background: #191919; }
  #product-content-detail .pdp-share-link .info-icon-link-close span {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_white.svg") no-repeat center center; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #product-content-detail .pdp-share-link .info-icon-link-close span {
        text-indent: -9999px; } }
#product-content-detail .feedback-panel {
  display: none;
  margin-top: 10px;
  padding: 0 24px 0 24px;
  position: relative; }
  @media (min-width: 768px) and (max-width: 1023px) {
    #product-content-detail .feedback-panel {
      padding: 0 16px 0 16px; } }
  #product-content-detail .feedback-panel h3 {
    font-size: 16px;
    color: #808080;
    line-height: 37px;
    margin-top: 10px; }
  #product-content-detail .feedback-panel h4 {
    margin-top: 10px; }
    #product-content-detail .feedback-panel h4 a {
      color: #fff;
      background: #191919;
      line-height: 37px;
      border: 3px solid #191919;
      font-size: 16px;
      display: block;
      letter-spacing: 1px;
      transition: 0.2s; }
    #product-content-detail .feedback-panel h4 a.goto-mybag {
      border-color: #d0021b;
      background-color: #d0021b;
      transition: 0.2s; }
      #product-content-detail .feedback-panel h4 a.goto-mybag:hover {
        background-color: #fff;
        color: #d0021b; }
  #product-content-detail .feedback-panel h4.button_1 a {
    color: #191919;
    background: #fff;
    cursor: pointer;
    transition: 0.2s; }
    #product-content-detail .feedback-panel h4.button_1 a:hover {
      color: #fff;
      background: #191919; }
  #product-content-detail .feedback-panel .close-icon-b {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close.svg") no-repeat center center;
    text-indent: -99999px;
    height: 22px;
    margin: 11px 0;
    float: left;
    width: 22px;
    position: absolute;
    right: 10px;
    top: -24px;
    cursor: pointer; }
    @media (min-width: 0px) and (max-width: 767px) {
      #product-content-detail .feedback-panel .close-icon-b {
        margin: 37px 0 0 0; } }

.product-notify-link {
  font-size: 11px;
  margin-top: 10px;
  color: #808080; }
  .product-notify-link a {
    color: #d0021b; }
  @media (min-width: 0px) and (max-width: 767px) {
    .product-notify-link {
      text-align: left;
      padding-left: 10px;
      padding-right: 20px; } }

#product-content-detail.feedback-show .product-variations > ul > li {
  display: none; }
#product-content-detail.feedback-show .product-variations > ul > li.attribute.color {
  display: block; }
#product-content-detail.feedback-show .product-bottom-wrap {
  display: none; }
#product-content-detail.feedback-show .feedback-panel {
  display: block; }
  @media (min-width: 0px) and (max-width: 767px) {
    #product-content-detail.feedback-show .feedback-panel {
      top: -52px;
      position: relative;
      background: #fff; } }

.mobile-discription-tab-wrap {
  position: fixed;
  background: #fff;
  left: 0;
  bottom: 46px;
  z-index: 18 !important;
  width: 100%;
  display: none; }
  @media (min-width: 768px) and (max-width: 1920px) {
    .mobile-discription-tab-wrap {
      display: none !important; } }

.swatch-wrapper .label h5, .mobile-discription-tab-wrap .label h5 {
  font-size: 11px;
  color: #191919;
  font-family: "TradeGothicLTPro", Arial, sans-serif;
  letter-spacing: 1px;
  padding: 13px 0 15px 0;
  text-align: center; }
  @media (min-width: 0px) and (max-width: 767px) {
    .swatch-wrapper .label h5, .mobile-discription-tab-wrap .label h5 {
      padding: 20px 0 15px 0; } }
.swatch-wrapper .swatch-wrapper .bx-wrapper .bx-controls-direction a, .mobile-discription-tab-wrap .swatch-wrapper .bx-wrapper .bx-controls-direction a {
  top: -22px; }
.swatch-wrapper .swatch-wrapper .bx-wrapper .bx-prev, .mobile-discription-tab-wrap .swatch-wrapper .bx-wrapper .bx-prev {
  left: 13%; }
.swatch-wrapper .swatch-wrapper .bx-wrapper .bx-next, .mobile-discription-tab-wrap .swatch-wrapper .bx-wrapper .bx-next {
  right: 13%; }
.swatch-wrapper .swatch-Slider, .mobile-discription-tab-wrap .swatch-Slider {
  overflow: hidden;
  width: 100%; }
.swatch-wrapper ul.color-slides, .mobile-discription-tab-wrap ul.color-slides {
  padding: 0;
  margin: 0;
  text-align: center;
  margin: 0 auto;
  position: relative; }
  .swatch-wrapper ul.color-slides li, .mobile-discription-tab-wrap ul.color-slides li {
    float: left;
    width: 104px; }
    .swatch-wrapper ul.color-slides li img, .mobile-discription-tab-wrap ul.color-slides li img {
      display: inline-block; }
    .swatch-wrapper ul.color-slides li h5, .mobile-discription-tab-wrap ul.color-slides li h5 {
      font-size: 10px;
      color: #fff;
      background: #bababa;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      /* opacity:0.7; */
      /* DSU-96:Product image is displaying in background with product color */
      line-height: 22px;
      padding: 0;
      word-break: break-all; }
      @media (min-width: 0px) and (max-width: 767px) {
        .swatch-wrapper ul.color-slides li h5, .mobile-discription-tab-wrap ul.color-slides li h5 {
          line-height: 30px; } }
    .swatch-wrapper ul.color-slides li .selected-color-overlay, .mobile-discription-tab-wrap ul.color-slides li .selected-color-overlay {
      display: none;
      position: absolute;
      left: 50%;
      width: 92px;
      bottom: 0;
      margin-left: -46px;
      z-index: 1; }
      .swatch-wrapper ul.color-slides li .selected-color-overlay h5, .mobile-discription-tab-wrap ul.color-slides li .selected-color-overlay h5 {
        word-break: break-word;
        line-height: 13px;
        padding: 5px 0;
        letter-spacing: 1px; }
        @media (min-width: 0px) and (max-width: 767px) {
          .swatch-wrapper ul.color-slides li .selected-color-overlay h5, .mobile-discription-tab-wrap ul.color-slides li .selected-color-overlay h5 {
            line-height: 13px; } }
  .swatch-wrapper ul.color-slides li.selected .selected-color-overlay, .mobile-discription-tab-wrap ul.color-slides li.selected .selected-color-overlay {
    display: block; }

.bottom-mobile-links-product, .pdp-share-link {
  /*.share-close{
  	background:$black;
  	span{
  		background:url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_white.svg") no-repeat center center;
  	}
  }*/ }
  .bottom-mobile-links-product .favorite, .pdp-share-link .favorite {
    border-right: 1px solid #bababa;
    text-align: center;
    padding: 7px 0 7px 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .bottom-mobile-links-product .favorite, .pdp-share-link .favorite {
        padding: 13px 0 13px 0; } }
    .bottom-mobile-links-product .favorite span, .pdp-share-link .favorite span {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Wishlist.svg") no-repeat 0 0;
      width: 22px;
      height: 22px;
      display: inline-block;
      vertical-align: top;
      text-indent: -999999px; }
  .bottom-mobile-links-product .share, .pdp-share-link .share {
    text-align: center;
    padding: 7px 0 7px 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .bottom-mobile-links-product .share, .pdp-share-link .share {
        padding: 13px 0 13px 0; } }
    .bottom-mobile-links-product .share span, .pdp-share-link .share span {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/back_icon.gif") no-repeat 0 0;
      width: 22px;
      height: 22px;
      display: inline-block;
      vertical-align: top;
      text-indent: -999999px; }

.product-discription-tab-wrap {
  position: absolute; }
  @media only screen and (max-width: 767px) {
    .product-discription-tab-wrap {
      position: fixed; } }
  @media (min-width: 1024px) and (max-width: 1920px) {
    .product-discription-tab-wrap {
      display: none !important; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .product-discription-tab-wrap {
      left: 0 !important;
      top: auto !important; } }
  .product-discription-tab-wrap .product-discription {
    background: #fff;
    padding: 0; }
    @media (min-width: 0px) and (max-width: 767px) and (orientation: landscape) {
      .product-discription-tab-wrap .product-discription {
        overflow: scroll;
        height: 292px; } }
    .product-discription-tab-wrap .product-discription .detail-discription-1 {
      border-top: 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      .product-discription-tab-wrap .product-discription .detail-discription-1, .product-discription-tab-wrap .product-discription .tags_sec, .product-discription-tab-wrap .product-discription h4.info_sec {
        display: block; } }
  .product-discription-tab-wrap h4.info-sec-heading {
    display: block; }

.mobile-overlay {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 501;
  background: rgba(0, 0, 0, 0.69);
  width: 100%;
  height: 100%;
  position: fixed;
  display: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    .mobile-overlay {
      display: block;
      cursor: pointer; } }

.bottom-mobile-links-product {
  display: none;
  border-top: 1px solid #191919;
  background: #fff;
  bottom: 46px;
  left: 0;
  width: 100%;
  position: fixed;
  float: left;
  width: 100%; }
  @media (min-width: 0px) and (max-width: 767px) {
    .bottom-mobile-links-product {
      display: block; } }
  .bottom-mobile-links-product .info-icon-link {
    display: none; }
  .bottom-mobile-links-product h4 {
    float: left;
    width: 45%;
    text-align: center;
    font-size: 14px;
    padding: 15px 0; }
  .bottom-mobile-links-product h7 {
    float: left;
    width: 22%;
    text-align: center;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 14px;
    padding: 15px 0; }
    @media only screen and (max-width: 767px) {
      .bottom-mobile-links-product h7 {
        padding: 10px 0; } }
  .bottom-mobile-links-product > a {
    float: left;
    width: 16%;
    padding: 11px 0;
    border-right: 0; }

.mobile-strip-product {
  border-top: 1px solid #bababa;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 503;
  display: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    .mobile-strip-product {
      display: block; } }
  .mobile-strip-product .icon-link {
    border-right: 1px solid #bababa;
    text-align: center;
    padding: 0;
    cursor: pointer; }
    .mobile-strip-product .icon-link h5 {
      font-size: 12px;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      text-transform: uppercase;
      height: 45px;
      padding-top: 15px; }
  .mobile-strip-product .button-store-locator h4 {
    height: 45px;
    padding-top: 13px; }
  .mobile-strip-product .button-print {
    padding: 0; }
    .mobile-strip-product .button-print button {
      height: 45px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 17px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .mobile-strip-product .price-btn .product-price .price-standard {
    font-size: 13px;
    color: #191919;
    text-decoration: line-through;
    display: block;
    padding-top: 7px; }
  .mobile-strip-product .price-btn .product-price .price-sales {
    font-size: 13px;
    color: #191919;
    padding-top: 15px;
    display: block; }
  .mobile-strip-product .price-btn .product-price .price-final-value {
    font-size: 13px;
    color: #d0021b;
    display: block; }
  .mobile-strip-product .price-btn .product-price.discounted .price-sales {
    display: none; }
  .mobile-strip-product .add-btn {
    border-right: 0;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    background: #d0021b; }
    .mobile-strip-product .add-btn h3 {
      color: #fff;
      font-size: 17px;
      padding: 13px 0;
      height: 45px; }
    .mobile-strip-product .add-btn.btn-active-close {
      background: #d0021b; }
  .mobile-strip-product .info-icon-link {
    height: 45px;
    border: 2px solid #191919;
    cursor: pointer;
    text-transform: uppercase; }
    .mobile-strip-product .info-icon-link span {
      height: 22px;
      padding-top: 13px;
      font-size: 13px;
      float: left;
      width: 100%; }
  .mobile-strip-product .info-icon-link-close {
    background-color: #191919; }
    .mobile-strip-product .info-icon-link-close span {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_white.svg") no-repeat center center;
      text-indent: -9999px;
      margin-top: 9px; }
  .mobile-strip-product .btn-active-close {
    position: relative;
    background: #191919;
    text-indent: -999999px; }
  .mobile-strip-product .btn-active-close:after {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_white.svg") no-repeat center center;
    text-indent: -99999px;
    height: 22px;
    width: 22px;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    margin-left: -11px;
    margin-top: -11px; }

@media only screen and (max-width: 767px) {
  h4.promo01.mobile-spec {
    padding: 10px 4px;
    background-color: rgba(113, 106, 150, 0.8);
    color: white;
    letter-spacing: 1px;
    font-size: 16px;
    position: fixed;
    bottom: 45px;
    z-index: 4;
    width: 100%; } }
@media (min-width: 768px) {
  h4.promo01.mobile-spec {
    display: none; } }

.open-mobile .mobile-strip-product {
  display: none; }

.product-notify-body {
  display: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    .product-notify-body {
      padding: 10px 20px 20px 10px;
      text-align: left; }
      .product-notify-body #notifyEmailForm .form-row {
        padding-bottom: 10px; }
        .product-notify-body #notifyEmailForm .form-row > label {
          text-transform: uppercase; }
        .product-notify-body #notifyEmailForm .form-row .input-text {
          width: 100%; } }

.product-add-cart {
  position: relative; }

.product-tool-tip {
  color: #FFF;
  display: none;
  left: 0;
  padding: 8px;
  position: absolute;
  text-align: center;
  top: -52px;
  min-width: 200px;
  z-index: 10; }
  .product-tool-tip .arrow {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow.png") no-repeat scroll left top transparent;
    bottom: -2px;
    display: block;
    padding: 5px 10px;
    position: absolute;
    left: 48%;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); }
  .product-tool-tip .msg {
    background-color: #181818;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 14px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px;
    -ms-border-radius: 7px 7px 7px; }

/* .pdp-main{
	padding-bottom:40px;
} */
.pdp-main-diesel-black-gold.pdp-redesign {
  background-color: #808080 !important;
  color: #fff; }
  .pdp-main-diesel-black-gold.pdp-redesign a {
    color: #fff; }
  .pdp-main-diesel-black-gold.pdp-redesign .breadcrumb-container ol.breadcrumb li h4 {
    color: #fff; }
  .pdp-main-diesel-black-gold.pdp-redesign .pdp-explore-main {
    background: #808080; }
    .pdp-main-diesel-black-gold.pdp-redesign .pdp-explore-main .product-discription-tab {
      background: #808080; }
  .pdp-main-diesel-black-gold.pdp-redesign .product-discription-tab .product-discription .detail-discription-1 > li h4 {
    color: #fff; }
  .pdp-main-diesel-black-gold.pdp-redesign .product-discription-tab .product-discription .detail-discription-1 > li h4:after {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") no-repeat scroll 0 0; }
  .pdp-main-diesel-black-gold.pdp-redesign .tags_sec h6 {
    color: #fff; }
  .pdp-main-diesel-black-gold.pdp-redesign #pdpThumbnails .zoom.pdp-controls {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Zoom_white.svg") no-repeat scroll 0 0; }
  .pdp-main-diesel-black-gold.pdp-redesign #pdpThumbnails .product-view-thumbnail .bx-controls-direction a {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") no-repeat scroll 0 0 transparent; }
  .pdp-main-diesel-black-gold.pdp-redesign #pdpThumbnails ul li .product-video {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Play_white.svg") no-repeat scroll 0 0; }
  .pdp-main-diesel-black-gold.pdp-redesign .product-discription-tab .product-discription {
    background: none; }
    @media only screen and (max-width: 767px) {
      .pdp-main-diesel-black-gold.pdp-redesign .product-discription-tab .product-discription {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") no-repeat 0 0;
        background-position: left 50%;
        background-size: 10% 50%; } }

.notifyme-content .form-footer button {
  float: left;
  width: 103px;
  margin-right: 15px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .notifyme-content .form-footer button {
      width: 100%;
      margin-right: 0;
      margin-top: 10px; } }

h4.info-sec-heading {
  display: none; }

.product-detail.show-wishlist-mobile #add-to-cart {
  display: none; }

.product-detail.show-only-addcart {
  position: fixed;
  left: 0;
  bottom: 46px;
  width: 100%;
  z-index: 502;
  background: #fff; }
  .product-detail.show-only-addcart h4.info-sec-heading {
    font-size: 14px;
    display: block;
    border-bottom-color: #191919; }
    .product-detail.show-only-addcart h4.info-sec-heading .info-sec-heading-close {
      right: 17px;
      top: -4px; }
  .product-detail.show-only-addcart #product-content {
    display: none; }
  .product-detail.show-only-addcart .product-content-header {
    display: none; }
  .product-detail.show-only-addcart .product-variations > ul > li.attribute.color {
    display: none !important; }
  .product-detail.show-only-addcart .product-variations > ul .size-info {
    display: none; }
  .product-detail.show-only-addcart .product-add-to-cart > div {
    display: none; }
  .product-detail.show-only-addcart .product-add-to-cart > .product-bottom-wrap {
    display: block; }
    .product-detail.show-only-addcart .product-add-to-cart > .product-bottom-wrap .in-store-link {
      display: none; }
    .product-detail.show-only-addcart .product-add-to-cart > .product-bottom-wrap .add-to-cart {
      height: 45px; }
  .product-detail.show-only-addcart .customSelectBox span.selectedVal {
    padding-left: 35px; }
  .product-detail.show-only-addcart .customSelectBox ul.swatches li a {
    padding-left: 35px;
    font-size: 11px; }
  .product-detail.show-only-addcart .value .customSelectBox .customSelectBoxScroll {
    position: relative; }
  @media (min-width: 0px) and (max-width: 767px) and (orientation: landscape) {
    .product-detail.show-only-addcart .promo02 {
      display: none; } }

@media only screen and (max-width: 767px) {
  .product-detail.show-only-addcart #product-content-detail .product-add-to-cart .mobile-wishlist-button {
    display: none; } }
@media only screen and (max-width: 767px) {
  .product-detail.show-only-addcart.show-wishlist-mobile #product-content-detail .product-add-to-cart .mobile-wishlist-button {
    display: block; } }

.product-detail.show-only-colorvaration {
  position: fixed;
  left: 0;
  bottom: 46px;
  width: 100%;
  z-index: 502;
  background: #fff; }
  .product-detail.show-only-colorvaration #product-content {
    display: none; }
  .product-detail.show-only-colorvaration .promo02 {
    display: none; }
  .product-detail.show-only-colorvaration .product-content-header {
    display: none; }
  .product-detail.show-only-colorvaration .product-variations > ul > li {
    display: none; }
  .product-detail.show-only-colorvaration .product-variations > ul > li.attribute.color {
    display: block; }
  .product-detail.show-only-colorvaration .product-add-to-cart > div {
    display: none; }
  .product-detail.show-only-colorvaration .product-add-to-cart > .product-bottom-wrap {
    display: none; }

.product-detail.show-only-media-dialog #product-content {
  display: block; }
.product-detail.show-only-media-dialog .product-content-header {
  display: none; }
.product-detail.show-only-media-dialog .product-variations > ul > li {
  display: none; }
.product-detail.show-only-media-dialog .product-add-to-cart > div {
  display: none; }
.product-detail.show-only-media-dialog .product-add-to-cart > .product-bottom-wrap {
  display: none; }
.product-detail.show-only-media-dialog .product-add-to-cart > .share-media-bottom {
  position: fixed;
  left: 50%;
  bottom: 91px;
  z-index: 503;
  top: auto;
  margin-left: -159px;
  display: block; }
.product-detail.show-only-media-dialog .product-add-to-cart > .share-media-bottom.hide {
  display: none; }

/* Zoom Styling on PDP */
.zoomContainer {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 0px;
  display: none;
  overflow: hidden;
  text-align: center;
  z-index: 20;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/loading-small.gif") #fff no-repeat center center; }
  @media (min-width: 0px) and (max-width: 1023px) {
    .zoomContainer {
      position: fixed; } }
  .zoomContainer img.zoomImg {
    width: 80%;
    padding: 0px;
    margin: 0px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .zoomContainer img.zoomImg {
        width: auto;
        height: 100%; } }
  .zoomContainer .zoomContainerWrapper {
    position: relative;
    width: 100%;
    float: left;
    height: 100%;
    overflow: hidden; }
    .zoomContainer .zoomContainerWrapper .iframe_wrapper {
      padding: 75px 73px;
      height: auto; }
      .zoomContainer .zoomContainerWrapper .iframe_wrapper img {
        min-height: 400px; }
    .zoomContainer .zoomContainerWrapper .fullscreen-button {
      display: none; }
  .zoomContainer .zoomClose {
    height: 41px;
    width: 41px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box.svg") no-repeat 0 0;
    position: absolute;
    top: 22px;
    right: 22px;
    z-index: 3; }
  .zoomContainer .slider {
    /* position: absolute; */
    /* right: 0px; */
    /* width: 74px; */
    /* overflow: hidden; */
    height: auto;
    /* top: 268px; */
    /* padding: 10px 0px; */
    /* z-index: 1; */ }
    .zoomContainer .slider .bx-wrapper {
      bottom: auto;
      top: 50%;
      margin-top: -169px !important; }
    @media (min-width: 0px) and (max-width: 767px) {
      .zoomContainer .slider {
        display: none; } }
    .zoomContainer .slider ul {
      padding: 0px;
      margin: 0px; }
    .zoomContainer .slider .selected-overlay {
      display: none; }
    .zoomContainer .slider li {
      cursor: pointer; }
  .zoomContainer .controls {
    position: absolute;
    right: 37px;
    width: 10px;
    overflow: hidden;
    height: auto;
    top: 255px;
    text-indent: -9999em;
    z-index: 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      .zoomContainer .controls {
        display: none; } }
    .zoomContainer .controls span {
      margin-top: 0;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small.svg") no-repeat scroll 0 0;
      right: auto;
      left: 16px;
      top: auto;
      bottom: -17px;
      width: 10px;
      height: 10px;
      display: block;
      -webkit-transform: rotate(-270deg);
      transform: rotate(-270deg);
      -ms-transform: rotate(-270deg); }
      .zoomContainer .controls span a {
        display: block; }
    .zoomContainer .controls span.next {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      margin-top: 278px; }

.dieselblackgold .zoomContainer {
  background-color: #808080; }
  .dieselblackgold .zoomContainer .zoomClose {
    background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box_white.svg"); }
.dieselblackgold .pdpThumbnails ul li .product-video {
  background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Play_white.svg"); }
.dieselblackgold .promotionBlock {
  background-color: #808080; }
  .dieselblackgold .promotionBlock div.options a, .dieselblackgold .promotionBlock div.options a.active {
    color: #fff; }
  .dieselblackgold .promotionBlock .bx-wrapper .bx-controls-direction .bx-next, .dieselblackgold .promotionBlock .bx-wrapper .bx-controls-direction .bx-prev {
    border-color: #fff;
    background-color: #808080;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat; }
  .dieselblackgold .promotionBlock .bx-wrapper .bx-controls-direction .bx-next {
    background-position: -10px -85px; }
    .dieselblackgold .promotionBlock .bx-wrapper .bx-controls-direction .bx-next:hover {
      background-position: -10px -201px; }
  .dieselblackgold .promotionBlock .bx-wrapper .bx-controls-direction .bx-prev {
    background-position: -60px -85px; }
    .dieselblackgold .promotionBlock .bx-wrapper .bx-controls-direction .bx-prev:hover {
      background-position: -60px -201px; }
.dieselblackgold .promotionBlock.styleIt .options h3 a, .dieselblackgold .promotionBlock.styleIt .options h3 a.active {
  color: #fff; }

.product-detail.styleit-hide .goto_sec .promotionBlock-styleIt {
  display: none; }

.product-detail.featuredin-hide .goto_sec .promotionBlock-featuredIn {
  display: none; }

.product-detail.alsolike-hide .goto_sec .promotionBlock-alsoLike {
  display: none; }

.product-detail.explore-hide .goto_sec {
  margin: 0;
  border-top: 0 !important; }
  .product-detail.explore-hide .goto_sec .pdp-explore-main {
    display: none; }

@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main .contextual-content {
    float: left;
    width: 100%; } }

.badge {
  position: absolute; }

.badge.new-arrivals {
  right: 0;
  top: 0; }

.product-slides-wrapper .badge.new-arrivals {
  right: 132px;
  top: 0; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .product-slides-wrapper .badge.new-arrivals {
      right: 112px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .product-slides-wrapper .badge.new-arrivals {
      right: 40px; } }

.size-chart-quickview .size-chart-title {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 21px; }
.size-chart-quickview .size-chart-table {
  border: 1px solid;
  text-align: center; }
  .size-chart-quickview .size-chart-table th {
    text-align: center;
    border: 1px solid #bababa; }
  .size-chart-quickview .size-chart-table td {
    border: 1px solid #bababa; }

.common-video-sec {
  width: 100%;
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: top; }
  .common-video-sec .common-play-button {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Play_white.svg");
    background-color: rgba(128, 128, 128, 0.55); }
  .common-video-sec .common-pause-button {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/pause_white.svg") no-repeat;
    background-color: rgba(128, 128, 128, 0.55); }
  .common-video-sec video {
    display: none;
    background: #191919;
    margin: 0 auto;
    vertical-align: top; }
  .common-video-sec .pause-video {
    object-fit: cover; }

.pdp-mobile-zoom-close {
  display: none; }

@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main-1.mobileZoom-wrap {
    z-index: 503; } }

@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper.mobileZoom .pdp-mobile-zoom-close {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 23px;
    width: 23px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close.svg") no-repeat 0 0;
    display: block;
    z-index: 1; } }
@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper.mobileZoom {
    position: fixed;
    z-index: 503;
    top: 0;
    left: 0;
    height: 100%; } }
@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper.mobileZoom .bx-wrapper .bx-pager {
    bottom: 37px;
    top: auto; } }
@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper.mobileZoom .product-slides-list1 li {
    height: 100%; } }
@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper.mobileZoom .product-slides-list1 li a {
    display: block;
    height: 100%; } }
@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main-1.pdp-redesign .pdp-explore-main .product-image-sec .product-slides-wrapper.mobileZoom .primary-image {
    height: 100%;
    width: auto;
    margin: 0 auto; } }

.store-locator-pdp-link {
  width: 50%;
  float: left;
  text-align: center;
  padding: 9px 0px 9px 0;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  border-left: 1px solid #bababa; }

@media (min-width: 768px) and (max-width: 1023px) {
  .product-tool-tip {
    min-width: 150px;
    left: 32px !important; } }
@media (min-width: 0px) and (max-width: 767px) {
  .pdp-main-body #footer-large {
    display: none; } }
@media only screen and (max-width: 767px) {
  body.scroll-lock {
    overflow: hidden;
    position: fixed; } }

.cannot-ship-error {
  width: 100%;
  text-align: center;
  color: #d0021b;
  font: 12px bold "TradeGothicLTPro", Arial, sans-serif;
  padding: 5px 0;
  display: none; }

/*Product detail page styling*/
/* PDP page styling */
/* ------------------------------------- */
/*bread crumb styling*/
/* PromotionBlock */
.pdpMain {
  padding-bottom: 60px; }

.recommendations {
  margin-top: 47px;
  float: left;
  width: 100%;
  position: relative; }

.promotionBlock {
  background: #fff;
  margin: 0px 0 40px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  float: left; }
  .promotionBlock .bx-wrapper .bx-pager {
    display: block;
    width: 100%;
    left: 0; }
  .promotionBlock ul {
    margin: 0; }
  .promotionBlock.styleIt .options {
    text-align: center; }
    .promotionBlock.styleIt .options h3 {
      width: auto;
      float: none;
      display: inline-block;
      vertical-align: top; }
      .promotionBlock.styleIt .options h3 a {
        font-size: 32px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-weight: normal;
        letter-spacing: 1px; }
        .promotionBlock.styleIt .options h3 a.active {
          text-decoration: underline; }
  .promotionBlock h3 {
    font-size: 32px;
    margin: 36px 0px 23px;
    width: 100%;
    float: left;
    letter-spacing: 1px; }
  .promotionBlock div.options {
    width: 100%;
    float: left; }
    .promotionBlock div.options select {
      padding: 10px 0;
      width: 100%;
      float: left; }
    .promotionBlock div.options a {
      padding: 0 22px;
      font-size: 12px;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      color: #818181;
      font-weight: bold;
      vertical-align: top; }
    .promotionBlock div.options a.active {
      color: #191919;
      text-decoration: underline; }
  .promotionBlock .quickBuy {
    width: 25px;
    height: 16px;
    background: #000;
    text-indent: -9999em;
    display: inline-block; }
  .promotionBlock .sliderContent {
    width: 100%;
    float: left;
    position: relative; }
  .promotionBlock .bx-wrapper {
    position: static; }
    .promotionBlock .bx-wrapper .bx-controls-direction .bx-prev, .promotionBlock .bx-wrapper .bx-controls-direction .bx-next {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat;
      height: 41px;
      width: 41px; }
    .promotionBlock .bx-wrapper .bx-controls-direction .bx-prev {
      left: 0px;
      transform: none;
      background-position: -60px -28px; }
      .promotionBlock .bx-wrapper .bx-controls-direction .bx-prev:hover {
        background-position: -60px -144px; }
    .promotionBlock .bx-wrapper .bx-controls-direction .bx-next {
      right: 0px;
      transform: none;
      background-position: -10px -28px; }
      .promotionBlock .bx-wrapper .bx-controls-direction .bx-next:hover {
        background-position: -10px -144px; }
  .promotionBlock div.content {
    width: 100%;
    float: left;
    padding-bottom: 50px; }
    .promotionBlock div.content .wrapper {
      display: none; }
    .promotionBlock div.content .bx-loading {
      display: none !important; }
    .promotionBlock div.content ul {
      width: 100%;
      padding-left: 0px;
      max-height: 500px;
      overflow: hidden; }
      .promotionBlock div.content ul li {
        align-content: center;
        overflow: hidden;
        visibility: hidden;
        width: 250px;
        float: left; }
        .promotionBlock div.content ul li .display {
          width: 100%;
          overflow: hidden; }
          .promotionBlock div.content ul li .display img, .promotionBlock div.content ul li .display iframe {
            width: 100%; }
          .promotionBlock div.content ul li .display iframe {
            height: 100%; }
        .promotionBlock div.content ul li .display.video {
          position: relative; }
        .promotionBlock div.content ul li .desc {
          margin: 25px 0 12px; }
        .promotionBlock div.content ul li .product-name {
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 16px;
          margin: 6px 0;
          letter-spacing: 1px; }
        .promotionBlock div.content ul li span {
          display: block;
          font-size: 16px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          margin-bottom: 11px;
          letter-spacing: 1px; }
        .promotionBlock div.content ul li span.price {
          font-size: 13px;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          letter-spacing: 1px;
          padding-top: 4px; }
        .promotionBlock div.content ul li .price-sales {
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-size: 13px; }
        .promotionBlock div.content ul li .product-price.discounted span {
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-size: 13px; }
        .promotionBlock div.content ul li .product-price.discounted .price-standard {
          text-decoration: line-through;
          display: inline-block; }
        .promotionBlock div.content ul li .product-price.discounted .price-sales.discounted {
          color: #d0021b;
          display: inline-block;
          padding: 0px 8px; }
        .promotionBlock div.content ul li .product-price.discounted .price-final-value {
          color: #d0021b;
          display: inline-block; }

.promotionBlock.alsoLike .options a {
  margin-bottom: 27px;
  letter-spacing: 1px; }

@media (max-width: 767px) {
  .promotionBlock.alsoLike select {
    display: block; }
  .promotionBlock.alsoLike div.options a {
    display: none; }
  .promotionBlock li .display {
    width: 250px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .promotionBlock select {
    display: none; }
  .promotionBlock div.options a {
    display: inline-block;
    padding: 10px 19px; }
  .promotionBlock li .display {
    width: 250px; } }
@media (min-width: 1024px) {
  .promotionBlock select {
    display: none; }
  .promotionBlock div.options a {
    display: inline-block; }
  .promotionBlock li .display {
    width: 257px; } }
#sigin-overlay #login_frame {
  width: 100%;
  height: 320px;
  border: none; }

#wishlist-sigin-overlay {
  padding: 0; }
  #wishlist-sigin-overlay .remember-me input[type="checkbox"] {
    float: left;
    margin: 0px 5px 0px 0px;
    height: 15px;
    width: 15px;
    padding: 0; }
  #wishlist-sigin-overlay .remember-me label {
    text-transform: none !important;
    margin-bottom: 0px; }
  #wishlist-sigin-overlay .account-login .form-row {
    position: relative; }
    #wishlist-sigin-overlay .account-login .form-row span.error {
      position: absolute;
      font-size: 12px;
      top: 46px; }
  #wishlist-sigin-overlay .account-login + #wishlist-sigin-overlay .account-login {
    padding: 5px 0 10px 0; }

#wishlist-sigin-overlay #login_frame {
  width: 100%;
  height: 286px;
  border: none; }

#sigin-overlay {
  background-color: #F2F2F2; }
  #sigin-overlay .account-login {
    background-color: white; }
    #sigin-overlay .account-login .remember-me input[type="checkbox"] {
      float: left;
      margin: 0px 5px 0px 0px;
      height: 15px;
      width: 15px;
      padding: 0; }
    #sigin-overlay .account-login .remember-me label {
      text-transform: none !important;
      margin-bottom: 0px; }

#sigin-overlay #dialog-container {
  padding-top: 30px; }

#sigin-overlay .dialog-forgot-password .ui-dialog-titlebar, #wishlist-sigin-overlay .dialog-forgot-password .ui-dialog-titlebar {
  display: none; }

#wishlist-sigin-overlay .dialog-forgot-password .ui-widget-content, #sigin-overlay .dialog-forgot-password .ui-widget-content {
  min-height: 230px !important; }

#wishlist-sigin-overlay .ui-dialog .ui-dialog-content {
  padding-top: 70px; }

#wishlist-sigin-overlay .reset-password {
  text-align: center; }

#sigin-overlay .reset-password {
  height: 120px;
  padding-top: 96px; }

#sigin-overlay .iframe-view {
  height: 300px;
  background-color: #FFF;
  padding: 120px 75px 30px; }

#sigin-overlay .iframe-view h2 {
  padding-left: 0; }

#sigin-overlay .dialog-forgot-password .forgot-password {
  height: 200px;
  width: 320px; }

#sigin-overlay .dialog-forgot-password {
  width: 440px !important; }

#sigin-overlay .dialog-forgot-password h2 {
  padding-left: 0px; }

#sigin-overlay .forgot-password .row-inline input[type="email"] {
  width: 100%; }

#sigin-overlay .forgot-password .form-error {
  padding: 6px 25px; }

#sigin-overlay iframe {
  display: block; }

.account-login {
  background-color: #F2F2F2;
  overflow: hidden; }

.account-login .col-1, .account-login .col-2 {
  border-bottom: none;
  margin: 0px;
  width: 50%;
  padding: 13px 20px 20px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

#wishlist-sigin-overlay .account-login .col-1 {
  border-right: 2px solid white;
  height: 363px; }

#wishlist-sigin-overlay .account-login .col-2 {
  border-left: none; }

#sigin-overlay .account-login .col-1 {
  width: 100%; }

#sigin-overlay h2 {
  padding: 5px 0 9px 20px;
  margin: 0;
  text-transform: uppercase;
  background-color: #fff; }

#sigin-overlay .account-login h2.section-header, #sigin-overlay .account-login p {
  display: none; }

#wishlist-sigin-overlay h2 {
  display: none; }

#wishlist-sigin-overlay .account-login h2.section-header {
  margin: 0;
  display: block; }

.account-login .col-2 {
  border-left: 2px solid white; }

.account-login h2.section-header {
  background-color: transparent;
  margin: 0;
  padding: 0 0 5px; }

.account-login p {
  margin: 0 0 10px 0; }

.account-login p.create-message {
  margin: 0 0 15px 0; }

.account-login .form-row {
  margin: 0 0 20px 0; }
  .account-login .form-row.remember-me {
    margin: 0 0 10px 0; }

.account-login .form-row label {
  margin: 0 0 5px 0;
  display: block;
  font-weight: bold;
  text-transform: uppercase; }

.account-login .login-box-content input[type="text"], .account-login .login-box-content input[type="email"], .account-login .login-box-content input[type="password"] {
  margin-left: 0;
  width: 100%; }

.account-login .login-box-content textarea {
  margin-left: 0;
  width: 100%; }

.account-login .error-form {
  font-size: 1em;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/erroralert.png") no-repeat 0 7px;
  padding-left: 1.67em;
  text-align: left;
  float: none;
  margin: 0 0 10px 0;
  font-family: "TradeGothicLTPro", Arial, sans-serif; }

.account-login .remember {
  float: left;
  margin-bottom: 30px;
  width: 100%; }

.account-login .remember input[type="checkbox"] {
  margin: 0 10px 0 0; }

.account-login .remember label {
  float: left;
  font-size: 1.167em;
  line-height: 1.6em;
  margin: 0; }

.account-login .guest-checkout {
  padding: 10px 0 0;
  margin: 20px 0 0;
  border-top: 2px solid #FFF; }

.account-login .form-row button {
  margin: 0 20px 0 0;
  display: block;
  float: left;
  width: auto;
  padding: .7em 1.6em .6em;
  text-transform: uppercase; }

.account-login #password-reset {
  text-decoration: underline; }

.account-login .formbuttonrow {
  margin: 0;
  overflow: hidden; }

.account-login .form-row-button {
  float: left;
  line-height: 30px;
  margin: 0;
  width: 100%; }

.account-login .content-asset {
  margin: 15px 0 0;
  overflow: hidden; }

.account-login .content-asset p {
  margin: 9px 0 0;
  font-size: 1em; }

.account-login .error-form {
  font-size: 1em;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/erroralert.png") no-repeat 0 7px;
  padding-left: 1.67em;
  text-align: left;
  float: none;
  margin: 0 0 10px 0; }

/*Wishlist*/
.find-others-wishlist label {
  display: block;
  font: 1em/1em ProximaNova-Semibold;
  margin: 0 0 5px;
  text-transform: uppercase; }

.find-others-wishlist input[type="text"], .find-others-wishlist input[type="password"] {
  width: 100%; }

.find-others-wishlist {
  clear: both;
  background-color: #F2F2F2;
  padding: 15px 20px 20px;
  margin: 0 0 10px; }

.find-others-wishlist p {
  font: 1.167em/1.917em ProximaNova-Regular;
  margin: 0 0 15px;
  padding: 0; }

.empty-wishlist-msg {
  margin: 1em 20px; }

.find-others-wishlist ul {
  margin: 0;
  padding: 0; }

.find-others-wishlist ul li {
  float: left;
  margin: 0; }

.find-others-wishlist ul li.col-1 {
  width: 40%; }

.find-others-wishlist ul li.col-1 .lastmane {
  margin: 0; }

#wishlist-search .find-others-wishlist {
  display: none; }

#wishlist-search .find-others-wishlist.show {
  display: block; }

.find-others-wishlist ul li.col-2 {
  position: relative;
  text-align: center;
  top: 60px;
  width: 15%; }

.find-others-wishlist ul li.col-3 {
  width: 32%; }

.find-others-wishlist ul li.col-4 {
  padding: 18px 0 0 20px;
  width: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.find-others-wishlist ul li.col-4 .form-row-button {
  margin: 0;
  width: auto; }

.find-others-wishlist {
  display: none; }

.error-form {
  color: #ea1d2b;
  margin: 1em 0;
  padding: .5em 0 0 0;
  font-size: 1.2em;
  font-family: ProximaNova-Bold;
  text-align: center; }

@media (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
  .quickview.signin-new {
    width: 88% !important; } }
@media only screen and (max-width: 767px) {
  .quickview.signin-new {
    width: auto !important;
    top: 120px;
    left: 0px !important;
    right: 0px !important;
    margin: 0px auto !important; } }

.quickview.signin-new .ui-dialog-titlebar, .iPadWishlistPosFixedsignin-new .ui-dialog-titlebar, .dialog-forgot-password .ui-dialog-titlebar, .send-to-frnd .ui-dialog-titlebar, .basic-dialog-theming .ui-dialog-titlebar {
  height: 33px;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  z-index: 1500;
  background: none;
  border: 0; }
  .quickview.signin-new .ui-dialog-titlebar .ui-icon-closethick, .iPadWishlistPosFixedsignin-new .ui-dialog-titlebar .ui-icon-closethick, .dialog-forgot-password .ui-dialog-titlebar .ui-icon-closethick, .send-to-frnd .ui-dialog-titlebar .ui-icon-closethick, .basic-dialog-theming .ui-dialog-titlebar .ui-icon-closethick {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icon-quickview.png") no-repeat 0 0;
    height: 33px;
    width: 33px; }
  .quickview.signin-new .ui-dialog-titlebar .ui-dialog-titlebar-close, .iPadWishlistPosFixedsignin-new .ui-dialog-titlebar .ui-dialog-titlebar-close, .dialog-forgot-password .ui-dialog-titlebar .ui-dialog-titlebar-close, .send-to-frnd .ui-dialog-titlebar .ui-dialog-titlebar-close, .basic-dialog-theming .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: 0px;
    top: 0%;
    width: 35px;
    margin: 0px;
    padding: 0px;
    height: 40px; }
  .quickview.signin-new .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-all:hover, .iPadWishlistPosFixedsignin-new .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-all:hover, .dialog-forgot-password .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-all:hover, .send-to-frnd .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-all:hover, .basic-dialog-theming .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-all:hover {
    border: none;
    color: none;
    background: none; }

#ui-dialog-title-sigin-overlay {
  display: none; }

#sigin-overlay {
  width: auto;
  min-height: 150px;
  height: auto;
  padding: 0px; }
  #sigin-overlay #login_frame {
    width: 100%;
    height: 355px;
    border: 0; }

.menu-utility .help div, .menu-utility-user .myacc div {
  display: none;
  position: absolute;
  z-index: 11000;
  width: 100%; }

.menu-utility .help div, .menu-utility-user .myacc.loggedin div {
  min-width: 140px; }

.content-asset ul.header-help-drop, ul.header-myacc-drop {
  /*background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/diesel-global-bg.png") repeat scroll 0 0 #FFF;*/
  background-color: #ffffff;
  border: 1px solid black;
  margin: 1em 0 0;
  padding: 4px 5px 4px;
  float: left;
  width: 100%;
  margin-top: 0px; }

.header-help-drop li, .header-myacc-drop li {
  background: none;
  float: none;
  padding: 10px 30px 0 0; }

.header-myacc-drop li.first {
  border-bottom: 1px solid #999;
  padding-bottom: 0px;
  padding-right: 5px;
  /*width:100px;*/ }

.header-myacc-drop li {
  border-bottom: 1px solid #999;
  padding-bottom: 0px;
  padding-right: 5px;
  /*width:100px;*/ }

.header-myacc-drop li:last-child {
  border: none; }

.header-help-drop li a, .header-myacc-drop li a {
  text-transform: uppercase;
  display: block;
  padding: 3px 10px 3px; }

.header-help-drop li a:hover, .header-myacc-drop li a:hover {
  background: none !important;
  color: #999 !important; }

.myaccount-mobile-child {
  display: none; }

.header-myacc-drop li:after {
  background: none !important; }

@media only screen and (max-width: 767px) {
  .header-myacc-drop li:before {
    background: none !important; } }

.new-register {
  display: block;
  background-color: #191919;
  color: #FFF;
  border: 0;
  width: 100%;
  padding: 8px; }
  @media only screen and (max-width: 767px) {
    .new-register {
      text-align: center; } }

.title-newuser {
  padding-top: 5px;
  padding-bottom: 5px; }

.utility-holder .menu-utility-user li.myacc.loggedin {
  font-size: 17px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  /*padding: 6px 12px 0 0;*/ }

.utility-holder .menu-utility-user li.myacc.loggedin a {
  padding: 6px 18px;
  display: block;
  text-transform: capitalize; }

.utility-holder .menu-utility-user .header-myacc-drop li {
  float: none; }

.header-myacc-drop {
  padding: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 7px; }

.notifyme-content .form-row span.error {
  position: relative;
  margin: -4em 0em 4em; }

#notifyEmailFormDialog input[type='email'] {
  width: 100%;
  margin-bottom: 20px;
  margin-top: 10px; }

.success-message {
  display: none;
  color: #EA1D2B; }

.notifyme-content h2 {
  text-transform: uppercase; }

.dialog-notify-email.ui-dialog .ui-dialog-titlebar {
  position: static; }

.dialog-notify-email.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  display: none; }

.dialog-notify-email .dialog-content {
  padding-top: 0px;
  padding-bottom: 35px; }

.dialog-notify-email .form-footer .notify-cancel {
  margin-left: 40px; }

.dialog-notify-email form span.error {
  bottom: -35px; }

.dialog-notify-email .notifyme-content .form-row label span {
  text-transform: uppercase; }

.dialog-notify-email .form-footer {
  margin-top: 10px;
  text-align: center; }

.notifyme-content .form-footer button {
  float: none; }

#sigin-overlay {
  background: none; }

.account-login {
  background: none; }

.utility-holder .menu-utility-user li.menu-visible h4 a.user-account {
  background: black;
  color: white; }

.utility-holder .menu-utility-user li.menu-visible a.user-account {
  background: black;
  color: white; }

.menu-utility-mobile li.myacc.loggedin {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  text-transform: uppercase;
  display: table; }
  .menu-utility-mobile li.myacc.loggedin a {
    display: table-cell;
    vertical-align: middle;
    height: 32px;
    letter-spacing: 0.05rem; }

@media only screen and (max-width: 767px) {
  .menu-utility-mobile .mobile-account {
    display: none;
    float: none;
    clear: both; } }
@media only screen and (max-width: 767px) {
  .menu-utility-mobile .mobile-account ul.header-myacc-drop li {
    width: 100%;
    padding: 3px 0px 3px 0;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; } }
@media only screen and (max-width: 767px) {
  .menu-utility-mobile .mobile-account ul.header-myacc-drop li:last-child {
    border-bottom: 1px solid #999; } }
@media only screen and (max-width: 767px) {
  .menu-utility-mobile .mobile-account ul.header-myacc-drop {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/mobile_menu_repeat.png") repeat-y right 0;
    background-color: #ffffff;
    border: none;
    margin: 1em 0 0;
    padding: 4px 17px 4px 25px;
    float: left;
    width: 100%;
    margin-top: 0px; } }

@media (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
  .quickview.signin-new {
    width: 88% !important; } }
#preloaderfilter {
  background-color: white;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 503;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  text-indent: -9999px; }

#search-result {
  margin-top: 15px; }

#main.plp-search-page {
  display: inline !important;
  width: 100%; }

.filterOverlay {
  position: fixed;
  right: 0px;
  top: 0px;
  z-index: 998;
  padding: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1; }

.showFilter.mobile {
  display: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    .showFilter.mobile {
      width: 95%;
      float: left;
      margin: 0% 2.5%;
      background: #000;
      padding: 12px 0px;
      color: #fff;
      text-align: center;
      display: block;
      text-transform: uppercase;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 1.3em; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .showFilter.mobile .arrow_fliter_plp {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_active_filter.png") 96% center no-repeat;
      background-size: 10px;
      height: 18px;
      width: 12px;
      /* display: block; */
      float: right;
      margin-right: 17px; } }

.filterWrap {
  width: 100%;
  float: left;
  padding: 0px 20px; }
  .filterWrap.fixed {
    position: fixed;
    top: 0px;
    z-index: 9999;
    padding: 0; }
    .filterWrap.fixed .tabs {
      box-shadow: 1px 1px 5px #555; }
  @media (min-width: 0px) and (max-width: 767px) {
    .filterWrap {
      position: absolute;
      right: 0px;
      top: 0px;
      z-index: 999;
      padding: 0px;
      width: 100%;
      background: #fff;
      display: none; } }
  .filterWrap .filterDetail {
    width: 100%;
    float: left;
    height: 0px;
    overflow: hidden; }
    .filterWrap .filterDetail.showDefault {
      height: auto; }
    @media (min-width: 0px) and (max-width: 767px) {
      .filterWrap .filterDetail {
        height: auto; } }
  .filterWrap a {
    text-decoration: none;
    color: #191919; }
  .filterWrap ul, .filterWrap li {
    margin: 0px;
    padding: 0px;
    list-style: none; }
  .filterWrap .filterContentWrapper {
    width: auto;
    position: relative;
    left: 0px;
    top: 0px;
    float: left; }
    @media (min-width: 0px) and (max-width: 767px) {
      .filterWrap .filterContentWrapper {
        width: 100%;
        float: left; } }
    .filterWrap .filterContentWrapper > ul {
      width: 9999px;
      float: left;
      background: #e8e8e8; }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterWrap .filterContentWrapper > ul {
          background: none; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterWrap .filterContentWrapper > ul {
          width: 100%;
          float: left; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterWrap .filterContentWrapper > ul .col {
          display: none; } }
      .filterWrap .filterContentWrapper > ul > li {
        float: left;
        padding: 20px 30px 30px 48px;
        position: relative;
        font-size: 12px;
        text-transform: capitalize; }
        @media (min-width: 0px) and (max-width: 767px) {
          .filterWrap .filterContentWrapper > ul > li {
            width: 95%;
            float: left;
            margin-left: 2.5%;
            padding: 0px 0px; } }
        .filterWrap .filterContentWrapper > ul > li li.category-filt a {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") no-repeat scroll -5px -663px;
          font-size: 0.875rem; }
        .filterWrap .filterContentWrapper > ul > li li.category-filt.selected a {
          background-position: -5px -703px; }
        .filterWrap .filterContentWrapper > ul > li li {
          margin-bottom: 3px; }
          .filterWrap .filterContentWrapper > ul > li li a {
            background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") no-repeat scroll -5px -467px;
            font-size: 0.875rem;
            padding: 5px 5px 5px 33px;
            display: block;
            outline: none; }
          .filterWrap .filterContentWrapper > ul > li li.selected a {
            background-position: -5px -423px; }
        .filterWrap .filterContentWrapper > ul > li li.unselectable a {
          color: #bababa; }
        .filterWrap .filterContentWrapper > ul > li + li h4:before {
          content: "";
          height: 100%;
          border-left: 1px solid #d1d1d1;
          position: absolute;
          left: -1px;
          top: 0%;
          text-transform: uppercase; }
          @media (min-width: 0px) and (max-width: 767px) {
            .filterWrap .filterContentWrapper > ul > li + li h4:before {
              display: none; } }
        .filterWrap .filterContentWrapper > ul > li.active + li h4:before {
          left: 0px; }
        .filterWrap .filterContentWrapper > ul > li:first-child {
          padding-left: 40px; }
          @media (min-width: 0px) and (max-width: 767px) {
            .filterWrap .filterContentWrapper > ul > li:first-child {
              padding: 0px 0px; } }
        .filterWrap .filterContentWrapper > ul > li:last-child {
          padding-right: 50px; }
          @media (min-width: 0px) and (max-width: 767px) {
            .filterWrap .filterContentWrapper > ul > li:last-child {
              padding: 0px 0px; } }
        .filterWrap .filterContentWrapper > ul > li.active {
          background: #fff; }
  .filterWrap .filterContent {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: auto;
    background: #d1d1d1;
    border: 1px solid #e8e8e8;
    border-bottom: 0px;
    border-top: 0px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .filterWrap .filterContent {
        border: 0px;
        background: #fff; } }
    .filterWrap .filterContent h4 {
      text-transform: uppercase;
      padding: 0px;
      margin: 0px 0px 21px;
      font-size: 12px;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      font-weight: bold; }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterWrap .filterContent h4 {
          margin: 0px;
          padding: 10px 0px 13px 0px;
          border-bottom: 1px solid #bababa;
          font-weight: bold; } }
    .filterWrap .filterContent > ul .col {
      clear: both; }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterWrap .filterContent > ul .col {
          display: none; } }
  .filterWrap .controls a {
    position: absolute;
    top: 30%;
    height: 50px;
    width: 20px;
    background: #191919;
    text-indent: -9999em;
    left: 0px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") #000 center center no-repeat;
    background-size: 91%; }
    .filterWrap .controls a.next {
      right: 0px;
      left: auto;
      transform: rotate(180deg); }
    @media (min-width: 0px) and (max-width: 767px) {
      .filterWrap .controls a {
        display: none; } }
  .filterWrap .tabs {
    border: 1px solid #e8e8e8;
    width: 100%;
    float: left;
    position: relative;
    background: #fff; }
    @media (min-width: 0px) and (max-width: 767px) {
      .filterWrap .tabs nav {
        display: none; } }
    .filterWrap .tabs .filterNav {
      width: 30px;
      height: 24px;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_utility.svg") center center no-repeat;
      transform: rotate(270deg);
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      right: 1.3%;
      top: 10px;
      position: absolute;
      text-indent: -9999em;
      background-size: 80%; }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterWrap .tabs .filterNav {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box.svg") no-repeat 0 0;
          background-size: 120%;
          background-position: -2px -2px; } }
      .filterWrap .tabs .filterNav.hideFilterDesc {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transform: rotate(90deg); }
    .filterWrap .tabs h3 {
      width: 13.5%;
      cursor: pointer;
      letter-spacing: 1px;
      float: left;
      line-height: 46px;
      font-size: 14px;
      padding: 0px;
      margin: 0px;
      text-align: center; }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterWrap .tabs h3 {
          width: 100%;
          text-align: left;
          text-indent: 5%;
          font-size: 1.2em;
          background: #f0f0f0; } }
    .filterWrap .tabs nav {
      width: 80%;
      float: left;
      font-size: 14px;
      line-height: 46px; }
      .filterWrap .tabs nav a {
        width: 14.2%;
        float: left;
        position: relative;
        text-align: center;
        letter-spacing: 1px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        text-transform: uppercase; }
        .filterWrap .tabs nav a span:before {
          content: "";
          height: 34%;
          border-left: 1px solid #bababa;
          position: absolute;
          left: 0px;
          top: 31%; }
  .filterWrap a.active {
    background: #191919;
    color: #fff; }
    .filterWrap a.active span:before, .filterWrap a.active + a span:before {
      display: none; }

/*Tab Area Layout*/
/*FilterState*/
.filterState.mobile {
  display: none; }
  @media (min-width: 0px) and (max-width: 767px) {
    .filterState.mobile {
      display: block; } }

.filterState {
  width: 100%;
  float: left;
  background: #191919; }
  @media (min-width: 0px) and (max-width: 767px) {
    .filterState {
      display: none;
      background: none; } }
  .filterState .selectedFilters {
    width: 80%;
    float: right;
    text-align: left;
    padding: 7px 0px; }
    .filterState .selectedFilters .wrapper {
      width: 98%;
      margin-left: 2%;
      text-align: left;
      height: 40px;
      overflow: hidden;
      position: relative; }
      .filterState .selectedFilters .wrapper .bx-viewport {
        margin-left: 6% !important;
        width: 89% !important;
        z-index: 1; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .filterState .selectedFilters .wrapper .bx-viewport {
            margin-left: 8% !important;
            width: 84% !important; } }
      .filterState .selectedFilters .wrapper .filterbxSlider {
        width: 100% !important;
        max-width: 100% !important; }
      .filterState .selectedFilters .wrapper ul {
        width: 99999px;
        position: absolute; }
      .filterState .selectedFilters .wrapper li a {
        text-transform: uppercase;
        font-size: 12px;
        border: 1px solid #bababa;
        padding: 11px 41px 11px 11px;
        float: left;
        color: #fff;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_white.svg") 90% 9px no-repeat;
        background-size: auto 50%;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 90%; }
      .filterState .selectedFilters .wrapper .filterControls {
        position: absolute;
        height: 40px;
        width: 100%;
        top: 0px; }
        .filterState .selectedFilters .wrapper .filterControls span {
          position: absolute;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") #191919 center center no-repeat;
          background-size: 44%;
          text-indent: -9999em;
          top: 0px;
          left: 0px;
          height: 41px;
          width: 38px;
          border: 1px solid #bababa;
          border-top: 0px;
          border-bottom: 0px;
          margin-left: 0px; }
          .filterState .selectedFilters .wrapper .filterControls span.next {
            right: 0px;
            left: auto;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg); }
          .filterState .selectedFilters .wrapper .filterControls span a {
            display: block;
            height: 100%; }
  .filterState .buttons {
    width: 20%;
    float: right;
    position: relative; }
    @media (min-width: 0px) and (max-width: 767px) {
      .filterState .buttons {
        width: 100%; } }
    .filterState .buttons:before {
      content: "";
      height: 100%;
      border-left: 2px solid #fff;
      position: absolute;
      left: 49%;
      top: 0px; }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterState .buttons:before {
          display: none; } }
    .filterState .buttons button {
      width: 49%;
      float: right;
      height: 52px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      font-size: 15px; }
      @media (min-width: 0px) and (max-width: 767px) {
        .filterState .buttons button {
          color: #191919;
          border: 2px solid #191919;
          height: 33px;
          width: 40%;
          margin: 10px 0px;
          margin-left: 6%;
          background: #fff;
          float: left; } }

.breadcrumb-result-text a {
  color: black; }

.category-heading.search-result h1 {
  color: #989898;
  float: left;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  margin: 0px 0px 10px 20px;
  margin: 0rem 0rem 0.625rem 1.25rem;
  padding: 0px 7px 0px 0px;
  padding: 0rem 0.4375rem 0rem 0rem;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .category-heading.search-result h1 {
      font-size: 30px;
      font-size: 1.875rem; } }
  @media only screen and (max-width: 767px) {
    .category-heading.search-result h1 {
      font-size: 16px;
      font-size: 1rem;
      margin: 0px 0px 10px 10px;
      margin: 0rem 0rem 0.625rem 0.625rem; } }
  .category-heading.search-result h1 .slash-search {
    color: #989898; }
.category-heading.search-result .category-results-hits {
  float: left;
  color: #989898;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  padding-top: 10px;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .category-heading.search-result .category-results-hits {
      padding-top: 3px;
      padding-top: 0.1875rem;
      font-size: 13px;
      font-size: 0.8125rem; } }

.search-result-plp.container-fluid .breadcrumb {
  padding-left: 6px; }
.search-result-plp.container-fluid .plp-refine {
  margin-top: 18px;
  margin-top: 1.125rem; }
  .search-result-plp.container-fluid .plp-refine h2 {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    text-transform: none; }
  .search-result-plp.container-fluid .plp-refine .refinement.Category ul {
    padding: 0px 0px 0px 18px;
    padding: 0rem 0rem 0rem 1.125rem; }
    .search-result-plp.container-fluid .plp-refine .refinement.Category ul li.expandable {
      margin-bottom: 10px;
      margin-bottom: 0.625rem;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .search-result-plp.container-fluid .plp-refine .refinement.Category ul li.expandable {
          font-size: 18px;
          font-size: 1.125rem; } }
.search-result-plp.container-fluid .plp-search-new {
  margin-top: 18px;
  margin-top: 1.125rem; }
  .search-result-plp.container-fluid .plp-search-new h1 {
    border-bottom: 1px solid grey;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .search-result-plp.container-fluid .plp-search-new .section-header > p {
    color: #666666;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    text-transform: uppercase;
    margin: 0;
    padding: 0px 0px 16px 0px;
    padding: 0rem 0rem 1rem 0rem; }
    .search-result-plp.container-fluid .plp-search-new .section-header > p .no-hits-search-term {
      color: black;
      font-weight: bold; }
  .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 {
    /* firefox 19+ */
    /* ie */ }
    .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 button {
      background-color: black;
      float: left;
      padding: 21px 15px 21px 21px;
      padding: 1.3125rem 0.9375rem 1.3125rem 1.3125rem;
      height: 0;
      width: 5%; }
    .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 .plp-search-image {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sprite-icon.png") 0 -616px #000 no-repeat; }
    .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 .label-new-search {
      margin-bottom: 9px;
      margin-bottom: 0.5625rem;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      font-size: 15px;
      font-size: 0.9375rem; }
    .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 .input-text {
      width: 40%;
      height: 42px;
      background-color: grey;
      font-size: 17px;
      font-size: 1.0625rem;
      padding: 9px 12px 10px 12px;
      padding: 0.5625rem 0.75rem 0.625rem 0.75rem;
      float: left;
      -webkit-appearance: caret;
      -moz-appearance: caret;
      outline: none;
      border: none;
      -webkit-appearance: none;
      border-radius: 0; }
      @media only screen and (max-width: 767px) {
        .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 .input-text {
          width: 88%; } }
    .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 .input-text::-webkit-input-placeholder {
      font-size: 17px;
      font-size: 1.0625rem;
      color: white; }
    .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 .input-text::-moz-placeholder {
      font-size: 17px;
      font-size: 1.0625rem;
      color: white; }
    .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 .input-text:-ms-input-placeholder {
      font-size: 17px;
      font-size: 1.0625rem;
      color: white; }
    .search-result-plp.container-fluid .plp-search-new .error-page-search.searchV2 .input-textinput:-moz-placeholder {
      font-size: 17px;
      font-size: 1.0625rem;
      color: white; }

.web_dialog_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 998;
  display: none;
  overflow: auto; }

.web_dialog {
  display: none;
  position: absolute;
  width: 80%;
  height: auto;
  background-color: #ffffff;
  padding: 0px;
  z-index: 999;
  right: 0px;
  left: 0px;
  top: 0px;
  margin: 0 auto;
  margin-top: 80px; }
  @media only screen and (min-width: 1200px) {
    .web_dialog {
      width: 920px; } }

.article-close {
  position: absolute;
  text-align: center;
  top: -60px;
  /* text-align: center; */
  display: block;
  right: 0;
  left: 0px; }

.article-close-bottom {
  position: absolute;
  text-align: center;
  bottom: -65px;
  /* text-align: center; */
  display: block;
  right: 0;
  left: 0px; }

a.btnCloseArticle {
  background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/article_close.png") scroll no-repeat left center;
  height: 25px;
  width: 25px;
  display: inline-block;
  text-decoration: none; }

.article-content .article-page {
  padding-top: 0px; }
  .article-content .article-page .row {
    padding: 0px; }
    .article-content .article-page .row .left-section {
      width: 100%;
      margin-bottom: 0px; }
      .article-content .article-page .row .left-section .flex-img img {
        width: 100%; }
      .article-content .article-page .row .left-section .flex-img .zoom-image-main-sbl {
        display: none; }
      .article-content .article-page .row .left-section .anchor-article-img {
        bottom: 46px !important; }

.article_cross_sell {
  position: relative;
  overflow: hidden; }
  .article_cross_sell .article-2-banner {
    padding: 0px; }
  .article_cross_sell img {
    width: 100%; }
  .article_cross_sell .article-banner {
    width: 100%;
    position: relative;
    height: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article_cross_sell .article-banner .flex-img {
        position: relative;
        width: 100%;
        height: 100%; } }
    @media only screen and (max-width: 767px) {
      .article_cross_sell .article-banner .flex-img {
        position: relative;
        width: 100%;
        height: 100%; } }
  @media only screen and (max-width: 767px) {
    .article_cross_sell .article-product-slider.cross_sell_hide {
      display: none; } }
  .article_cross_sell .article-product-slider {
    bottom: 0;
    position: absolute;
    overflow: hidden;
    height: 87px;
    padding: 0;
    width: 100%;
    background-color: white; }
    .article_cross_sell .article-product-slider .article-crousel-content {
      overflow: hidden;
      background-color: white;
      bottom: 0;
      position: absolute;
      width: 100%; }
      .article_cross_sell .article-product-slider .article-crousel-content .slide-wrapper li.panel {
        height: 310px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .article_cross_sell .article-product-slider .article-crousel-content .slide-wrapper li.panel {
            height: 280px; } }
        .article_cross_sell .article-product-slider .article-crousel-content .slide-wrapper li.panel .article-anchor .anchor-article-img {
          width: 100%;
          position: absolute;
          left: 0px;
          right: 0px;
          bottom: 35px; }
          @media only screen and (max-width: 767px) {
            .article_cross_sell .article-product-slider .article-crousel-content .slide-wrapper li.panel .article-anchor .anchor-article-img {
              height: 240px;
              bottom: 50px; } }
        .article_cross_sell .article-product-slider .article-crousel-content .slide-wrapper li.panel .article-anchor .article-price {
          width: 100%;
          position: absolute;
          bottom: 0px;
          left: 0px;
          right: 0px;
          background-color: white; }
  .article_cross_sell .article-product-slider .bx-wrapper .bx-controls-direction a {
    top: 286px; }

.article-page .article-video-edit {
  height: 100%; }
  .article-page .article-video-edit .custom-poster {
    width: 100%; }

.article-video-edit .fullscreen-button {
  display: none; }

.article-zoomWrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/loading-small.gif") no-repeat center center #fff;
  z-index: 503; }
  .article-zoomWrapper .article-zoomImg {
    position: absolute; }

.article-zoomClose {
  text-indent: -9999px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box_grey.svg") no-repeat 0 0;
  height: 40px;
  width: 40px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  background-color: white; }

.zoom-image-main-article {
  text-indent: -9999px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Zoom_white.svg") no-repeat 0 0;
  height: 24px;
  width: 24px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer; }

.article-zoomWrapper .common-video-sec {
  text-align: center;
  height: 100%; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .article_cross_sell .article-product-slider .article-crousel-content .slide-wrapper li.panel {
    height: 280px; }

  .article_cross_sell .article-product-slider .bx-wrapper .bx-controls-direction a {
    top: 257px;
    display: none; }

  #article-dialog .article-content .article-page .right-section {
    display: none; } }
#article-dialog .article-content .carousel-article .zoom-image-main-sbl {
  display: none; }

.aritcle-fixed-hidden {
  overflow: hidden !important; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .aritcle-fixed-hidden {
      position: fixed; } }

/*WRAPPER CLASS*/
.denimBuyingGuide .denim-share .addthis_counter {
  display: none !important; }

.help-overlay-denimbuyingGuide.ui-dialog .ui-dialog-content {
  padding: 51px 83px 52px;
  text-align: center; }
.help-overlay-denimbuyingGuide.ui-dialog .ui-dialog-titlebar-close {
  height: 22px;
  width: 22px;
  right: 10px;
  top: 10px; }
  .help-overlay-denimbuyingGuide.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close-black.svg") no-repeat 0 0;
    height: 22px;
    width: 22px; }
.help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-controls-direction a {
  width: auto;
  height: auto;
  text-indent: 0px;
  top: auto;
  bottom: -40px;
  text-decoration: underline; }
  .help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-controls-direction a.end-disabled {
    display: none; }
.help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-next {
  right: -71px;
  background: none; }
  .help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-next:after {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") -105px -5px no-repeat;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    margin-left: 5px; }
.help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-prev {
  left: -71px;
  background: none; }
  .help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-prev:before {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") -94px -5px no-repeat;
    width: 10px;
    height: 10px;
    content: "";
    margin-right: 5px;
    display: inline-block; }
.help-overlay-denimbuyingGuide.ui-dialog h4 {
  font-size: 21px;
  letter-spacing: 1px; }
.help-overlay-denimbuyingGuide.ui-dialog .image-swipe {
  padding-top: 20px; }
.help-overlay-denimbuyingGuide.ui-dialog .image-arrow {
  padding-top: 20px;
  padding-bottom: 20px; }
.help-overlay-denimbuyingGuide.ui-dialog p {
  padding: 20px 0 0;
  line-height: 20px;
  margin: 0; }
.help-overlay-denimbuyingGuide.ui-dialog .slide-elemnet-Close {
  position: absolute;
  cursor: pointer;
  display: none;
  right: 14px;
  bottom: 13px;
  text-decoration: underline;
  font-size: 13px; }
.help-overlay-denimbuyingGuide.ui-dialog .show-btn {
  border: 3px solid #191919;
  line-height: 30px;
  padding: 0 20px;
  display: inline-block;
  vertical-align: top;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 17px;
  letter-spacing: 1px; }

.gender-selction-guide {
  width: 100%;
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
  position: relative; }
  .gender-selction-guide .bx-wrapper .bx-controls-auto,
  .gender-selction-guide .bx-wrapper .bx-pager {
    bottom: 10px; }
  .gender-selction-guide .denim-colm-2 {
    width: 50%;
    float: left;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .gender-selction-guide .denim-colm-2 {
        width: 100%;
        height: 474px; } }
    @media only screen and (max-width: 767px) {
      .gender-selction-guide .denim-colm-2 {
        width: 100%; } }
    .gender-selction-guide .denim-colm-2 > img {
      vertical-align: top;
      width: 100%; }
  .gender-selction-guide .hadding-title {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    top: 0px;
    left: 0px;
    z-index: 49;
    position: absolute;
    width: 100%; }
    .gender-selction-guide .hadding-title h6 {
      color: #fff;
      font-size: 22px;
      line-height: 40px;
      text-align: center;
      letter-spacing: 1px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .gender-selction-guide .guide-Box {
    position: absolute;
    bottom: 20px;
    z-index: 99;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .gender-selction-guide .guide-Box {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      .gender-selction-guide .guide-Box {
        bottom: 40px; } }
    .gender-selction-guide .guide-Box .guide-colm-box {
      margin: 3% auto;
      padding: 20px 20px 40px 20px;
      border: 3px solid #fff;
      width: 80%;
      letter-spacing: 1px;
      cursor: default;
      position: relative;
      min-height: 290px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .gender-selction-guide .guide-Box .guide-colm-box {
          width: 90%;
          min-height: 250px; } }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box .guide-colm-box {
          padding: 12px 0;
          min-height: 110px; } }
    .gender-selction-guide .guide-Box h1 {
      font-size: 60px;
      color: #fff;
      text-align: center;
      letter-spacing: 2px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .gender-selction-guide .guide-Box h1 {
          font-size: 45px; } }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box h1 {
          font-size: 26px; } }
    .gender-selction-guide .guide-Box h2 {
      font-size: 42px;
      color: #fff;
      text-align: center;
      letter-spacing: 3px; }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box h2 {
          font-size: 26px; } }
      .gender-selction-guide .guide-Box h2 small {
        font-size: 18px;
        color: #fff;
        text-align: center;
        display: block; }
        @media only screen and (max-width: 767px) {
          .gender-selction-guide .guide-Box h2 small {
            font-size: 26px;
            display: inline; } }
    .gender-selction-guide .guide-Box h3 {
      font-size: 32px;
      color: #fff;
      text-align: center;
      letter-spacing: 3px; }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box h3 {
          font-size: 26px; } }
    .gender-selction-guide .guide-Box p {
      text-align: center;
      margin: 0;
      font-size: 18px;
      letter-spacing: 0.7px;
      color: #fff;
      margin-top: 18px;
      overflow: hidden;
      max-height: 102px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .gender-selction-guide .guide-Box p {
          font-size: 16px;
          max-height: 95px; } }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box p {
          display: none; } }
    .gender-selction-guide .guide-Box .url-area {
      margin-top: 45px;
      display: block;
      width: 100%;
      text-align: center;
      color: white;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 25px; }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box .url-area {
          bottom: 15px; } }
      .gender-selction-guide .guide-Box .url-area a {
        color: #fff;
        letter-spacing: 1px;
        border-bottom: 2px solid #fff;
        text-transform: uppercase;
        padding-bottom: 0px; }
        .gender-selction-guide .guide-Box .url-area a:hover {
          border-bottom: none; }
      .gender-selction-guide .guide-Box .url-area a + a {
        margin-left: 15px; }
    .gender-selction-guide .guide-Box .expore-linlk {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
    .gender-selction-guide .guide-Box .explore {
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: underline;
      line-height: 26px;
      text-align: center;
      color: #fff;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    .gender-selction-guide .guide-Box .explore:hover {
      text-decoration: none; }
  .gender-selction-guide .denim-colm-1 {
    width: 50%;
    float: left;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .gender-selction-guide .denim-colm-1 {
        width: 100%;
        height: 474px; } }
    @media only screen and (max-width: 767px) {
      .gender-selction-guide .denim-colm-1 {
        width: 100%; } }
    .gender-selction-guide .denim-colm-1 > img {
      vertical-align: top;
      width: 100%; }
    .gender-selction-guide .denim-colm-1 .guide-Box {
      right: 0px; }

/*WRAPPER box*/
/*WRAPPER CLASS*/
.journey-selction-level {
  display: none;
  width: 100%;
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin-bottom: 2px; }
  .journey-selction-level .hadding-title {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    top: 0px;
    left: 0px;
    z-index: 49;
    position: absolute;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .hadding-title {
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .hadding-title {
        background: black none repeat scroll 0 0;
        position: relative; } }
    .journey-selction-level .hadding-title h6 {
      color: #fff;
      font-size: 22px;
      line-height: 40px;
      text-align: center;
      letter-spacing: 1px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase; }
    .journey-selction-level .hadding-title .joggjeans-guide {
      padding: 0 18px 0 0;
      font-size: 16px;
      margin: 0 20px 0 0;
      float: right;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: none;
      line-height: 40px;
      text-align: center;
      display: block;
      color: #fff;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/link-arrow.png") no-repeat right center; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .hadding-title .joggjeans-guide {
          display: none; } }
  @media only screen and (max-width: 767px) {
    .journey-selction-level .hadding-title-top .gender-relevant {
      display: block; } }
  .journey-selction-level .gender-relevant {
    padding: 0px;
    margin: 10px 0px 0 23px;
    list-style: none;
    float: left; }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .gender-relevant {
        display: block;
        position: absolute;
        bottom: -29px;
        left: 0;
        display: none;
        margin: 0;
        width: 45%; } }
    .journey-selction-level .gender-relevant li {
      padding: 0 18px 0 0;
      float: left;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .gender-relevant li {
          padding: 0 0 0 25%; } }
      .journey-selction-level .gender-relevant li a, .journey-selction-level .gender-relevant li span {
        color: #999;
        text-decoration: none; }
      .journey-selction-level .gender-relevant li a.active, .journey-selction-level .gender-relevant li span.active {
        color: #fff;
        text-decoration: underline; }
  .journey-selction-level .journey-box {
    padding: 0 4%;
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .journey-box {
        padding: 0; } }
    .journey-selction-level .journey-box.journey-box-black {
      background: #242527; }
  .journey-selction-level .summary-guide-wrapper {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative; }
    @media (min-width: 1024px) {
      .journey-selction-level .summary-guide-wrapper.data-summary-guide-count-3 {
        width: 75%; } }
    @media (min-width: 1024px) {
      .journey-selction-level .summary-guide-wrapper.data-summary-guide-count-3 .summary-guide {
        width: 33%; } }
  .journey-selction-level .dbg-cat-count-1 {
    visibility: hidden; }
    .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper {
      width: 25%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper {
          width: 100%; } }
      .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper .summary-guide {
        margin: 0;
        width: 100%; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper .summary-guide {
            margin: 50% 0 0;
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper .summary-guide {
            margin: 60% 0 0;
            width: 100%; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper .summary-guide {
            height: 34%;
            margin: 15% 0 0; } }
    .journey-selction-level .dbg-cat-count-1 .overview-guide .overview-guide-name {
      margin-left: 34.5%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .dbg-cat-count-1 .overview-guide .overview-guide-name {
          margin-left: 34.5%; } }
  .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper {
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper {
        width: 100%; } }
    .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide {
      margin: 0;
      width: 50%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide {
          width: 100%; }
          .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 30%; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide {
          width: 100%; }
          .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 39%; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide {
          height: 34%; }
          .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 5%; } }
  .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-tabs {
    width: 46%;
    margin: 0 auto;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-tabs {
        width: 89%;
        margin: 0;
        float: left; } }
  .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-name {
    margin: 0px;
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-name {
        margin: 0; } }
  .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper {
    width: 85%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper {
        width: 100%; } }
    .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide {
      margin: 0;
      width: 33%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide {
          margin: 0;
          width: 100%; }
          .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 18%; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide {
          margin: 0;
          width: 100%; }
          .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 20%; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide {
          height: 30%;
          margin: 0; }
          .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 0; } }
  .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-name {
    margin: 0;
    width: 25.76%; }
    .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-name:first-child {
      margin: 0 0 0 7%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-name {
        margin: 0;
        width: 25.76%; }
        .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-name:first-child {
          margin: 0 0 0 7%; } }
  .journey-selction-level .dbg-cat-count-3 .overview-guide .share-icon1-view {
    float: right;
    display: block;
    width: 4%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-3 .overview-guide .share-icon1-view {
        width: 6%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .journey-selction-level .dbg-cat-count-4 .summary-guide-wrapper .summary-guide .journey-guide-Box {
      padding: 5px 20px; }
      .journey-selction-level .dbg-cat-count-4 .summary-guide-wrapper .summary-guide .journey-guide-Box .journey-guide-box-inner-1 {
        padding: 2px 20px 0px;
        border: 2px solid #fff; }
      .journey-selction-level .dbg-cat-count-4 .summary-guide-wrapper .summary-guide .journey-guide-Box h2 {
        font-size: 24px; }
      .journey-selction-level .dbg-cat-count-4 .summary-guide-wrapper .summary-guide .journey-guide-Box .explore-link {
        font-size: 13px; } }
  .journey-selction-level .dbg-cat-count-1 .overview-guide .share-icon1-view, .journey-selction-level .dbg-cat-count-2 .overview-guide .share-icon1-view, .journey-selction-level .dbg-cat-count-3 .overview-guide .share-icon1-view {
    float: right;
    display: block;
    width: 4%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-1 .overview-guide .share-icon1-view, .journey-selction-level .dbg-cat-count-2 .overview-guide .share-icon1-view, .journey-selction-level .dbg-cat-count-3 .overview-guide .share-icon1-view {
        width: 6%; } }
  @media only screen and (max-width: 767px) {
    .journey-selction-level .dbg-cat-count-1 .overview-guide .overview-guide-tabs, .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-tabs, .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-tabs {
      display: none; } }
  .journey-selction-level .summary-guide {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .summary-guide {
        width: 100%;
        height: 24%; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .summary-guide {
        width: 100%;
        height: 23%; } }
    .journey-selction-level .summary-guide.summary-guide-bg-none {
      background-image: none !important; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .summary-guide.summary-guide-bg-none .journey-guide-Box {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .summary-guide.summary-guide-bg-none .journey-guide-Box {
          display: none; } }
  .journey-selction-level .journey-guide-Box {
    position: absolute;
    cursor: pointer;
    bottom: 40px;
    z-index: 9;
    padding: 40px;
    width: 100%;
    letter-spacing: 1px; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .journey-selction-level .journey-guide-Box {
        padding: 40px 20px; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      .journey-selction-level .journey-guide-Box {
        display: table;
        width: 100%;
        height: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .journey-guide-Box {
        bottom: 0px;
        right: 0px;
        width: 50%;
        padding: 20px; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .journey-guide-Box {
        bottom: 0;
        padding: 14px 20px; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      .journey-selction-level .journey-guide-Box .journey-guide-box-inner {
        display: table-cell;
        vertical-align: middle; } }
    .journey-selction-level .journey-guide-Box .journey-guide-box-inner-1 {
      padding: 20px 20px 30px;
      border: 3px solid #fff;
      height: 320px;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .journey-guide-Box .journey-guide-box-inner-1 {
          padding: 20px 20px 10px;
          max-height: 175px; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .journey-guide-Box .journey-guide-box-inner-1 {
          padding: 8px 20px 0px;
          height: auto; } }
    .journey-selction-level .journey-guide-Box h2 {
      font-size: 52px;
      color: #fff;
      text-align: center;
      word-break: break-all;
      letter-spacing: 3px;
      padding: 5% 0 6% 0; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .journey-guide-Box h2 {
          padding: 0 0 9px;
          font-size: 32px; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .journey-guide-Box h2 {
          font-size: 30px;
          padding: 0; } }
    .journey-selction-level .journey-guide-Box p {
      font-size: 16px;
      margin: 0;
      color: #fff;
      padding: 0 0px 10px;
      line-height: 24px;
      text-align: center; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .journey-guide-Box p {
          font-size: 14px;
          line-height: 18px; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .journey-guide-Box p {
          padding: 0 0 8px; } }
      .journey-selction-level .journey-guide-Box p.description-text {
        max-height: 169px;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .journey-selction-level .journey-guide-Box p.description-text {
            display: none; } }
    .journey-selction-level .journey-guide-Box .explore-link {
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: underline;
      line-height: 26px;
      text-align: center;
      color: #fff;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .journey-guide-Box .explore-link {
          line-height: 21px; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .journey-guide-Box .explore-link {
          font-size: 16px;
          line-height: 20px; } }
    .journey-selction-level .journey-guide-Box .explore-link:hover {
      text-decoration: none; }
  .journey-selction-level .journey-guide-Box.bg .journey-guide-box-inner {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; }
  .journey-selction-level .overview-guide {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    position: absolute;
    width: 100%;
    border-top: 0px solid #bababa; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .overview-guide {
        background: #151617; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .overview-guide {
        border-top: 0;
        visibility: hidden; } }
    .journey-selction-level .overview-guide .share-media-bottom {
      bottom: 35px;
      top: auto; }
    .journey-selction-level .overview-guide.overview-guide-top {
      border-bottom: 1px solid #bababa; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide.overview-guide-top {
          display: block;
          background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
          border-bottom: 0;
          visibility: visible; } }
      .journey-selction-level .overview-guide.overview-guide-top .share-media-bottom {
        bottom: auto;
        top: 35px; }
    .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box {
      display: none; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box {
          float: right;
          text-transform: uppercase;
          line-height: 38px;
          width: 55%;
          text-align: center;
          color: #fff;
          border: 1px solid #fff;
          letter-spacing: 1px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 18px;
          display: block; } }
      .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        appearance: none;
        border: 0;
        background: transparent;
        color: #fff;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        width: 100%;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        text-indent: 20%; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box:after {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") right center no-repeat;
          width: 18px;
          height: 38px;
          content: "";
          position: absolute;
          right: 13px;
          top: 0;
          -o-transform: rotate(-90deg);
          /* opera */
          -moz-transform: rotate(-90deg);
          /* mozilla */
          -ms-transform: rotate(-90deg);
          /* IE 9 */
          -webkit-transform: rotate(-90deg);
          /* Safari */
          transform: rotate(-90deg);
          /* Standard syntax */ } }
      .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box.active:after {
        -o-transform: rotate(90deg);
        /* opera */
        -moz-transform: rotate(90deg);
        /* mozilla */
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Safari */
        transform: rotate(90deg);
        /* Standard syntax */ }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .overview-guide .overview-guide-tabs {
        display: none;
        position: absolute;
        right: 0px;
        width: 55%;
        border: 1px solid #fff;
        top: 40px;
        border-top: none;
        background-color: #64686b; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .overview-guide .overview-guide-tabs .overview-guide-name {
        width: 100%;
        border-right: none; } }
    .journey-selction-level .overview-guide .overview-guide-name {
      width: 23%;
      font-size: 18px;
      float: left;
      line-height: 38px;
      letter-spacing: 1px;
      border-right: 0px solid #bababa;
      color: #fff;
      text-align: center;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      display: block;
      cursor: pointer; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .overview-guide .overview-guide-name {
          border-right: 0px solid #212223;
          font-size: 14px; } }
      .journey-selction-level .overview-guide .overview-guide-name.active {
        color: #333;
        background: #fff; }
    .journey-selction-level .overview-guide .help-icon {
      width: 4%;
      color: #fff;
      cursor: pointer;
      font-size: 28px;
      line-height: 38px;
      float: left;
      text-align: center;
      letter-spacing: 1px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      border-right: 0px solid #bababa; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .overview-guide .help-icon {
          border-right: 2px solid #212223; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide .help-icon {
          display: none; } }
    .journey-selction-level .overview-guide .share-icon1-view {
      width: 4%;
      position: relative;
      display: inline-block;
      vertical-align: top; }
    .journey-selction-level .overview-guide .share-icon1 {
      display: block;
      height: 18px;
      width: 18px;
      vertical-align: top;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Share_white.svg") no-repeat 0 0;
      text-indent: -999999px; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide .share-icon1 {
          display: none; } }

/*WRAPPER CLASS*/
.denimBuyingGuide .tab-sec-wrapper .tab-sec {
  position: relative;
  overflow-x: hidden;
  display: none; }
  .denimBuyingGuide .tab-sec-wrapper .tab-sec .bx-wrapper .bx-controls-direction a {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px;
    width: 28px;
    height: 42px; }
  .denimBuyingGuide .tab-sec-wrapper .tab-sec .bx-wrapper .bx-controls-direction .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px;
    left: 10px; }
  .denimBuyingGuide .tab-sec-wrapper .tab-sec .bx-wrapper .bx-controls-direction .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -226px -65px;
    right: 10px; }
.denimBuyingGuide .tab-sec-wrapper .tab-sec.guide-show {
  display: block; }
.denimBuyingGuide .tab-sec-wrapper .go-back-btn-mobile {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 15px;
  color: #fff;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") no-repeat 0 0;
  position: absolute;
  left: 0;
  top: 86px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 21px;
  margin-left: 8px;
  cursor: pointer;
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .denimBuyingGuide .tab-sec-wrapper .go-back-btn-mobile {
      top: 90px; } }
  @media only screen and (max-width: 767px) {
    .denimBuyingGuide .tab-sec-wrapper .go-back-btn-mobile {
      top: 57px; } }

.main-carusel-section-wrap .main-carusel-section {
  display: none; }
  .main-carusel-section-wrap .main-carusel-section:first-child {
    display: block; }
  .main-carusel-section-wrap .main-carusel-section .image-sec {
    position: relative;
    background-color: #64686b;
    height: 90vh;
    overflow: visible;
    overflow-x: visible;
    overflow-y: hidden; }
    .main-carusel-section-wrap .main-carusel-section .image-sec .image-left-sec {
      width: 100%;
      position: relative;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .image-left-sec {
          width: 100%;
          height: auto; } }
      @media only screen and (max-width: 767px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .image-left-sec {
          width: 100%;
          height: auto; } }
    .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video {
      width: 100%;
      position: relative;
      height: 90vh;
      overflow: hidden; }
      @media (min-width: 0px) and (max-width: 1023px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video {
          height: auto; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .pause-button, .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .video-icons-pause {
          left: 23px;
          top: 145px; } }
      @media (min-width: 1024px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .play-button, .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .video-icons-play {
          left: 39%;
          top: 54%; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .play-button, .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .video-icons-play {
          top: 41%; } }
      .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video video {
        top: 0;
        z-index: 10 !important;
        left: 0; }
        @media (min-width: 0px) and (max-width: 1024px) {
          .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video video {
            display: none;
            object-fit: cover;
            object-position: 50% 50%; } }
    .main-carusel-section-wrap .main-carusel-section .image-sec img {
      display: block;
      width: 100%; }
  .main-carusel-section-wrap .main-carusel-section .hotspot {
    position: absolute;
    left: 0;
    top: 0;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/hotspot.png") no-repeat 0 0;
    height: 44px;
    width: 44px;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .main-carusel-section-wrap .main-carusel-section .hotspot {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/hotspot-mobile.png") no-repeat 0 0;
        height: 32px;
        width: 32px; } }
    .main-carusel-section-wrap .main-carusel-section .hotspot.active {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/hotspot-active.png") no-repeat 0 0; }
      @media only screen and (max-width: 767px) {
        .main-carusel-section-wrap .main-carusel-section .hotspot.active {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/hotspot-active-mobile.png") no-repeat 0 0; } }

.box-data-style {
  border: 3px solid #fff;
  width: 34%;
  padding: 43px;
  position: absolute;
  right: 12%;
  bottom: 148px;
  color: #fff;
  max-width: 415px;
  z-index: 11; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .box-data-style {
      padding: 20px 30px;
      bottom: 180px;
      width: 39%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-data-style {
      max-width: none;
      width: 80%;
      bottom: 170px;
      padding: 30px 43px;
      text-align: center;
      right: 10%; } }
  @media only screen and (max-width: 767px) {
    .box-data-style {
      max-width: none;
      width: 80%;
      bottom: 59px;
      right: 10%;
      padding: 0;
      border: none; } }
  .box-data-style h6 {
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .box-data-style h6 {
        text-align: center; } }
    @media only screen and (max-width: 767px) {
      .box-data-style h6 {
        text-align: center; } }
  .box-data-style h3 {
    font-size: 60px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    line-height: 53px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .box-data-style h3 {
        font-size: 45px;
        text-align: center;
        line-height: 40px; } }
    @media only screen and (max-width: 767px) {
      .box-data-style h3 {
        font-size: 35px;
        text-align: center;
        line-height: 40px; } }
  .box-data-style p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
    @media only screen and (max-width: 767px) {
      .box-data-style p {
        display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-data-style .btn-wrap {
      width: 330px;
      margin: 0 auto; } }
  .box-data-style .btn-wrap .shop-btn {
    font-size: 16px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    letter-spacing: 1px;
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: top;
    height: 34px;
    line-height: 28px;
    color: #fff;
    padding: 0 24px;
    text-transform: uppercase;
    cursor: pointer; }
    .box-data-style .btn-wrap .shop-btn:hover {
      background-color: white;
      color: black;
      transition: 0.2s; }
    @media only screen and (max-width: 767px) {
      .box-data-style .btn-wrap .shop-btn {
        width: 100%;
        text-align: center;
        margin-top: 5px; } }
  .box-data-style .btn-wrap .see-styles {
    padding: 0 0px 0px 12px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    text-decoration: underline;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .box-data-style .btn-wrap .see-styles {
        display: block;
        text-align: center; } }

.thumbnail-menu {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  overflow: hidden; }
  .thumbnail-menu ul.t-level-1 {
    padding: 0;
    margin: 0;
    width: 999999px;
    float: left; }
    .thumbnail-menu ul.t-level-1 > li {
      float: left;
      position: relative;
      overflow: hidden; }
      .thumbnail-menu ul.t-level-1 > li span.t-level-1 {
        font-size: 14px;
        color: #fff;
        height: 29px;
        line-height: 29px;
        display: block;
        background-color: #828689;
        border-right: 1px solid #6b7073;
        min-width: 139px; }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li span.t-level-1 {
            height: 40px;
            line-height: 40px;
            font-size: 17px;
            min-width: 0px;
            padding: 0 35px;
            background-color: #888; } }
      .thumbnail-menu ul.t-level-1 > li ul.t-level-2 {
        background: rgba(130, 134, 137, 0.72);
        float: left;
        margin: 0;
        padding: 0;
        height: 0;
        overflow: hidden;
        border-top: 1px solid #6b7073; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 {
            height: 110px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 {
            width: 0;
            background: #888; } }
        .thumbnail-menu ul.t-level-1 > li ul.t-level-2 .text {
          display: table;
          height: 100%;
          width: 100%; }
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 .text span {
            display: table-cell;
            vertical-align: middle; }
        .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li {
          border-right: 1px solid #6b7073;
          width: 139px;
          float: left;
          height: 100%;
          padding: 0 25px;
          font-size: 14px;
          cursor: pointer; }
          @media (min-width: 0px) and (max-width: 767px) {
            .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li {
              height: 40px;
              line-height: 40px;
              font-size: 17px;
              min-width: 0px;
              color: #fff; } }
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.active-small {
            background-color: #191919;
            color: #fff; }
            @media (min-width: 0px) and (max-width: 767px) {
              .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.active-small {
                position: relative; } }
            @media (min-width: 0px) and (max-width: 767px) {
              .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.active-small:after {
                content: "";
                height: 3px;
                width: 100%;
                position: absolute;
                left: 0;
                top: -3px;
                background: #888; } }
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.image-sec {
            position: relative;
            overflow: hidden;
            display: block;
            background-color: #828689; }
            .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.image-sec img {
              max-width: 100%; }
            .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.image-sec:after {
              background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/transparent_thumbnail_over.png") no-repeat 0 bottom;
              position: absolute;
              bottom: 0;
              left: 0;
              height: 29px;
              width: 100%;
              content: "";
              display: none; }
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.ipad-only-see-styles {
            display: none;
            cursor: pointer;
            padding: 0; }
      .thumbnail-menu ul.t-level-1 > li ul.t-level-2-submenu {
        display: block;
        width: 0;
        overflow: hidden;
        height: 0px;
        float: left; }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2-submenu {
            height: auto;
            width: auto;
            display: none; } }
      .thumbnail-menu ul.t-level-1 > li.active span.t-level-1 {
        color: #191919;
        background-color: #fff; }
      .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 {
        background: rgba(255, 255, 255, 0.5); }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 {
            background: #888; } }
        .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 li.image-sec {
          background-color: #fff; }
          .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 li.image-sec:after {
            display: block; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 li .ipad-only-see-styles {
            display: block; } }
      .thumbnail-menu ul.t-level-1 > li.active-ele span.t-level-1 {
        color: #191919;
        background-color: #fff; }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li.active-ele span.t-level-1 {
            color: #fff;
            background-color: #191919;
            letter-spacing: 2px; } }
      .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 {
        background: rgba(255, 255, 255, 0.5); }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 {
            background: #888; } }
        .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 li.image-sec {
          background-color: #fff; }
          .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 li.image-sec:after {
            display: block; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 li.ipad-only-see-styles {
            display: block; } }

.mobile-subtitle-detail {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  display: none;
  position: fixed;
  padding: 80px 10%;
  height: 100%;
  width: 100%;
  top: 0px;
  z-index: 99999; }
  @media only screen and (max-width: 767px) {
    .mobile-subtitle-detail {
      display: block; } }
  .mobile-subtitle-detail .sbutitle-detail {
    border: 3px solid #fff;
    padding: 50px 15px;
    background: rgba(0, 0, 0, 0.61); }
    .mobile-subtitle-detail .sbutitle-detail h3 {
      color: #fff;
      font-size: 24px;
      line-height: 40px;
      text-align: center;
      letter-spacing: 1px; }
    .mobile-subtitle-detail .sbutitle-detail p {
      font-size: 16px;
      line-height: 24px;
      color: #fff;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      text-align: center; }
    .mobile-subtitle-detail .sbutitle-detail .close-box {
      display: block;
      height: 20px;
      width: 20px;
      float: right;
      margin: -35px 0 0 0;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_white.svg") no-repeat 0 0;
      text-indent: -999999px;
      cursor: pointer; }

.denimGuide-landing-dbg-slider .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  outline: 0;
  text-indent: -9999px;
  z-index: 14;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px;
  width: 28px;
  height: 42px; }
  .denimGuide-landing-dbg-slider .bx-controls-direction a.bx-prev {
    left: 7px; }
  .denimGuide-landing-dbg-slider .bx-controls-direction a.bx-next {
    right: 0px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -234px -65px; }

.main-carusel-section-wrap .bx-wrapper .bx-controls .bx-prev, .main-carusel-section-wrap .bx-wrapper .bx-controls .bx-next {
  display: none; }

.main-carusel-section-wrap-bx.show-only-childButton .bx-controls .bx-prev, .main-carusel-section-wrap-bx.show-only-childButton .bx-controls .bx-next {
  display: none; }
.main-carusel-section-wrap-bx.show-only-childButton .main-carusel-section-wrap .bx-wrapper .bx-controls .bx-prev, .main-carusel-section-wrap-bx.show-only-childButton .main-carusel-section-wrap .bx-wrapper .bx-controls .bx-next {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px;
  display: block; }
.main-carusel-section-wrap-bx.show-only-childButton .main-carusel-section-wrap .bx-wrapper .bx-controls .bx-next {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px; }

.plpremovedenim {
  display: none; }

.plprecentdenim {
  position: absolute;
  left: -9999px; }

.sale-email-landing {
  background-size: cover !important;
  width: 100%;
  height: 90vh;
  position: relative;
  background-repeat: no-repeat !important;
  max-width: 1920px; }
  .sale-email-landing .email_sale_landing {
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
    color: white; }
    .sale-email-landing .email_sale_landing .email_sale_text {
      position: relative;
      max-width: 1024px;
      margin: 0 auto;
      padding-left: 10px;
      padding-right: 10px; }
      .sale-email-landing .email_sale_landing .email_sale_text h2 {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 42px;
        font-size: 2.625rem;
        letter-spacing: 0.08em; }
        @media only screen and (max-width: 767px) {
          .sale-email-landing .email_sale_landing .email_sale_text h2 {
            font-size: 34px;
            font-size: 2.125rem; } }
      .sale-email-landing .email_sale_landing .email_sale_text p {
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
        font-size: 16px;
        font-size: 1rem;
        letter-spacing: 0.05em; }
    .sale-email-landing .email_sale_landing .email_sale_form {
      overflow: hidden;
      position: relative;
      max-width: 1024px;
      margin: 0 auto; }
      .sale-email-landing .email_sale_landing .email_sale_form .sale-template_email {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        padding: 0px  15px 0px 15px; }
        @media only screen and (max-width: 767px) {
          .sale-email-landing .email_sale_landing .email_sale_form .sale-template_email {
            display: block;
            padding-bottom: 0px; } }
        .sale-email-landing .email_sale_landing .email_sale_form .sale-template_email #dCodeEmail {
          width: 225px !important;
          text-align: center; }
      .sale-email-landing .email_sale_landing .email_sale_form .sale-template_men {
        display: inline-block;
        padding: 0px 15px; }
        .sale-email-landing .email_sale_landing .email_sale_form .sale-template_men #submit-men {
          width: 225px !important; }
        @media only screen and (max-width: 767px) {
          .sale-email-landing .email_sale_landing .email_sale_form .sale-template_men {
            display: block;
            padding-bottom: 10px; } }
      .sale-email-landing .email_sale_landing .email_sale_form .sale-template_women {
        display: inline-block;
        padding: 0px  10px 0px 15px; }
        .sale-email-landing .email_sale_landing .email_sale_form .sale-template_women #submit-women {
          width: 225px !important; }
        @media only screen and (max-width: 767px) {
          .sale-email-landing .email_sale_landing .email_sale_form .sale-template_women {
            display: block;
            padding-bottom: 10px;
            padding: 0px 15px; } }

.sale_template_mobile {
  display: block;
  height: 20px; }
  @media only screen and (min-width: 767px) {
    .sale_template_mobile {
      display: none;
      height: 0px; } }

.sale_template_dekstop {
  display: block;
  height: 20px; }
  @media only screen and (max-width: 767px) {
    .sale_template_dekstop {
      display: none;
      height: 0px; } }

.email_sale_error {
  text-align: left;
  color: #d0021b;
  padding-top: 5px;
  font-size: 13px; }
  .email_sale_error .message-success {
    color: #3c763d; }
  @media only screen and (max-width: 767px) {
    .email_sale_error {
      padding-top: 2px; } }

.sale-email-landing input[type="submit"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #000000;
  background: #ffffff;
  border: solid #000000 0px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  padding: 7px 8px 6px 8px;
  text-align: center; }

/*chekout page*/
/*WRAPPER CLASS*/
.checkout-focus {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  height: 100%;
  /*primary Cntr*/
  /*primary Cntr*/
  /*secondary Cntr*/
  /*secondary Cntr*/ }
  .checkout-focus .breadcrumb-container {
    padding: 0 0 0 24px;
    position: static; }
  .checkout-focus .steps-bar {
    background: #fff; }
    .checkout-focus .steps-bar .checkout-wrapper {
      height: 100%; }
    .checkout-focus .steps-bar h2.checkoutStepCounter {
      border-left: 2px solid #000;
      float: left;
      font-family: oswald;
      font-size: 1.5em;
      margin: 24px 0 20px 24px;
      padding: 0 0 0 20px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      float: left;
      font-size: 24px;
      letter-spacing: 1px; }
      .checkout-focus .steps-bar h2.checkoutStepCounter #currentCheckoutStep {
        padding: 0 5px; }
    .checkout-focus .steps-bar .help-number {
      float: right;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      background: #f0f0f0; }
      .checkout-focus .steps-bar .help-number .title {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        margin: 15px 0 20px 24px;
        text-transform: uppercase;
        padding: 7px 28px;
        float: left;
        border: 2px solid #000;
        letter-spacing: 1.5px; }
        @media only screen and (max-width: 767px) {
          .checkout-focus .steps-bar .help-number .title {
            margin: 15px 0 20px 2%; } }
      .checkout-focus .steps-bar .help-number .shipping-help {
        padding-right: 0px;
        float: right;
        margin: 27px 0 20px 0px; }
        @media only screen and (max-width: 767px) {
          .checkout-focus .steps-bar .help-number .shipping-help {
            padding-right: 0%;
            margin: 0px 0 10px 0px;
            padding-left: 0px; } }
        .checkout-focus .steps-bar .help-number .shipping-help p {
          font-size: 18px;
          margin: 0px;
          float: left;
          border-bottom: 0px solid #000;
          line-height: normal;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
        .checkout-focus .steps-bar .help-number .shipping-help p.help-line1 {
          padding: 0 0 0 18px;
          border-bottom: none;
          display: inline-block;
          line-height: 24px;
          margin: 0px 0 0px 14px;
          font-size: 14px;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/help-phone-icon.jpg") no-repeat left center; }
  .checkout-focus .shipping-closed {
    font-family: "TradeGothicLTPro", Arial, sans-serif; }
    .checkout-focus .shipping-closed .details {
      line-height: 20px;
      padding: 15px 40px 15px 25px;
      margin: 0 0px 15px 0px;
      background: #fff; }
      @media only screen and (max-width: 767px) {
        .checkout-focus .shipping-closed .details {
          padding: 15px 40px 15px 9px; } }
    .checkout-focus .shipping-closed strong {
      text-transform: capitalize; }
  .checkout-focus .sumamryView a {
    float: right;
    padding: 10px 25px 0 0;
    text-decoration: underline;
    color: #000; }
  .checkout-focus .accordion-group {
    margin: 0 0 4px 0; }
  .checkout-focus .section-header {
    padding: 9px 24px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    float: left;
    text-transform: uppercase;
    margin: 0px;
    position: relative; }
    .checkout-focus .section-header span {
      background-color: #ccc;
      border-radius: 50%;
      color: #000;
      display: block;
      float: left;
      height: 26px;
      line-height: 26px;
      margin-left: 0;
      font-size: 18px;
      letter-spacing: 1px;
      margin-right: 10px;
      padding-left: 0px;
      width: 26px;
      text-align: center; }
  .checkout-focus .accordion-heading {
    margin: 0 0 4px 0;
    color: #fff;
    background: #181818 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/chackout-hading-bg2.jpg") no-repeat right center; }
    .checkout-focus .accordion-heading h2 {
      background: #181818 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/chackout-hading-bg1.jpg") no-repeat left center; }
    .checkout-focus .accordion-heading a {
      float: right;
      padding: 15px 25px 0 0;
      text-decoration: underline;
      font-family: "TradeGothicLTPro", Arial, sans-serif; }
  .checkout-focus .accordion-heading.up {
    color: #000;
    background: #fff url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/chackout-hading-bg4.jpg") no-repeat right center; }
    .checkout-focus .accordion-heading.up h2 {
      background: #fff url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/chackout-hading-bg3.jpg") no-repeat left center; }
  .checkout-focus .accordion-heading.sumamryView {
    color: #fff;
    background: #181818 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/chackout-hading-bg2.jpg") no-repeat right center; }
    .checkout-focus .accordion-heading.sumamryView h2 {
      background: #181818 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/chackout-hading-bg1.jpg") no-repeat left center; }
    .checkout-focus .accordion-heading.sumamryView a {
      color: #fff;
      padding: 15px 25px 0 0; }
  .checkout-focus .checkout-billing input[type="checkbox"] {
    margin: 0 15px;
    width: 20px;
    height: 20px; }
  .checkout-focus .checkout-billing label {
    line-height: 20px;
    text-transform: capitalize; }
  .checkout-focus .error-message {
    color: #EB0028; }
  .checkout-focus .form-caption a {
    text-decoration: underline; }
  .checkout-focus legend {
    background: #fff;
    font-size: 20px;
    letter-spacing: 1px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    box-sizing: border-box;
    color: #000;
    padding: 11px 30px;
    text-transform: uppercase;
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .checkout-focus .savethiscard {
      margin: 15px 0 0 0px;
      width: 100%;
      float: left; } }
  .checkout-focus .label-removed label {
    left: -999em;
    position: absolute; }
  .checkout-focus .checkout-order-totals .order-totals-table {
    text-transform: uppercase; }
  .checkout-focus .order-totals-table {
    width: 100%;
    padding-top: 20px;
    letter-spacing: 0.5px;
    line-height: 26px;
    font-size: 18px;
    color: #808080;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    .checkout-focus .order-totals-table .order-shipping-discount {
      color: #d0021b; }
    .checkout-focus .order-totals-table .order-subtotal {
      color: #191919; }
    .checkout-focus .order-totals-table .value {
      float: right; }
    .checkout-focus .order-totals-table .order-total {
      padding-top: 20px;
      padding-bottom: 20px;
      color: #191919; }
      @media only screen and (max-width: 767px) {
        .checkout-focus .order-totals-table .order-total {
          margin-bottom: 5px;
          padding-bottom: 0px;
          padding-top: 5px; } }
    .checkout-focus .order-totals-table .cart-coupon-code {
      display: none; }
    .checkout-focus .order-totals-table .order-totals-item {
      width: 60%;
      padding: 25px 0 0; }
    .checkout-focus .order-totals-table .order-totals-value {
      padding: 25px 0 0;
      width: 40%;
      text-align: left; }
    .checkout-focus .order-totals-table td {
      padding: 1em 0; }
  .checkout-focus .checkout-order-totals .order-totals-table .order-shipping-discount, .checkout-focus .checkout-order-totals .order-totals-table .discount {
    color: #d0021b; }
  .checkout-focus .shipping-method-wrapper .total-shipping-discount {
    color: #d0021b; }
  .checkout-focus #checkoutBillingSection {
    padding: 10px 25px;
    margin: 0px;
    background: #fff; }
    @media only screen and (max-width: 767px) {
      .checkout-focus #checkoutBillingSection {
        padding: 10px; } }
    .checkout-focus #checkoutBillingSection .error-form {
      font-weight: 600; }
  .checkout-focus .steps-bar {
    background: #f0f0f0;
    width: 70%; }
    @media only screen and (max-width: 767px) {
      .checkout-focus .steps-bar {
        width: 100%; } }
    .checkout-focus .steps-bar .title {
      float: left;
      margin: 24px 0 20px 0px; }
  .checkout-focus .review #right-nav-wrapper {
    display: none; }
  .checkout-focus #primary {
    padding: 0px 2%;
    width: 70%;
    border-right: 1px solid #ccc;
    margin-right: -1px;
    float: left;
    background: #f0f0f0; }
    .checkout-focus #primary label {
      color: #000;
      display: block;
      font-weight: 400;
      margin-bottom: 6px;
      text-transform: uppercase;
      font-size: 12px; }
    .checkout-focus #primary textarea {
      border: 1px solid #ccc;
      padding: 0.7em;
      text-indent: 0;
      resize: none; }
    .checkout-focus #primary input {
      margin-bottom: 7px; }
    .checkout-focus #primary .primary-content {
      border: 0 none;
      position: relative;
      float: left;
      margin: 0;
      overflow: hidden;
      padding: 0; }
    .checkout-focus #primary .ui-corner-br {
      border-bottom-right-radius: 0px; }
    .checkout-focus #primary .ui-tabs-nav {
      margin: 0;
      padding: 0px; }
      .checkout-focus #primary .ui-tabs-nav li {
        border-bottom: 0 none !important;
        float: left;
        background: #bebebe;
        margin: 0px;
        padding: 0;
        position: relative;
        top: 0px; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .ui-tabs-nav li {
            width: 49%;
            white-space: initial;
            min-height: 64px; } }
      .checkout-focus #primary .ui-tabs-nav li a {
        float: left;
        padding: 18px 24px;
        color: #fefefe;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 18px; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .ui-tabs-nav li a {
            width: 100%;
            padding: 8px 0px;
            text-align: center; } }
        @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
          .checkout-focus #primary .ui-tabs-nav li a {
            font-size: 12px;
            padding: 24px 0px; } }
        @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
          .checkout-focus #primary .ui-tabs-nav li a {
            font-size: 14px;
            padding: 24px 0px; } }
        @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
          .checkout-focus #primary .ui-tabs-nav li a {
            font-size: 16px;
            padding: 24px 0px; } }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .ui-tabs-nav li:first-child {
          margin-right: 2%; } }
      .checkout-focus #primary .ui-tabs-nav .ui-state-active {
        background: #282828; }
      .checkout-focus #primary .ui-tabs-nav .ui-state-active a {
        color: #fff; }
    .checkout-focus #primary .ui-widget-header {
      background: none;
      border: none;
      color: #222;
      font-weight: bold; }
    .checkout-focus #primary .ui-widget-content {
      border: none; }
    .checkout-focus #primary .ui-tabs-panel {
      background: #fff;
      border-top: 1px solid #d9d9d9;
      border-radius: 0;
      color: #414141;
      font-size: 0.9em;
      line-height: 1.5em;
      margin: 0;
      padding: 20px 24px; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .ui-tabs-panel {
          padding: 20px 10px; } }
    .checkout-focus #primary .ui-corner-all, .checkout-focus #primary .ui-corner-top, .checkout-focus #primary .ui-corner-left, .checkout-focus #primary .ui-corner-tl {
      border-radius: 0px; }
    .checkout-focus #primary .ui-tabs {
      padding: 0px; }
    .checkout-focus #primary fieldset {
      border: 0 none;
      margin: 0;
      padding: 0; }
    .checkout-focus #primary .shipping-form-wrapper, .checkout-focus #primary .shipping-method-wrapper, .checkout-focus #primary .checkout-billing {
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      overflow: hidden;
      padding: 0px; }
    .checkout-focus #primary .checkout-billing {
      overflow: inherit; }
    .checkout-focus #primary .shipping-form-wrapper {
      overflow: inherit;
      float: left;
      width: 100%; }
      .checkout-focus #primary .shipping-form-wrapper label {
        font-size: 12px;
        margin-bottom: 1px;
        line-height: 18px; }
    .checkout-focus #primary .form-row {
      margin-bottom: 10px;
      position: relative;
      width: 100%;
      float: left; }
    .checkout-focus #primary label {
      color: #000;
      display: block;
      font-weight: 400;
      margin-bottom: 6px;
      text-transform: uppercase; }
    .checkout-focus #primary input.text, .checkout-focus #primary input[type="text"], .checkout-focus #primary input[type="email"], .checkout-focus #primary input[type="tel"], .checkout-focus #primary input[type="time"], .checkout-focus #primary input[type="date"], .checkout-focus #primary input[type="password"], .checkout-focus #primary textarea {
      width: 72%;
      resize: none; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .checkout-focus #primary input.text, .checkout-focus #primary input[type="text"], .checkout-focus #primary input[type="email"], .checkout-focus #primary input[type="tel"], .checkout-focus #primary input[type="time"], .checkout-focus #primary input[type="date"], .checkout-focus #primary input[type="password"], .checkout-focus #primary textarea {
          width: 83%; } }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary input.text, .checkout-focus #primary input[type="text"], .checkout-focus #primary input[type="email"], .checkout-focus #primary input[type="tel"], .checkout-focus #primary input[type="time"], .checkout-focus #primary input[type="date"], .checkout-focus #primary input[type="password"], .checkout-focus #primary textarea {
          width: 100%; } }
    .checkout-focus #primary button {
      background-color: #d0021b;
      border: 2px solid #d0021b;
      color: #fff;
      cursor: pointer;
      display: inline;
      font-size: 12px;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      width: auto;
      float: right;
      transition: 0.2s; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary button {
          float: none;
          width: 100%;
          padding: 10px 0px; } }
      .checkout-focus #primary button:hover {
        color: #d0021b;
        background-color: #fff; }
        .checkout-focus #primary button:hover span {
          color: #d0021b; }
      .checkout-focus #primary button span:hover {
        color: #d0021b; }
    .checkout-focus #primary button[disabled], .checkout-focus #primary input[disabled], .checkout-focus #primary button[disabled]:hover {
      color: #fff !important;
      cursor: default;
      background-color: #808080;
      border-color: #808080; }
    .checkout-focus #primary button[disabled]:hover span {
      color: #fff; }
    .checkout-focus #primary button:hover {
      background-color: #fff;
      color: #d0021b; }
    .checkout-focus #primary button:active {
      background-color: #d0021b;
      color: #fff; }
    .checkout-focus #primary .shipping-address {
      position: relative;
      width: 100%;
      float: left; }
      .checkout-focus #primary .shipping-address .form-field-tooltip {
        left: 75px;
        position: absolute;
        text-decoration: underline;
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .shipping-address .form-field-tooltip {
            display: none !important; } }
    .checkout-focus #primary .tooltip-content {
      background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
      border-radius: 3px;
      color: #fff;
      display: none;
      font-size: 12px;
      font-style: normal;
      left: 100%;
      max-width: 300px;
      min-width: 200px;
      padding: 1em;
      position: absolute;
      text-decoration: none;
      top: 100%;
      z-index: 10;
      visibility: hidden;
      opacity: 0; }
    .checkout-focus #primary .tooltip:hover .tooltip-content {
      display: block;
      opacity: 1;
      visibility: visible;
      overflow: visible; }
    .checkout-focus #primary .inline-input {
      float: left;
      margin-bottom: 17px;
      width: 100%; }
      .checkout-focus #primary .inline-input .country-inline, .checkout-focus #primary .inline-input .city-inline, .checkout-focus #primary .inline-input .zipCode-inline {
        clear: none;
        float: left;
        margin: 0 4% 0 0;
        width: 34%; }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
          .checkout-focus #primary .inline-input .country-inline, .checkout-focus #primary .inline-input .city-inline, .checkout-focus #primary .inline-input .zipCode-inline {
            width: 39%;
            margin: 0 4% 0 0; } }
        .checkout-focus #primary .inline-input .country-inline .country-new[disabled], .checkout-focus #primary .inline-input .city-inline .country-new[disabled], .checkout-focus #primary .inline-input .zipCode-inline .country-new[disabled] {
          border: 1px solid #cdcbcb;
          color: #191919 !important;
          background: transparent;
          text-transform: uppercase;
          opacity: 1; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .inline-input .country-inline, .checkout-focus #primary .inline-input .city-inline, .checkout-focus #primary .inline-input .zipCode-inline {
            width: 100%;
            margin: 0px 0 17px 0; } }
      .checkout-focus #primary .inline-input .state-inline {
        clear: none;
        float: left;
        margin: 0;
        width: 34%;
        text-transform: uppercase; }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
          .checkout-focus #primary .inline-input .state-inline {
            width: 39.5%; } }
        .checkout-focus #primary .inline-input .state-inline select {
          text-transform: uppercase; }
        .checkout-focus #primary .inline-input .state-inline option {
          text-transform: uppercase; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .inline-input .state-inline {
            width: 100%;
            margin: 0px 0 6px 0; } }
      .checkout-focus #primary .inline-input input[type="text"] {
        width: 100%; }
    .checkout-focus #primary .inline-phone {
      float: left;
      margin-bottom: 17px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .inline-phone {
          margin: -20px 0 17px 0; } }
    .checkout-focus #primary select {
      box-sizing: border-box;
      font-size: 12px;
      width: 100%;
      height: 32px;
      border: 1px solid #cdcbcb;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      text-transform: uppercase;
      padding-left: 6px; }
    .checkout-focus #primary option.select-option {
      text-transform: uppercase; }
    .checkout-focus #primary .select-img {
      display: block;
      height: 30px !important;
      left: -1px !important;
      position: absolute;
      top: 20px !important;
      width: 100% !important;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png") no-repeat scroll 100% center; }
    .checkout-focus #primary .tooltip-help {
      float: left;
      margin: 0 0 30px;
      width: 100%; }
      .checkout-focus #primary .tooltip-help a.tooltip {
        color: #000;
        font-size: 1em;
        text-decoration: underline; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .tooltip-help {
          display: none; } }
    .checkout-focus #primary .form-caption {
      float: left;
      margin: 0 0 4px 0;
      width: 100%; }
    .checkout-focus #primary .use-as-billing {
      float: left;
      margin: 0;
      width: 100%; }
      .checkout-focus #primary .use-as-billing .form-row {
        float: left;
        margin: 0 0 17px;
        width: 100%; }
      .checkout-focus #primary .use-as-billing input[type="checkbox"] {
        float: left;
        margin: 0;
        height: 20px;
        width: 20px;
        padding: 0; }
      .checkout-focus #primary .use-as-billing .form-row {
        position: relative; }
        .checkout-focus #primary .use-as-billing .form-row label {
          float: left;
          margin: 0;
          padding-left: 13px;
          text-transform: none;
          width: auto; }
    .checkout-focus #primary .is-this-gift {
      float: left;
      margin: 0;
      position: relative;
      width: 100%; }
      .checkout-focus #primary .is-this-gift label {
        margin: 0 0 15px;
        font-weight: 600; }
      .checkout-focus #primary .is-this-gift input[type="radio"] {
        left: 0;
        top: 30px;
        height: 22px;
        margin: 0;
        width: 22px;
        opacity: 0; }
      .checkout-focus #primary .is-this-gift input.first[type="radio"] {
        left: 0;
        top: 30px; }
      .checkout-focus #primary .is-this-gift .radio-label {
        float: left;
        margin: 0 20px 0 0;
        padding: 0;
        text-transform: none;
        line-height: 24px;
        font-weight: 300; }
        .checkout-focus #primary .is-this-gift .radio-label span {
          float: left;
          height: 22px;
          margin: 0 8px 0 0;
          width: 22px;
          background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ratio-sprite.png") no-repeat scroll center -68px; }
    .checkout-focus #primary .shipping-method-wrapper input[type="radio"]:checked + label .radio-proxy, .checkout-focus #primary .is-this-gift input[type="radio"]:checked + .radio-label span, .checkout-focus #primary .payment-method-options input[type="radio"]:checked + .payment-label span {
      background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ratio-sprite.png") no-repeat scroll center -46px; }
    .checkout-focus #primary .gift-message-text {
      display: none;
      float: left;
      margin: 15px 0 0;
      width: 100%; }
      .checkout-focus #primary .gift-message-text span.error {
        bottom: -23px; }
    .checkout-focus #primary .char-count {
      display: block;
      padding: 5px 0 0;
      margin-bottom: 5px; }
    .checkout-focus #primary legend {
      box-sizing: border-box;
      color: #000;
      padding: 11px 30px 20px 0;
      text-transform: uppercase;
      width: 100%; }
      @media (min-width: 768px) {
        .checkout-focus #primary legend {
          padding: 5px 30px 5px 0; } }
      .checkout-focus #primary legend .legend-head {
        float: left;
        font-size: 18px;
        letter-spacing: 1px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      .checkout-focus #primary legend .order-shipping-discount {
        color: #eb0028;
        font-size: 12px;
        text-align: right;
        text-transform: capitalize;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        letter-spacing: 0; }
    .checkout-focus #primary #shipping-method-list .shipping-method-wrapper .tooltip {
      width: 15px;
      height: 15px;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icon-tooltip_grey.svg") 0 0 no-repeat;
      background-size: 100%;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 1px;
      cursor: pointer;
      text-decoration: none; }
    .checkout-focus #primary .shipping-method-wrapper .creditcardno {
      width: 72%; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .checkout-focus #primary .shipping-method-wrapper .creditcardno {
          width: 83%; } }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .shipping-method-wrapper .creditcardno {
          width: 100%; } }
      .checkout-focus #primary .shipping-method-wrapper .creditcardno input[type="text"] {
        width: 100%; }
      .checkout-focus #primary .shipping-method-wrapper .creditcardno .form-caption {
        margin-left: 0px; }
    .checkout-focus #primary .shipping-method-wrapper input[type="radio"] {
      height: 22px;
      left: 0;
      margin: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 22px; }
    .checkout-focus #primary .shipping-method-wrapper input:disabled + label {
      opacity: 0.5; }
    .checkout-focus #primary .shipping-method-wrapper input[type="radio"] + .payment-label span {
      background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ratio-sprite.png") no-repeat scroll center -68px;
      float: left;
      height: 22px;
      margin: 0 10px 0 0;
      width: 22px; }
    .checkout-focus #primary .shipping-method-wrapper .label-inline label {
      font-size: 1.167em;
      color: #000;
      line-height: 22px;
      margin: 0;
      padding-left: 0;
      text-transform: uppercase; }
    .checkout-focus #primary .shipping-method-wrapper label[for="shipping-method-ANY_2DAY_SR"] {
      float: left;
      width: auto; }
    .checkout-focus #primary .shipping-method-wrapper input[type="radio"] + label .radio-proxy {
      float: left;
      height: 22px;
      margin: 0 8px 0 0;
      width: 22px;
      background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ratio-sprite.png") no-repeat scroll center -68px; }
    .checkout-focus #primary .shipping-method-wrapper .form-caption {
      margin-left: 30px;
      text-decoration: none;
      width: auto; }
    .checkout-focus #primary .shipping-method-wrapper .form-row {
      float: left;
      position: relative;
      width: 100%; }
      .checkout-focus #primary .shipping-method-wrapper .form-row.optimized_type_credit {
        display: none; }
    .checkout-focus #primary .shipping-method-wrapper .tooltip {
      color: #000;
      text-decoration: underline;
      text-transform: none;
      position: relative;
      cursor: help; }
    .checkout-focus #primary .shipping-method-wrapper .strike {
      color: #999;
      text-decoration: line-through; }
    .checkout-focus #primary .shipping-method-wrapper .tooltip:hover .tooltip-content {
      display: block;
      opacity: 1;
      visibility: visible;
      overflow: visible; }
    .checkout-focus #primary .shipping-method-wrapper .sr_gbl_med_txt {
      overflow: auto;
      padding: 0 10px; }
    .checkout-focus #primary .shipping-method-wrapper .sr_bar-text a {
      text-decoration: underline;
      text-transform: capitalize; }
    .checkout-focus #primary .shipping-method-wrapper .continue-shipping {
      margin: 0; }
      @media only screen and (min-width: 768px) {
        .checkout-focus #primary .shipping-method-wrapper .continue-shipping {
          width: 72%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .checkout-focus #primary .shipping-method-wrapper .continue-shipping {
          width: 83%; } }
      .checkout-focus #primary .shipping-method-wrapper .continue-shipping a {
        cursor: pointer;
        display: block;
        float: left;
        padding: 10px 15px;
        text-decoration: underline;
        text-transform: uppercase;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/mob-spriteicon.png") no-repeat scroll 0 -180px; }
    .checkout-focus #primary .state-menu {
      overflow: hidden;
      width: 100%; }
      .checkout-focus #primary .state-menu .store-heading {
        color: #000;
        font-size: 18px;
        letter-spacing: 1px;
        padding-bottom: 20px;
        text-transform: uppercase;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      .checkout-focus #primary .state-menu .state-inline {
        margin-bottom: 20px;
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .state-menu .state-inline {
            width: 100%; } }
      .checkout-focus #primary .state-menu label {
        display: none; }
      .checkout-focus #primary .state-menu .select-img {
        top: 1px !important; }
      .checkout-focus #primary .state-menu .continue-shipping {
        margin: 0; }
        .checkout-focus #primary .state-menu .continue-shipping a {
          cursor: pointer;
          display: block;
          float: left;
          padding: 10px 15px;
          text-decoration: underline;
          text-transform: uppercase;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/mob-spriteicon.png") no-repeat scroll 0 -180px; }
        .checkout-focus #primary .state-menu .continue-shipping .continue-shipping-btn {
          float: right; }
        .checkout-focus #primary .state-menu .continue-shipping button {
          padding: 10px 16px; }
          @media only screen and (max-width: 767px) {
            .checkout-focus #primary .state-menu .continue-shipping button {
              margin-top: 15px;
              float: left; } }
    .checkout-focus #primary span.error {
      bottom: -13px;
      position: absolute; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .checkout-focus #primary span.error {
          font-size: 11px; } }
    .checkout-focus #primary #hazmat {
      line-height: 20px;
      display: none;
      bottom: 11px;
      position: relative;
      width: 100%;
      float: left; }
    .checkout-focus #primary .store-menu {
      width: 100%;
      float: left;
      margin-bottom: 20px; }
      .checkout-focus #primary .store-menu .selcter-hadding {
        padding: 0 0 17px 0;
        font-size: 13px;
        letter-spacing: 1px;
        font-size: 18px;
        color: #000;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        border-bottom: 1px solid #000; }
      .checkout-focus #primary .store-menu .deliveryDetails {
        margin-bottom: 30px;
        padding: 30px 30px 30px 96px;
        line-height: 35px;
        text-transform: uppercase;
        background: #f0f0f0 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/delvery-msg.jpg") no-repeat 30px center; }
      .checkout-focus #primary .store-menu .accordion-inner {
        border-bottom: 1px solid #ccc;
        margin: 0 -24px;
        font-size: 18px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-weight: 400;
        color: #000;
        letter-spacing: 1px;
        margin-top: 5px;
        padding: 25px; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .store-menu .accordion-inner {
            font-size: 16px; } }
        .checkout-focus #primary .store-menu .accordion-inner .store-info {
          cursor: pointer;
          font-size: 13px;
          float: right;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-weight: 100;
          margin-right: 20px; }
          @media only screen and (max-width: 767px) {
            .checkout-focus #primary .store-menu .accordion-inner .store-info {
              font-size: 11px;
              margin-right: 0; } }
        .checkout-focus #primary .store-menu .accordion-inner .accordion-content {
          display: none;
          padding: 13px 34px; }
          .checkout-focus #primary .store-menu .accordion-inner .accordion-content .store-map {
            border-bottom: 0 none;
            clear: both;
            margin-top: 20px; }
          .checkout-focus #primary .store-menu .accordion-inner .accordion-content a.close-map, .checkout-focus #primary .store-menu .accordion-inner .accordion-content a.view-map {
            cursor: pointer;
            border: 2px solid #000;
            letter-spacing: 1px;
            font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
            font-size: 16px;
            padding: 10px 54px;
            text-decoration: none;
            text-transform: uppercase; }
            @media only screen and (max-width: 767px) {
              .checkout-focus #primary .store-menu .accordion-inner .accordion-content a.close-map, .checkout-focus #primary .store-menu .accordion-inner .accordion-content a.view-map {
                padding: 10px 25px; } }
          .checkout-focus #primary .store-menu .accordion-inner .accordion-content a.close-map {
            display: none;
            padding: 10px 50px 10px 49px; }
          .checkout-focus #primary .store-menu .accordion-inner .accordion-content .address-details {
            width: 45%;
            line-height: 20px; }
            @media only screen and (max-width: 767px) {
              .checkout-focus #primary .store-menu .accordion-inner .accordion-content .address-details {
                width: 100%; } }
          .checkout-focus #primary .store-menu .accordion-inner .accordion-content .details5 {
            float: right;
            margin-top: -91px;
            width: 45%;
            line-height: 20px; }
            @media only screen and (max-width: 767px) {
              .checkout-focus #primary .store-menu .accordion-inner .accordion-content .details5 .showHours {
                width: 150px;
                background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/faq/faq-arrow.png") right center no-repeat; } }
            @media only screen and (max-width: 767px) {
              .checkout-focus #primary .store-menu .accordion-inner .accordion-content .details5 .hideHours {
                width: 150px;
                background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/faq/faq-arrow1.png") right center no-repeat; } }
            .checkout-focus #primary .store-menu .accordion-inner .accordion-content .details5 p {
              font-weight: 400;
              font-size: 14px; }
              @media only screen and (max-width: 767px) {
                .checkout-focus #primary .store-menu .accordion-inner .accordion-content .details5 p {
                  margin: 5px 0; } }
            @media only screen and (max-width: 767px) {
              .checkout-focus #primary .store-menu .accordion-inner .accordion-content .details5 {
                width: 100%;
                margin-top: 0px;
                float: left;
                margin-bottom: 15px; } }
          .checkout-focus #primary .store-menu .accordion-inner .accordion-content img {
            height: 40px;
            vertical-align: middle; }
        .checkout-focus #primary .store-menu .accordion-inner .store-details {
          font-size: 12px;
          font-weight: 100;
          letter-spacing: 0;
          font-family: "TradeGothicLTPro", Arial, sans-serif; }
      .checkout-focus #primary .store-menu input[type="radio"] {
        border: 0 none;
        height: 22px;
        margin: -3px 8px 0 0;
        outline: 0 none;
        -webkit-appearance: caret;
        vertical-align: middle;
        width: 22px;
        background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ratio-sprite.png") no-repeat scroll center -68px; }
      .checkout-focus #primary .store-menu input[type="radio"]:checked {
        background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ratio-sprite.png") no-repeat scroll center -46px; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .store-menu .store-info, .checkout-focus #primary .store-menu #closeButton {
          margin-right: -10px;
          float: right;
          height: 30px;
          width: 30px;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/filter-sptite-icon.png") no-repeat scroll 30% -194px;
          cursor: pointer;
          z-index: 1; }
        .checkout-focus #primary .store-menu #closeButton {
          background-position: 30% -157px; } }
    .checkout-focus #primary .payment-methods {
      width: 72%; }
      .checkout-focus #primary .payment-methods .select-img {
        top: 27px !important; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .payment-methods {
          width: 100%; } }
    .checkout-focus #primary .inline-payment {
      float: left;
      width: 100%; }
      .checkout-focus #primary .inline-payment .form-caption {
        margin-left: 0px; }
      .checkout-focus #primary .inline-payment .select-img {
        top: 1px !important; }
      .checkout-focus #primary .inline-payment .inline-two-field {
        float: left;
        width: 42%; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .inline-payment .inline-two-field {
            width: 100%; } }
        @media (min-width: 768px) {
          .checkout-focus #primary .inline-payment .inline-two-field {
            width: 36%; } }
        .checkout-focus #primary .inline-payment .inline-two-field .container-year {
          float: left;
          margin: 0 0 17px;
          width: 100%; }
          @media (min-width: 768px) {
            .checkout-focus #primary .inline-payment .inline-two-field .container-year {
              margin-bottom: 0; } }
          .checkout-focus #primary .inline-payment .inline-two-field .container-year .month {
            clear: none;
            float: left;
            margin: 0 4% 0 0;
            width: 61%; }
            @media (min-width: 768px) {
              .checkout-focus #primary .inline-payment .inline-two-field .container-year .month {
                width: 50%; } }
            .checkout-focus #primary .inline-payment .inline-two-field .container-year .month select {
              margin: 0 0 6px 0;
              padding-left: 6px; }
            @media only screen and (max-width: 767px) {
              .checkout-focus #primary .inline-payment .inline-two-field .container-year .month {
                width: 100%;
                margin: 0px; } }
          .checkout-focus #primary .inline-payment .inline-two-field .container-year .year {
            clear: none;
            float: left;
            width: 35%; }
            @media only screen and (max-width: 767px) {
              .checkout-focus #primary .inline-payment .inline-two-field .container-year .year {
                width: 100%;
                margin: 10px 0 0 0; } }
            @media (min-width: 768px) {
              .checkout-focus #primary .inline-payment .inline-two-field .container-year .year {
                width: 46%; } }
      .checkout-focus #primary .inline-payment .inline-field {
        float: left;
        margin: 0 0 0 2.8%;
        width: 38%;
        position: relative; }
        @media (min-width: 768px) {
          .checkout-focus #primary .inline-payment .inline-field {
            width: 60%;
            margin-bottom: 10px; } }
        @media (min-width: 1024px) {
          .checkout-focus #primary .inline-payment .inline-field {
            width: 46%; } }
        @media (min-width: 768px) {
          .checkout-focus #primary .inline-payment .inline-field .form-field-tooltip.cvn-tip {
            position: absolute;
            right: 28%;
            top: 3px; } }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .inline-payment .inline-field {
            width: 100%;
            margin: 0px; } }
        .checkout-focus #primary .inline-payment .inline-field .form-row {
          margin: 0 0 10px; }
        .checkout-focus #primary .inline-payment .inline-field span.error {
          bottom: -15px; }
          @media (min-width: 768px) {
            .checkout-focus #primary .inline-payment .inline-field span.error {
              margin-top: 0; } }
    .checkout-focus #primary #PaymentMethod_PayPal img {
      cursor: pointer; }
    .checkout-focus #primary .payment-method {
      clear: both;
      display: none;
      float: left;
      width: 100%; }
    .checkout-focus #primary .payment-method-expanded {
      display: block; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .payment-method-expanded {
          padding: 15px 0; } }
    .checkout-focus #primary .billing-continue {
      box-sizing: border-box;
      margin: 0;
      padding: 0 0px;
      float: none; }
      @media only screen and (min-width: 768px) {
        .checkout-focus #primary .billing-continue {
          width: 72%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .checkout-focus #primary .billing-continue {
          width: 83%; } }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .billing-continue {
          padding: 0;
          float: none; } }
      .checkout-focus #primary .billing-continue .button-fancy-large {
        background-color: #d0021b;
        color: #fff;
        cursor: pointer;
        display: inline;
        text-align: center;
        text-transform: uppercase;
        width: auto;
        float: right;
        padding-right: 25px;
        padding-left: 25px; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .billing-continue .button-fancy-large {
            float: none;
            width: 100%; } }
      .checkout-focus #primary .billing-continue .button-fancy-large:hover {
        background-color: #fff;
        color: #d0021b; }
      .checkout-focus #primary .billing-continue .button-fancy-large:active {
        background-color: #d0021b;
        color: #fff; }
    .checkout-focus #primary .mini-summary-wrapper {
      height: 100%; }
      @media only screen and (min-width: 768px) {
        .checkout-focus #primary .mini-summary-wrapper .orders-submit-wrapper button {
          padding-left: 43px;
          padding-right: 43px; } }
      .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift {
        width: 100%;
        overflow: hidden;
        margin-top: 20px; }
        @media only screen and (max-width: 768px) {
          .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift {
            margin-top: 0; } }
        .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .mini-payment-instrument, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .optimized_checkout_gift, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .mini-payment-instrument, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .optimized_checkout_gift {
          width: 49%; }
          @media only screen and (max-width: 768px) {
            .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .mini-payment-instrument, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .optimized_checkout_gift, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .mini-payment-instrument, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .optimized_checkout_gift {
              width: 100%; } }
          .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .mini-payment-instrument.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .optimized_checkout_gift.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .mini-payment-instrument.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .optimized_checkout_gift.optimized_checkout_payment {
            width: 49%;
            background-color: #fff;
            display: inline-block;
            height: 245px; }
            @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
              .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .mini-payment-instrument.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .optimized_checkout_gift.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .mini-payment-instrument.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .optimized_checkout_gift.optimized_checkout_payment {
                height: 270px; } }
            @media only screen and (max-width: 768px) {
              .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .mini-payment-instrument.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_addresses .optimized_checkout_gift.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .mini-payment-instrument.optimized_checkout_payment, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_pay_gift .optimized_checkout_gift.optimized_checkout_payment {
                width: 100%;
                height: auto; } }
      .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_shipping, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_billing {
        width: 49%;
        background-color: #fff;
        display: inline-block;
        height: 250px; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_shipping, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_billing {
            height: 270px; } }
        @media only screen and (max-width: 768px) {
          .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_shipping, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_billing {
            width: 100%;
            height: auto;
            background-color: inherit; } }
      .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_shipping, .checkout-focus #primary .mini-summary-wrapper .mini-payment-instrument {
        float: left; }
      .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_billing, .checkout-focus #primary .mini-summary-wrapper .optimized_checkout_gift {
        float: right; }
      .checkout-focus #primary .mini-summary-wrapper .address-header {
        display: none; }
      .checkout-focus #primary .mini-summary-wrapper .section-header {
        float: none;
        padding: 13px 24px;
        background: #fff;
        margin-top: 10px; }
      .checkout-focus #primary .mini-summary-wrapper .order-component-block {
        background-color: #fff;
        width: 100%;
        margin-bottom: 15px; }
      .checkout-focus #primary .mini-summary-wrapper .details {
        padding: 10px 0;
        margin: 0 24px;
        border-top: 1px solid #000;
        font-size: 14px;
        line-height: 20px;
        font-family: "TradeGothicLTPro", Arial, sans-serif; }
    .checkout-focus #primary .select-address {
      width: 72%; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .select-address {
          width: 100%; } }
      .checkout-focus #primary .select-address .select-img {
        top: 23px !important; }
      .checkout-focus #primary .select-address .form-row-button {
        display: none; }
      .checkout-focus #primary .select-address .simple-submit {
        float: left;
        width: 15%; }
      .checkout-focus #primary .select-address label {
        margin-bottom: 4px; }
    .checkout-focus #primary .label-inline input {
      margin: 0 10px 7px 0;
      float: left; }
    .checkout-focus #primary .select-criced-card {
      width: 72% !important; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .select-criced-card {
          width: 100% !important; } }
      .checkout-focus #primary .select-criced-card .select-img {
        top: 27px !important; }
    .checkout-focus #primary .form-row-button {
      float: left;
      display: none; }
      .checkout-focus #primary .form-row-button .simple-submit {
        width: 14%;
        text-transform: uppercase;
        float: left; }
        @media only screen and (max-width: 767px) {
          .checkout-focus #primary .form-row-button .simple-submit {
            width: 100%; } }
    .checkout-focus #primary .payment-method-options {
      margin: 0 0 10px; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .payment-method-options {
          margin: 0px; } }
      .checkout-focus #primary .payment-method-options .form-row {
        clear: none;
        float: left;
        margin: 0 20px 0 0;
        position: relative;
        width: auto; }
      .checkout-focus #primary .payment-method-options .payment-label {
        color: #666;
        display: block;
        float: left;
        font-size: 1em;
        line-height: 24px;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%; }
    .checkout-focus #primary .shipping-as-billing {
      margin: 11px 0 0 0; }
      .checkout-focus #primary .shipping-as-billing label {
        text-transform: none; }
    .checkout-focus #primary .hazmat-error {
      overflow: hidden;
      float: left; }
      .checkout-focus #primary .hazmat-error .error {
        padding: 0 0 10px 0;
        position: static;
        line-height: 18px; }
    .checkout-focus #primary .error-form {
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      line-height: 18px;
      font-size: 12px; }
    .checkout-focus #primary .statutary-warning {
      float: right;
      padding: 0 28% 0 0;
      margin: -17px 0 0 0; }
      .checkout-focus #primary .statutary-warning a {
        text-decoration: underline; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .statutary-warning {
          padding: 0;
          width: 100%;
          margin: -20px 0 0; } }
    .checkout-focus #primary .statutary-warning-ca {
      float: right;
      padding: 0 28% 0 0;
      margin: -17px 0 0 0; }
      .checkout-focus #primary .statutary-warning-ca a {
        text-decoration: underline; }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .checkout-focus #primary .statutary-warning-ca {
          padding: 1px 4% 0 38%; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .checkout-focus #primary .statutary-warning-ca {
          padding: 1px 18% 0 22%; } }
      @media only screen and (max-width: 767px) {
        .checkout-focus #primary .statutary-warning-ca {
          padding: 0;
          width: 100%;
          margin: -20px 0 0; } }
    @media only screen and (max-width: 767px) {
      .checkout-focus #primary {
        width: 100%;
        margin-left: 0px;
        border-left: none; } }
  .checkout-focus #secondary {
    width: 30.1%;
    float: right;
    margin-top: -71px;
    margin-left: -2px;
    background: #fff;
    border-left: 1px solid #ccc; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .checkout-focus #secondary {
        margin-top: -71px;
        padding: 0px; } }
    @media only screen and (max-width: 767px) {
      .checkout-focus #secondary {
        width: 100%;
        margin-top: 0px; } }
    .checkout-focus #secondary #right-nav-wrapper {
      padding: 0 6px; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #secondary #right-nav-wrapper {
          padding: 0px 5px 15px 5px; } }
    .checkout-focus #secondary .coupon-list {
      color: #d0021b;
      letter-spacing: 0.029em;
      line-height: 25px;
      font-size: 18px;
      padding: 0px;
      margin: 0px;
      text-transform: uppercase; }
      .checkout-focus #secondary .coupon-list .coupon-code {
        float: left; }
      .checkout-focus #secondary .coupon-list .coupon-header {
        float: left; }
      @media only screen and (max-width: 767px) {
        .checkout-focus #secondary .coupon-list {
          font-size: 16px; } }
    .checkout-focus #secondary .section-header {
      padding: 15px 0;
      border-bottom: 1px solid #000;
      float: none;
      font-size: 18px;
      letter-spacing: 1px;
      color: #000;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    .checkout-focus #secondary .mini-cart-scroll {
      width: 100%;
      font-family: "TradeGothicLTPro", Arial, sans-serif; }
      .checkout-focus #secondary .mini-cart-scroll .scrollbar {
        float: right;
        position: relative;
        width: 2.5%; }
      .checkout-focus #secondary .mini-cart-scroll .track {
        background-color: #fff;
        height: 100%;
        position: relative;
        width: 100%; }
      .checkout-focus #secondary .mini-cart-scroll .thumb {
        cursor: pointer;
        height: 20px;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        background: #000; }
        .checkout-focus #secondary .mini-cart-scroll .thumb .end {
          height: 5px;
          overflow: hidden;
          width: 8px; }
      .checkout-focus #secondary .mini-cart-scroll .viewport {
        background: transparent none repeat scroll 0 center;
        height: 344px;
        float: left;
        overflow: hidden;
        position: relative;
        width: 97.5%; }
      .checkout-focus #secondary .mini-cart-scroll .verview {
        left: 0;
        list-style: outside none none;
        position: absolute;
        top: 0;
        width: 100%; }
      .checkout-focus #secondary .mini-cart-scroll .overview {
        list-style: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }
    .checkout-focus #secondary .mini-cart-product {
      padding: 30px 0px 0px;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      background: transparent none repeat scroll 0 center;
      border-bottom: 2px solid #fff;
      display: block;
      min-height: 120px;
      overflow: hidden;
      text-transform: uppercase; }
      .checkout-focus #secondary .mini-cart-product .cart-details {
        padding: 0 0 0 7%;
        width: 65%;
        line-height: 18px;
        float: left; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .checkout-focus #secondary .mini-cart-product .cart-details {
            padding: 0px;
            width: 71%;
            font-size: 12px; } }
      .checkout-focus #secondary .mini-cart-product .mini-cart-name {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        margin: 0 0 5px;
        width: 100%; }
      .checkout-focus #secondary .mini-cart-product .mini-cart-attributes {
        float: left;
        font-size: 1em;
        width: 100%; }
      .checkout-focus #secondary .mini-cart-product .attribute {
        float: left;
        width: 100%; }
        .checkout-focus #secondary .mini-cart-product .attribute .label {
          float: left;
          width: 50%; }
        .checkout-focus #secondary .mini-cart-product .attribute .value {
          float: left;
          color: #939393; }
    .checkout-focus #secondary .mini-cart-pricing {
      float: left;
      position: relative;
      width: 100%; }
      .checkout-focus #secondary .mini-cart-pricing .mini-cart-quantity {
        float: left;
        width: 100%; }
        .checkout-focus #secondary .mini-cart-pricing .mini-cart-quantity .label {
          float: left;
          width: 50%; }
        .checkout-focus #secondary .mini-cart-pricing .mini-cart-quantity .value {
          float: left;
          color: #939393; }
      .checkout-focus #secondary .mini-cart-pricing .diesel-sr-eligible {
        bottom: 0;
        float: left;
        position: absolute; }
      .checkout-focus #secondary .mini-cart-pricing .mini-cart-price {
        margin-top: 20px;
        letter-spacing: 1px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-weight: 400;
        width: auto;
        text-align: right;
        font-size: 1.167em; }
    .checkout-focus #secondary .mini-cart-image {
      width: 90px;
      float: left;
      font-size: 0; }
      .checkout-focus #secondary .mini-cart-image img {
        width: 100%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .checkout-focus #secondary .mini-cart-image {
          padding: 0px;
          width: 29%; } }

/*WRAPPER CLASS*/
.verifyAddress {
  width: 100%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .verifyAddress {
      padding-left: 20px; } }
  .verifyAddress button, .verifyAddress html input[type="button"], .verifyAddress input[type="reset"], .verifyAddress input[type="submit"] {
    margin: 10px 0px 0 0;
    background-color: #000;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: left;
    display: inline;
    font-size: 12px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    float: left; }
    @media only screen and (max-width: 767px) {
      .verifyAddress button, .verifyAddress html input[type="button"], .verifyAddress input[type="reset"], .verifyAddress input[type="submit"] {
        min-width: 164px; } }
  .verifyAddress .verify-addr-footer {
    float: right;
    margin: -14px 0 0; }
    @media only screen and (max-width: 767px) {
      .verifyAddress .verify-addr-footer {
        float: left;
        margin: 0px 0 0 6px; } }
    .verifyAddress .verify-addr-footer button {
      color: #191919;
      border: 2px solid #191919;
      background-color: transparent;
      transition: 0.2s; }
      .verifyAddress .verify-addr-footer button:hover {
        color: #191919;
        background-color: #191919;
        color: #fff; }
  .verifyAddress .adress-entered {
    padding: 15px 0;
    display: block;
    line-height: 20px; }

.mapDialog .ui-dialog {
  background: #000; }
.mapDialog .dialog-store-map {
  height: 100% !important;
  top: 0 !important;
  width: 100% !important; }
.mapDialog .ui-dialog-content {
  padding: 00px; }
.mapDialog .map-info {
  background: #000;
  color: white;
  line-height: 18px;
  padding-bottom: 9px;
  padding-left: 25px; }
.mapDialog .map-canvas {
  width: 100% !important; }
.mapDialog .ui-dialog-titlebar-close {
  border: 0 none;
  border-radius: 0;
  height: 40px;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 1; }
.mapDialog .ui-icon-closethick {
  display: block;
  background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icon-ui-close.png");
  background-position: left top;
  height: 40px;
  width: 40px; }
.mapDialog .ui-widget-header {
  background: none;
  border: none; }
.mapDialog .ui-state-hover {
  background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icon-ui-close.png"); }

/**********************************oder confirmation page**********************/
.pt_order-confirmation {
  width: 100%;
  font-family: "TradeGothicLTPro", Arial, sans-serif; }
  .pt_order-confirmation .cnc-redesign {
    font-family: "TradeGothicLTPro", Arial, sans-serif; }
    .pt_order-confirmation .cnc-redesign .confirmation-heading {
      border-bottom: 4px solid #000; }
      .pt_order-confirmation .cnc-redesign .confirmation-heading h1 {
        float: left;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        letter-spacing: 1px;
        margin: 0;
        padding: 21px 0 20px 25px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .pt_order-confirmation .cnc-redesign .confirmation-heading h1 {
            padding-left: 21px; } }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .cnc-redesign .confirmation-heading h1 {
            padding: 10px 0 0px 25px; } }
      .pt_order-confirmation .cnc-redesign .confirmation-heading .customer-service-contact {
        display: block;
        float: right;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        line-height: 45px;
        padding-right: 30px;
        text-align: right;
        text-transform: uppercase; }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .cnc-redesign .confirmation-heading .customer-service-contact {
            float: left;
            padding: 0px 0 3px 30px;
            margin: 0px; } }
      .pt_order-confirmation .cnc-redesign .confirmation-heading .order-confirmation-wrapper {
        background-color: #f2f2f2;
        overflow: hidden; }
      .pt_order-confirmation .cnc-redesign .confirmation-heading .shipping-help {
        padding-right: 31px;
        float: right;
        margin: 27px 0 20px 24px; }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .cnc-redesign .confirmation-heading .shipping-help {
            margin: 10px 0 10px 0px;
            clear: both;
            float: none;
            padding: 0; } }
        .pt_order-confirmation .cnc-redesign .confirmation-heading .shipping-help .help-line1, .pt_order-confirmation .cnc-redesign .confirmation-heading .shipping-help .help-line2 {
          padding: 0 0 0 18px;
          border-bottom: none;
          display: inline-block;
          line-height: 24px;
          margin: 0px 0 0px 14px;
          font-size: 14px;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/help-phone-icon.jpg") no-repeat left center; }
        .pt_order-confirmation .cnc-redesign .confirmation-heading .shipping-help .help-line2 {
          background: none;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 18px; }
          @media only screen and (max-width: 767px) {
            .pt_order-confirmation .cnc-redesign .confirmation-heading .shipping-help .help-line2 {
              padding: 0 0 0 10px; } }
  .pt_order-confirmation #primary {
    width: 75%;
    padding: 0px; }
    @media only screen and (max-width: 767px) {
      .pt_order-confirmation #primary {
        width: 100%; } }
  .pt_order-confirmation .order-confirmation-details {
    margin: 0 15px;
    background: #fff;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .pt_order-confirmation .order-confirmation-details {
        margin: 0 15px; } }
    .pt_order-confirmation .order-confirmation-details h2 {
      margin: 0;
      padding: 8px 20px 5px 17px;
      letter-spacing: 1px; }
      .pt_order-confirmation .order-confirmation-details h2 .print-page {
        cursor: pointer;
        float: right;
        letter-spacing: 0px;
        font-size: 12px;
        color: #000;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        font-weight: normal;
        text-decoration: underline;
        text-transform: capitalize; }
    .pt_order-confirmation .order-confirmation-details .item-list {
      border-top: 1px solid #e5e5e5;
      width: 100%;
      float: left;
      overflow: hidden;
      margin: 0 0 2em; }
    .pt_order-confirmation .order-confirmation-details .item-list-body {
      overflow: hidden;
      box-sizing: border-box; }
      .pt_order-confirmation .order-confirmation-details .item-list-body .order-information {
        float: left;
        overflow: hidden;
        width: 28%; }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .order-confirmation-details .item-list-body .order-information {
            width: 100%; } }
      .pt_order-confirmation .order-confirmation-details .item-list-body h3 {
        background-color: #fff;
        padding: 14px 10px 14px 0;
        letter-spacing: 1px; }
      .pt_order-confirmation .order-confirmation-details .item-list-body h3.first-child {
        padding: 14px 0 14px 10px; }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .order-confirmation-details .item-list-body h3.first-child {
            padding: 14px 10px 14px 19px; } }
      .pt_order-confirmation .order-confirmation-details .item-list-body .item-list-body h3.last-child {
        padding: 14px 25px 14px 10px; }
      .pt_order-confirmation .order-confirmation-details .item-list-body .value, .pt_order-confirmation .order-confirmation-details .item-list-body .label {
        display: block;
        float: none;
        line-height: 22px; }
      .pt_order-confirmation .order-confirmation-details .item-list-body .label {
        font-weight: 700; }
      .pt_order-confirmation .order-confirmation-details .item-list-body .order-date, .pt_order-confirmation .order-confirmation-details .item-list-body .order-number {
        overflow: hidden;
        padding: 0 0 15px 8px; }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .order-confirmation-details .item-list-body .order-date, .pt_order-confirmation .order-confirmation-details .item-list-body .order-number {
            padding: 0 10px 15px 19px; } }
      .pt_order-confirmation .order-confirmation-details .item-list-body .order-billing {
        float: left;
        overflow: hidden;
        width: 19%; }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .order-confirmation-details .item-list-body .order-billing {
            width: 100%;
            padding-left: 25px; } }
      .pt_order-confirmation .order-confirmation-details .item-list-body .payment-type, .pt_order-confirmation .order-confirmation-details .item-list-body .mini-address-name {
        padding: 0 10px 10px 0;
        font-weight: 700; }
      .pt_order-confirmation .order-confirmation-details .item-list-body .mini-address-location {
        overflow: hidden;
        padding: 0px;
        line-height: 20px; }
      .pt_order-confirmation .order-confirmation-details .item-list-body .order-payment-instruments {
        float: left;
        overflow: hidden;
        width: 22%;
        line-height: 20px; }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .order-confirmation-details .item-list-body .order-payment-instruments {
            width: 100%;
            padding-left: 25px; } }
        .pt_order-confirmation .order-confirmation-details .item-list-body .order-payment-instruments .payment-amount .label, .pt_order-confirmation .order-confirmation-details .item-list-body .order-payment-instruments .value {
          display: inline; }
      .pt_order-confirmation .order-confirmation-details .item-list-body .order-payment-summary {
        float: left;
        overflow: hidden;
        width: 31%; }
        @media only screen and (max-width: 767px) {
          .pt_order-confirmation .order-confirmation-details .item-list-body .order-payment-summary {
            width: 100%;
            padding-left: 25px; } }
      .pt_order-confirmation .order-confirmation-details .item-list-body .order-detail-summary {
        overflow: hidden;
        padding: 0 25px 0 0px; }
      .pt_order-confirmation .order-confirmation-details .item-list-body .order-totals-table {
        width: 100%;
        color: #333;
        font-size: 12px;
        padding-top: 0px;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        line-height: 20px; }
        .pt_order-confirmation .order-confirmation-details .item-list-body .order-totals-table .label {
          width: 55%;
          text-align: left;
          float: left;
          padding: 0 0 3px;
          vertical-align: middle; }
        .pt_order-confirmation .order-confirmation-details .item-list-body .order-totals-table .value {
          width: 45%;
          text-align: right;
          float: left;
          padding: 0 0 3px;
          font-weight: 700; }
        .pt_order-confirmation .order-confirmation-details .item-list-body .order-totals-table .order-total {
          padding-top: 0px; }
        .pt_order-confirmation .order-confirmation-details .item-list-body .order-totals-table .cart-coupon-code {
          display: none; }
        .pt_order-confirmation .order-confirmation-details .item-list-body .order-totals-table hr {
          border: none; }
    .pt_order-confirmation .order-confirmation-details .gift-message-display {
      padding: 0 25px 25px;
      line-height: 1.5em; }
  .pt_order-confirmation .order-shipment-detial-mobile {
    display: none; }
  .pt_order-confirmation .content-header.number, .pt_order-confirmation .set-status .content-header.number {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    float: left;
    padding: 10px 0 10px 17px;
    text-transform: uppercase;
    overflow: hidden;
    font-weight: 700;
    margin: 0;
    border-top: 1px solid #d9d9d9;
    background-color: #f0f0f0; }
  .pt_order-confirmation .order-shipment-table {
    width: 100%;
    overflow: hidden;
    padding: 0 0 10px 0; }
    .pt_order-confirmation .order-shipment-table .item-list-body {
      float: left;
      width: 71%;
      padding: 0 0 2em; }
      @media only screen and (max-width: 767px) {
        .pt_order-confirmation .order-shipment-table .item-list-body {
          width: 100%; } }
      .pt_order-confirmation .order-shipment-table .item-list-body .label {
        display: inline; }
    .pt_order-confirmation .order-shipment-table h3 {
      padding-top: 14px;
      padding-bottom: 14px;
      padding: 10px 10px 10px 25px; }
    .pt_order-confirmation .order-shipment-table .prod-first {
      float: left;
      padding: 0;
      width: 42.8%; }
      @media only screen and (max-width: 767px) {
        .pt_order-confirmation .order-shipment-table .prod-first {
          width: 100%; } }
      .pt_order-confirmation .order-shipment-table .prod-first h3 {
        padding: 10px 10px 10px 17px; }
    .pt_order-confirmation .order-shipment-table .product-list-item {
      padding: 0 15px 0 17px;
      font-size: 12px; }
      .pt_order-confirmation .order-shipment-table .product-list-item .name {
        font-weight: 700;
        margin: 0 0 5px;
        text-transform: uppercase; }
        .pt_order-confirmation .order-shipment-table .product-list-item .name a {
          margin: 0 0 5px;
          text-decoration: underline; }
      .pt_order-confirmation .order-shipment-table .product-list-item .label {
        display: inline-block;
        text-transform: uppercase;
        font-weight: 300;
        width: 70px; }
      .pt_order-confirmation .order-shipment-table .product-list-item .value {
        display: inline-block;
        text-transform: uppercase;
        font-weight: 300; }
    .pt_order-confirmation .order-shipment-table .prod-second {
      float: left;
      padding: 0;
      width: 28.6%; }
      @media only screen and (max-width: 767px) {
        .pt_order-confirmation .order-shipment-table .prod-second {
          width: 100%;
          padding: 0px 0px 0px 25px; } }
    .pt_order-confirmation .order-shipment-table .item-quantity {
      padding: 0 18px;
      font-weight: 700; }
    .pt_order-confirmation .order-shipment-table .prod-third {
      float: left;
      padding: 0;
      width: 28.6%; }
      @media only screen and (max-width: 767px) {
        .pt_order-confirmation .order-shipment-table .prod-third {
          width: 100%;
          padding: 0px 0px 0px 25px; } }
  .pt_order-confirmation .order-shipment-details {
    float: left;
    width: 28.9%; }
    @media only screen and (max-width: 767px) {
      .pt_order-confirmation .order-shipment-details {
        width: 100%;
        padding: 0px 0px 0px 25px; } }
    .pt_order-confirmation .order-shipment-details h3 {
      background-color: #fff;
      padding: 14px 10px 14px 0;
      letter-spacing: 1px; }
    .pt_order-confirmation .order-shipment-details .order-shipment-address {
      padding: 0 25px 0 0px;
      line-height: 20px; }
    .pt_order-confirmation .order-shipment-details .street {
      padding-top: 10px; }
    .pt_order-confirmation .order-shipment-details .shipping-status {
      padding: 0 25px 0 0px; }
  .pt_order-confirmation .order-shipment-address .summarybox .firstname, .pt_order-confirmation .order-shipment-address .summarybox .lastname {
    font-weight: 700; }
  .pt_order-confirmation .order-confirmation-msg {
    background-color: #F2F2F2;
    border-bottom: 2px solid #FFFFFF;
    padding: 20px;
    line-height: 20px; }
  .pt_order-confirmation #secondary {
    width: 25.1%;
    margin-top: 0px; }
    .pt_order-confirmation #secondary h2.section-header {
      padding: 13px 0;
      font-size: 26px;
      margin-bottom: 10px;
      background-color: transparent;
      text-align: center;
      text-transform: uppercase;
      line-height: 30px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .pt_order-confirmation #secondary h2.section-header {
          font-size: 20px;
          line-height: 20px; } }
    @media only screen and (max-width: 767px) {
      .pt_order-confirmation #secondary {
        width: 100%; } }
  .pt_order-confirmation .login-create-account {
    padding: 3px 25px 25px;
    font-size: 12px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .pt_order-confirmation .login-create-account {
        padding: 3px 10px 25px; } }
    .pt_order-confirmation .login-create-account span.error {
      margin: 0px;
      margin-top: 4px; }
    .pt_order-confirmation .login-create-account .form-row {
      margin: 0 0 1em;
      position: relative; }
    .pt_order-confirmation .login-create-account label {
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      font-size: 12px;
      display: block;
      margin-bottom: 6px;
      color: #000;
      text-transform: uppercase;
      font-weight: 400; }
    .pt_order-confirmation .login-create-account input.text, .pt_order-confirmation .login-create-account input[type="text"], .pt_order-confirmation .login-create-account input[type="email"], .pt_order-confirmation .login-create-account input[type="tel"], .pt_order-confirmation .login-create-account input[type="time"], .pt_order-confirmation .login-create-account input[type="date"], .pt_order-confirmation .login-create-account input[type="password"] {
      width: 100%; }
    .pt_order-confirmation .login-create-account .gender {
      width: 100%; }
      .pt_order-confirmation .login-create-account .gender select {
        box-sizing: border-box;
        font-size: 13px;
        width: 100%;
        height: 32px;
        border: 1px solid #cdcbcb; }
      .pt_order-confirmation .login-create-account .gender .select-img {
        display: block;
        height: 30px !important;
        left: -1px !important;
        position: absolute;
        top: 22px !important;
        width: 100% !important;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png") no-repeat scroll 100% center; }
    .pt_order-confirmation .login-create-account .set-password {
      position: relative; }
      .pt_order-confirmation .login-create-account .set-password span.form-caption {
        float: none;
        left: 81px;
        position: absolute;
        top: 0;
        padding: 0;
        width: auto; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .pt_order-confirmation .login-create-account .set-password span.form-caption {
            left: 77px; } }
    .pt_order-confirmation .login-create-account .newsletters .form-row {
      float: left; }
    .pt_order-confirmation .login-create-account .newsletters label {
      float: left;
      padding: 1px 10px;
      line-height: 17px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .pt_order-confirmation .login-create-account .newsletters label {
          width: 115px; } }
    .pt_order-confirmation .login-create-account input[type="checkbox"] {
      width: 20px;
      height: 20px; }
    .pt_order-confirmation .login-create-account .privacy-policy-dialog {
      display: block;
      padding: 0 6px 20px 0;
      text-decoration: underline; }
    .pt_order-confirmation .login-create-account button, .pt_order-confirmation .login-create-account html input[type="button"], .pt_order-confirmation .login-create-account input[type="reset"], .pt_order-confirmation .login-create-account input[type="submit"] {
      text-transform: uppercase; }

.dialog-verify-address {
  background-color: #e5e5e5;
  background-image: none;
  padding: 0px; }
  @media only screen and (max-width: 767px) {
    .dialog-verify-address {
      width: 94% !important;
      left: 3% !important; } }
  .dialog-verify-address button, .dialog-verify-address html input[type="button"], .dialog-verify-address input[type="reset"], .dialog-verify-address input[type="submit"] {
    margin: 10px 0px 0 0;
    background-color: #d0021b;
    border: 2px solid #d0021b;
    color: #fff;
    cursor: pointer;
    float: left;
    display: inline;
    font-size: 12px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    float: left;
    transition: 0.2s; }
    @media only screen and (max-width: 767px) {
      .dialog-verify-address button, .dialog-verify-address html input[type="button"], .dialog-verify-address input[type="reset"], .dialog-verify-address input[type="submit"] {
        min-width: 100%; } }
    .dialog-verify-address button:hover, .dialog-verify-address html input[type="button"]:hover, .dialog-verify-address input[type="reset"]:hover, .dialog-verify-address input[type="submit"]:hover {
      background-color: transparent;
      border-color: #d0021b;
      color: #d0021b; }
  .dialog-verify-address .verify-addr-footer button:hover {
    background-color: #191919;
    border-color: #191919;
    color: #fff; }
  .dialog-verify-address .ui-dialog-titlebar-close {
    border: 0 none;
    border-radius: 0;
    height: 40px;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 1; }
  .dialog-verify-address .ui-icon-closethick {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/cross-grey.png") no-repeat;
    background-position: 12px 12px;
    height: 40px;
    width: 40px; }
  .dialog-verify-address .ui-state-hover {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/cross-grey.png") no-repeat;
    background-position: 12px 12px; }
  .dialog-verify-address .ui-widget-header {
    background: none !important;
    border: none;
    border-radius: 0px;
    padding: 10px 1em;
    margin-bottom: 0px; }
  .dialog-verify-address .verify-add-content {
    padding: 10px 30px 30px 30px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .dialog-verify-address .verify-add-content {
        padding: 10px 15px; } }
    .dialog-verify-address .verify-add-content .col-1 {
      width: 48%;
      margin: 4px 0;
      float: left; }
      @media only screen and (max-width: 767px) {
        .dialog-verify-address .verify-add-content .col-1 {
          width: 100%; } }
    .dialog-verify-address .verify-add-content .col-2 {
      width: 51%;
      margin: 4px 0;
      float: right; }
      @media only screen and (max-width: 767px) {
        .dialog-verify-address .verify-add-content .col-2 {
          width: 100%; } }
      .dialog-verify-address .verify-add-content .col-2 form {
        width: 83%;
        margin-left: 37px;
        float: left; }
        @media only screen and (max-width: 767px) {
          .dialog-verify-address .verify-add-content .col-2 form {
            width: 100%;
            margin-left: 0px; } }
    .dialog-verify-address .verify-add-content .adress-entered .first {
      padding-top: 20px; }
    .dialog-verify-address .verify-add-content .adress-entered .second {
      padding-bottom: 30px; }
    .dialog-verify-address .verify-add-content .head {
      font-weight: bold;
      font-size: 14px;
      color: #000;
      line-height: 20px; }
    .dialog-verify-address .verify-add-content .adress-suggestions {
      padding: 15px 0; }
    .dialog-verify-address .verify-add-content .adress-sugg-container {
      padding-bottom: 19px;
      padding-top: 20px; }
      .dialog-verify-address .verify-add-content .adress-sugg-container .first, .dialog-verify-address .verify-add-content .adress-sugg-container .second {
        padding: 3px 0; }
      .dialog-verify-address .verify-add-content .adress-sugg-container .second {
        margin-left: 41px; }
      .dialog-verify-address .verify-add-content .adress-sugg-container input[type='radio'] {
        height: 22px;
        left: 0;
        margin: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 22px; }
      .dialog-verify-address .verify-add-content .adress-sugg-container input[type='radio'] + label span.adrr-veri-radio-proxy {
        background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ratio-sprite.png") no-repeat scroll center -68px;
        -webkit-appearance: none;
        height: 24px;
        width: 28px;
        float: left;
        margin: 0 8px 0 4px; }
      .dialog-verify-address .verify-add-content .adress-sugg-container input[type='radio']:checked + label span.adrr-veri-radio-proxy {
        background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/ratio-sprite.png") no-repeat scroll center -46px; }
  .dialog-verify-address .verify-addr-footer {
    margin: 0 0 0 0px;
    float: left;
    padding: 0 0 8px 33px;
    width: 100%;
    background-color: #fff; }
    @media only screen and (max-width: 767px) {
      .dialog-verify-address .verify-addr-footer {
        padding: 0 20px 8px 20px; } }
  .dialog-verify-address .adrr-or {
    float: left;
    height: 150px;
    position: relative;
    width: 5%; }
    @media only screen and (max-width: 767px) {
      .dialog-verify-address .adrr-or {
        width: 100%;
        height: auto;
        padding-bottom: 12px;
        text-align: center; } }
    .dialog-verify-address .adrr-or span {
      text-transform: uppercase;
      font-size: 18px;
      font-weight: 700; }
  .dialog-verify-address .vertical-bar {
    background-color: #CCCCCC;
    height: 100%;
    position: absolute;
    right: 6px;
    top: 24px;
    width: 1px; }
    @media only screen and (max-width: 767px) {
      .dialog-verify-address .vertical-bar {
        display: none; } }
  .dialog-verify-address .ui-dialog-content {
    padding: 0px; }
  .dialog-verify-address h2 {
    line-height: 30px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 20px;
    padding: 30px 11% 0 11%; }
  .dialog-verify-address p {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding: 0px 15px; }

#tooltip {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/gray_bg.png") repeat scroll left top #FFF;
  opacity: 0.95;
  padding: 5px;
  position: absolute;
  z-index: 3000; }
  #tooltip .body {
    background: #FFF;
    padding: 8px; }
  #tooltip .small {
    width: 300px; }
    @media only screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait) {
      #tooltip .small {
        width: auto !important; } }
    #tooltip .small .cvn-tooltip-content {
      overflow: hidden; }
      #tooltip .small .cvn-tooltip-content p.tooltip-content-heading {
        margin: 5px;
        font-weight: bold; }
      #tooltip .small .cvn-tooltip-content div, #tooltip .small .cvn-tooltip-content p {
        margin: 5px; }
      #tooltip .small .cvn-tooltip-content div:nth-child(2) {
        float: left; }
        #tooltip .small .cvn-tooltip-content div:nth-child(2) p {
          margin-top: 0px; }
      #tooltip .small .cvn-tooltip-content img {
        padding: 0 10px 10px 0; }

.js .tooltip-content {
  display: none !important; }

.ui-dialog .ui-dialog-content .bannr {
  display: none; }

.system-error .error-form {
  font-size: 13px;
  line-height: 20px; }
  .system-error .error-form p {
    margin: 0; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .send-friend-privacy {
    left: 2% !important;
    width: 96% !important; } }
@media only screen and (max-width: 767px) {
  .send-friend-privacy {
    left: 2% !important;
    width: 96% !important; } }
@media only screen and (max-width: 767px) {
  .send-friend-privacy .ui-dialog-content {
    padding: 20px; } }

/**********************************mobile checkout sign page**********************/
.chekout-singn h1.title {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 0 5px 0px;
  border-bottom: 5px solid #000;
  margin: 0;
  font-size: 32px;
  background-color: #000; }
.chekout-singn #primary {
  width: 75%;
  padding: 0px;
  background: #F2F2F2;
  float: right;
  border-left: 1px solid #ccc; }
  @media only screen and (max-width: 767px) {
    .chekout-singn #primary {
      width: 100%; } }
  .chekout-singn #primary button {
    background-color: #d0021b;
    border: 2px solid #d0021b;
    color: #fff;
    cursor: pointer;
    display: inline;
    font-size: 18px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    transition: 0.2s; }
    @media only screen and (max-width: 767px) {
      .chekout-singn #primary button {
        float: left;
        width: 100%; } }
    .chekout-singn #primary button:hover {
      background-color: #fff;
      color: #d0021b; }
  .chekout-singn #primary button[disabled], .chekout-singn #primary input[disabled] {
    color: #ccc !important;
    cursor: default; }
  .chekout-singn #primary button:hover {
    background-color: #fff;
    color: #d0021b; }
  .chekout-singn #primary button:active {
    background-color: #bebebe;
    color: #333; }
  .chekout-singn #primary .checkout-login {
    background-color: #fff;
    margin: 0px 20px 30px 20px;
    overflow: hidden;
    padding-left: 25px; }
    @media only screen and (max-width: 767px) {
      .chekout-singn #primary .checkout-login {
        margin: 0px 0 15px 0;
        padding: 0 25px; } }
    .chekout-singn #primary .checkout-login h2.section-header {
      margin: 0px 0 15px -25px;
      letter-spacing: 1px;
      padding: 10px 0 10px 25px;
      background-color: #F2F2F2; }
      @media only screen and (max-width: 767px) {
        .chekout-singn #primary .checkout-login h2.section-header {
          margin: 0px -25px 15px -25px; } }
    .chekout-singn #primary .checkout-login .col-1, .chekout-singn #primary .checkout-login .col-2 {
      position: relative;
      border-bottom: none;
      margin: 0px;
      width: 100%;
      padding: 0px;
      float: left;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .chekout-singn #primary .checkout-login .guest-checkout {
      border-top: none;
      margin-top: 0;
      padding: 0px; }
      .chekout-singn #primary .checkout-login .guest-checkout p {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 20px; }
    .chekout-singn #primary .checkout-login .login-box-content, .chekout-singn #primary .checkout-login .returning-customers {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .chekout-singn #primary .checkout-login .login-box-content, .chekout-singn #primary .checkout-login .returning-customers {
          width: 100%; } }
    .chekout-singn #primary .checkout-login .login-box-content {
      padding: 0 0 18px 0; }
    .chekout-singn #primary .checkout-login .login-box.login-account button {
      background-color: #191919;
      border-color: #191919;
      transition: 0.2s; }
      .chekout-singn #primary .checkout-login .login-box.login-account button:hover {
        background-color: #fff;
        color: #191919; }
    .chekout-singn #primary .checkout-login .form-row label {
      text-transform: uppercase;
      display: block;
      font-size: 12px;
      margin: 0 0 5px;
      font-weight: normal;
      color: #000; }
.chekout-singn #secondary {
  float: left;
  width: 25.1% !important;
  min-height: inherit !important;
  margin: 0 -2px 0 0; }
  @media only screen and (max-width: 767px) {
    .chekout-singn #secondary {
      width: 100% !important;
      margin: 0px; } }

/**********************************print page**********************/
@media print {
  .pt_order-confirmation #secondary {
    display: none; }

  .pt_order-confirmation #primary {
    width: 100%;
    border-right: none; }

  .floating-nav .primary-logo img {
    width: 178px;
    height: 24px; }

  #footer-large {
    display: none; }

  #notification {
    display: none !important; }

  .floating-nav .rgt-content .favourite {
    display: none; }

  .footer-banner .description-section p {
    display: none; }

  .floating-nav {
    border-bottom: none; }

  .footer-banner h7 {
    display: none !important; }

  .footer-banner {
    display: none; }

  .minicart-tool-tip {
    display: none !important; }

  .pt_order-confirmation .content-header.number, .pt_order-confirmation .set-status .content-header.number {
    border-bottom: none;
    border-top: none; }

  .pt_order-confirmation .cnc-redesign .confirmation-heading h1 {
    padding: 15px 0 20px 45px;
    font-size: 26px; }

  .pt_order-confirmation .order-confirmation-details .item-list-body .order-totals-table .label {
    font-weight: normal; } }
@media screen and (max-width: 767px) and (min-width: 0px) {
  .checkout-focus #primary .orders-submit-wrapper .order-submit {
    background: #E0DDDD;
    z-index: 499;
    position: fixed;
    left: 0;
    bottom: 0px;
    display: block;
    width: 100%;
    line-height: 40px;
    padding: 7px 20px;
    margin-bottom: 0px; } }
@media screen and (max-width: 767px) and (min-width: 0px) {
  .checkout-focus #primary .orders-submit-wrapper .order-submit button {
    min-height: auto;
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 4px;
    vertical-align: bottom; } }

@media screen and (max-width: 767px) and (min-width: 0px) {
  .order-padding-review, .optimised-sticky-checkout {
    padding-bottom: 50px; } }

.checkout-focus #primary .shipping-method-wrapper .optimized_type_number {
  width: 68%;
  padding-right: 15px;
  padding-bottom: 0; }
  @media screen and (max-width: 1200px) and (min-width: 1000px) {
    .checkout-focus #primary .shipping-method-wrapper .optimized_type_number {
      width: 62%; } }
  @media screen and (max-width: 1000px) and (min-width: 768px) {
    .checkout-focus #primary .shipping-method-wrapper .optimized_type_number {
      width: 51%; } }
  @media screen and (max-width: 1024px) and (min-width: 768px) {
    .checkout-focus #primary .shipping-method-wrapper .optimized_type_number {
      padding-bottom: 13px; } }
  @media screen and (max-width: 767px) and (min-width: 0px) {
    .checkout-focus #primary .shipping-method-wrapper .optimized_type_number {
      width: 100%;
      padding-right: 0px;
      padding-bottom: 0px; } }
  .checkout-focus #primary .shipping-method-wrapper .optimized_type_number input {
    width: 100%; }
@media screen and (min-width: 767px) {
  .checkout-focus #primary .creditcardno .payment-method-icon {
    float: right; } }
.checkout-focus #primary .creditcardno .payment-method-icon span {
  width: 37px;
  height: 23px;
  display: inline-block;
  margin-left: 0px;
  opacity: .25; }
  @media screen and (min-width: 768px) {
    .checkout-focus #primary .creditcardno .payment-method-icon span {
      margin-top: 30px; } }
  .checkout-focus #primary .creditcardno .payment-method-icon span.Master {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/opti_master.png") no-repeat; }
    .checkout-focus #primary .creditcardno .payment-method-icon span.Master.removeOpacity {
      opacity: 1 !important; }
  .checkout-focus #primary .creditcardno .payment-method-icon span.Visa {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/opti_visa.png") no-repeat; }
    .checkout-focus #primary .creditcardno .payment-method-icon span.Visa.removeOpacity {
      opacity: 1 !important; }
  .checkout-focus #primary .creditcardno .payment-method-icon span.Amex {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/opti_amex.png") no-repeat; }
    .checkout-focus #primary .creditcardno .payment-method-icon span.Amex.removeOpacity {
      opacity: 1 !important; }
  .checkout-focus #primary .creditcardno .payment-method-icon span.Discover {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/opti_discover.png") no-repeat; }
    .checkout-focus #primary .creditcardno .payment-method-icon span.Discover.removeOpacity {
      opacity: 1 !important; }

.checkout-focus #primary .custName_wrap, .checkout-focus #primary .op_cust_billing_address {
  width: 100%;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .checkout-focus #primary .custName_wrap .cred_first_name, .checkout-focus #primary .op_cust_billing_address .cred_first_name {
      width: 34%;
      margin: 0 4% 0 0; }
      .checkout-focus #primary .custName_wrap .cred_first_name input[type="text"], .checkout-focus #primary .op_cust_billing_address .cred_first_name input[type="text"] {
        width: 100%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .checkout-focus #primary .custName_wrap .cred_first_name, .checkout-focus #primary .op_cust_billing_address .cred_first_name {
      width: 39%;
      margin: 0 5% 0 0; } }
  @media screen and (min-width: 768px) {
    .checkout-focus #primary .custName_wrap .cred_last_name, .checkout-focus #primary .op_cust_billing_address .cred_last_name {
      width: 34%; }
      .checkout-focus #primary .custName_wrap .cred_last_name input[type="text"], .checkout-focus #primary .op_cust_billing_address .cred_last_name input[type="text"] {
        width: 100%; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .checkout-focus #primary .custName_wrap .cred_last_name, .checkout-focus #primary .op_cust_billing_address .cred_last_name {
      width: 39%; } }
@media only screen and (max-width: 767px) {
  .checkout-focus #primary .optimised-email {
    margin-top: -21px; } }
.checkout-focus #primary .optimized_phone_tootip {
  clear: both;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .checkout-focus #primary .optimized_phone_tootip {
      top: -18px; } }
  @media only screen and (max-width: 767px) {
    .checkout-focus #primary .optimized_phone_tootip .inline-phone {
      margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    .checkout-focus #primary .optimized_phone_tootip #tooltip {
      width: 300px !important;
      left: 10px !important; } }
  @media only screen and (max-width: 767px) {
    .checkout-focus #primary .optimized_phone_tootip .tooltip-help {
      display: block; } }
  .checkout-focus #primary .optimized_phone_tootip .optimized_ship_phone {
    float: none;
    width: auto;
    margin: 0;
    position: absolute;
    left: 55px; }
    .checkout-focus #primary .optimized_phone_tootip .optimized_ship_phone a {
      text-decoration: none; }
    .checkout-focus #primary .optimized_phone_tootip .optimized_ship_phone .tooltip {
      width: 15px;
      height: 15px;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icon-tooltip_grey.svg") 0 0 no-repeat;
      background-size: 100%;
      display: block; }

.optimized_mobile_tooltip {
  width: 93% !important;
  left: 3% !important; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .optimized_mobile_tooltip .small {
      width: auto !important; } }

.optimized_mobile_tooltip_cvn {
  width: 95% !important;
  left: 2% !important; }

#checkoutShippingSection .optimized_country_drop {
  display: none; }

.checkout-focus .optimize-checkout-steps {
  padding: 0 2%; }
  .checkout-focus .optimize-checkout-steps .optimize-checkout-back {
    border-bottom: none;
    display: inline-block;
    line-height: 24px;
    margin: 24px 0 20px 0px;
    font-size: 14px;
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    text-transform: uppercase; }
    .checkout-focus .optimize-checkout-steps .optimize-checkout-back a {
      text-decoration: underline; }
      .checkout-focus .optimize-checkout-steps .optimize-checkout-back a:before {
        content: "<";
        display: inline-block; }
    @media only screen and (max-width: 1024px) and (min-width: 768px) {
      .checkout-focus .optimize-checkout-steps .optimize-checkout-back {
        width: 20%;
        padding: 0px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      .checkout-focus .optimize-checkout-steps .optimize-checkout-back {
        width: 23%; } }
    @media only screen and (max-width: 767px) {
      .checkout-focus .optimize-checkout-steps .optimize-checkout-back {
        margin: 4px 0 20px 0px; } }
  @media only screen and (max-width: 767px) {
    .checkout-focus .optimize-checkout-steps .optimize-checkout-counter .checkoutStepCounter {
      font-size: 18px;
      margin: 24px 0 10px 7px;
      padding: 0 0 0 8px; }
    .checkout-focus .optimize-checkout-steps .optimize-checkout-counter .title {
      font-size: 18px;
      margin: 24px 0 10px 0px; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    .checkout-focus .optimize-checkout-steps .optimize-checkout-counter {
      padding-left: 80px; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .checkout-focus .optimize-checkout-steps .optimize-checkout-counter {
      width: 39%; }
      .checkout-focus .optimize-checkout-steps .optimize-checkout-counter .title {
        font-size: 20px; }
      .checkout-focus .optimize-checkout-steps .optimize-checkout-counter .checkoutStepCounter {
        font-size: 20px;
        margin: 24px 0 20px 10px;
        padding: 0 0 0 10px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .checkout-focus .optimize-checkout-steps .optimize-checkout-counter {
      width: 36%; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .checkout-focus .optimize-checkout-steps .optimize-checkout-helpno .shipping-help {
      padding: 0px; } }
  @media only screen and (max-width: 1024px) and (min-width: 768px) {
    .checkout-focus .optimize-checkout-steps .optimize-checkout-helpno {
      width: 41%; }
      .checkout-focus .optimize-checkout-steps .optimize-checkout-helpno .help-line1 {
        margin: 0 0 0 9px !important; } }
  @media only screen and (max-width: 767px) {
    .checkout-focus .optimize-checkout-steps .optimize-checkout-helpno {
      margin-top: 24px; } }
  @media only screen and (max-width: 767px) and (orientation: portrait) {
    .checkout-focus .optimize-checkout-steps .optimize-checkout-helpno p.help-line2 {
      float: right;
      margin-right: 0px; }
    .checkout-focus .optimize-checkout-steps .optimize-checkout-helpno p.help-line1 {
      margin-right: 6px;
      margin-top: 14px !important;
      float: right; } }
  @media only screen and (max-width: 767px) {
    .checkout-focus .optimize-checkout-steps .desktop-show-back {
      display: none; } }
  @media only screen and (min-width: 767px) {
    .checkout-focus .optimize-checkout-steps .mobile-show-back {
      display: none; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #dwfrm_billing_paymentMethods_creditCard_cvn {
    width: 72% !important; } }

/*error page*/
/*WRAPPER CLASS*/
.container-404 {
  background: transparent url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/404-large-bg.jpg") no-repeat scroll 0 0/100% auto;
  height: 688px;
  padding: 30px 50px 0 51%;
  background-size: cover;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  @media only screen and (max-width: 767px) {
    .container-404 {
      padding: 2% 6%;
      overflow: hidden;
      height: auto; } }
  .container-404 h1.title-msg {
    clear: both;
    color: white;
    float: left;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 85px;
    line-height: 100px; }
    @media screen and (min-width: 769px) and (max-width: 1279px) {
      .container-404 h1.title-msg {
        font-size: 80px;
        line-height: 90px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-404 h1.title-msg {
        font-size: 58px;
        line-height: 60px; } }
    @media only screen and (max-width: 767px) {
      .container-404 h1.title-msg {
        font-size: 50px;
        line-height: 58px; } }
  .container-404 h2 {
    color: white;
    float: left;
    clear: both;
    margin: 0 0 25px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-transform: uppercase;
    word-spacing: 2px;
    font-size: 33px;
    line-height: 40px; }
    @media screen and (min-width: 769px) and (max-width: 1279px) {
      .container-404 h2 {
        font-size: 26px;
        line-height: 34px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-404 h2 {
        font-size: 22px;
        line-height: 30px; } }
    @media only screen and (max-width: 767px) {
      .container-404 h2 {
        font-size: 16px;
        line-height: 20px; } }
  .container-404 .navigation {
    clear: both;
    float: left;
    margin: 0 0 10px; }
    .container-404 .navigation ul {
      margin: 0;
      padding: 0;
      font-size: 28px;
      line-height: 40px;
      color: #231F20;
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
      text-transform: uppercase; }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        .container-404 .navigation ul {
          font-size: 22px;
          line-height: 34px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .container-404 .navigation ul {
          font-size: 18px;
          line-height: 30px; } }
      @media only screen and (max-width: 767px) {
        .container-404 .navigation ul {
          font-size: 16px;
          line-height: 24px; } }
      .container-404 .navigation ul li {
        border: 2px solid white;
        display: inline-block;
        float: left;
        margin: 0 10px 10px 0;
        text-align: center; }
        .container-404 .navigation ul li a {
          color: white;
          padding: 2px 15px; }
  .container-404 p {
    clear: both;
    color: white;
    float: left;
    font-size: 22px;
    line-height: 20px;
    margin: 0px;
    letter-spacing: 0.5px; }
    @media screen and (min-width: 769px) and (max-width: 1279px) {
      .container-404 p {
        font-size: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .container-404 p {
        font-size: 22px;
        line-height: 32px; } }
    @media only screen and (max-width: 767px) {
      .container-404 p {
        font-size: 13px;
        line-height: 18px; } }

/*denim page*/
/*WRAPPER CLASS*/
.denimBuyingGuide .denim-share .addthis_counter {
  display: none !important; }

.help-overlay-denimbuyingGuide.ui-dialog .ui-dialog-content {
  padding: 51px 83px 52px;
  text-align: center; }
.help-overlay-denimbuyingGuide.ui-dialog .ui-dialog-titlebar-close {
  height: 22px;
  width: 22px;
  right: 10px;
  top: 10px; }
  .help-overlay-denimbuyingGuide.ui-dialog .ui-dialog-titlebar-close .ui-icon {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close-black.svg") no-repeat 0 0;
    height: 22px;
    width: 22px; }
.help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-controls-direction a {
  width: auto;
  height: auto;
  text-indent: 0px;
  top: auto;
  bottom: -40px;
  text-decoration: underline; }
  .help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-controls-direction a.end-disabled {
    display: none; }
.help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-next {
  right: -71px;
  background: none; }
  .help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-next:after {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") -105px -5px no-repeat;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    margin-left: 5px; }
.help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-prev {
  left: -71px;
  background: none; }
  .help-overlay-denimbuyingGuide.ui-dialog .bx-wrapper .bx-prev:before {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") -94px -5px no-repeat;
    width: 10px;
    height: 10px;
    content: "";
    margin-right: 5px;
    display: inline-block; }
.help-overlay-denimbuyingGuide.ui-dialog h4 {
  font-size: 21px;
  letter-spacing: 1px; }
.help-overlay-denimbuyingGuide.ui-dialog .image-swipe {
  padding-top: 20px; }
.help-overlay-denimbuyingGuide.ui-dialog .image-arrow {
  padding-top: 20px;
  padding-bottom: 20px; }
.help-overlay-denimbuyingGuide.ui-dialog p {
  padding: 20px 0 0;
  line-height: 20px;
  margin: 0; }
.help-overlay-denimbuyingGuide.ui-dialog .slide-elemnet-Close {
  position: absolute;
  cursor: pointer;
  display: none;
  right: 14px;
  bottom: 13px;
  text-decoration: underline;
  font-size: 13px; }
.help-overlay-denimbuyingGuide.ui-dialog .show-btn {
  border: 3px solid #191919;
  line-height: 30px;
  padding: 0 20px;
  display: inline-block;
  vertical-align: top;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 17px;
  letter-spacing: 1px; }

.gender-selction-guide {
  width: 100%;
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
  position: relative; }
  .gender-selction-guide .bx-wrapper .bx-controls-auto,
  .gender-selction-guide .bx-wrapper .bx-pager {
    bottom: 10px; }
  .gender-selction-guide .denim-colm-2 {
    width: 50%;
    float: left;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .gender-selction-guide .denim-colm-2 {
        width: 100%;
        height: 474px; } }
    @media only screen and (max-width: 767px) {
      .gender-selction-guide .denim-colm-2 {
        width: 100%; } }
    .gender-selction-guide .denim-colm-2 > img {
      vertical-align: top;
      width: 100%; }
  .gender-selction-guide .hadding-title {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    top: 0px;
    left: 0px;
    z-index: 49;
    position: absolute;
    width: 100%; }
    .gender-selction-guide .hadding-title h6 {
      color: #fff;
      font-size: 22px;
      line-height: 40px;
      text-align: center;
      letter-spacing: 1px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .gender-selction-guide .guide-Box {
    position: absolute;
    bottom: 20px;
    z-index: 99;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .gender-selction-guide .guide-Box {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      .gender-selction-guide .guide-Box {
        bottom: 40px; } }
    .gender-selction-guide .guide-Box .guide-colm-box {
      margin: 3% auto;
      padding: 20px 20px 40px 20px;
      border: 3px solid #fff;
      width: 80%;
      letter-spacing: 1px;
      cursor: default;
      position: relative;
      min-height: 290px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .gender-selction-guide .guide-Box .guide-colm-box {
          width: 90%;
          min-height: 250px; } }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box .guide-colm-box {
          padding: 12px 0;
          min-height: 110px; } }
    .gender-selction-guide .guide-Box h1 {
      font-size: 60px;
      color: #fff;
      text-align: center;
      letter-spacing: 2px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .gender-selction-guide .guide-Box h1 {
          font-size: 45px; } }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box h1 {
          font-size: 26px; } }
    .gender-selction-guide .guide-Box h2 {
      font-size: 42px;
      color: #fff;
      text-align: center;
      letter-spacing: 3px; }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box h2 {
          font-size: 26px; } }
      .gender-selction-guide .guide-Box h2 small {
        font-size: 18px;
        color: #fff;
        text-align: center;
        display: block; }
        @media only screen and (max-width: 767px) {
          .gender-selction-guide .guide-Box h2 small {
            font-size: 26px;
            display: inline; } }
    .gender-selction-guide .guide-Box h3 {
      font-size: 32px;
      color: #fff;
      text-align: center;
      letter-spacing: 3px; }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box h3 {
          font-size: 26px; } }
    .gender-selction-guide .guide-Box p {
      text-align: center;
      margin: 0;
      font-size: 18px;
      letter-spacing: 0.7px;
      color: #fff;
      margin-top: 18px;
      overflow: hidden;
      max-height: 102px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .gender-selction-guide .guide-Box p {
          font-size: 16px;
          max-height: 95px; } }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box p {
          display: none; } }
    .gender-selction-guide .guide-Box .url-area {
      margin-top: 45px;
      display: block;
      width: 100%;
      text-align: center;
      color: white;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 25px; }
      @media only screen and (max-width: 767px) {
        .gender-selction-guide .guide-Box .url-area {
          bottom: 15px; } }
      .gender-selction-guide .guide-Box .url-area a {
        color: #fff;
        letter-spacing: 1px;
        border-bottom: 2px solid #fff;
        text-transform: uppercase;
        padding-bottom: 0px; }
        .gender-selction-guide .guide-Box .url-area a:hover {
          border-bottom: none; }
      .gender-selction-guide .guide-Box .url-area a + a {
        margin-left: 15px; }
    .gender-selction-guide .guide-Box .expore-linlk {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%; }
    .gender-selction-guide .guide-Box .explore {
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: underline;
      line-height: 26px;
      text-align: center;
      color: #fff;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    .gender-selction-guide .guide-Box .explore:hover {
      text-decoration: none; }
  .gender-selction-guide .denim-colm-1 {
    width: 50%;
    float: left;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .gender-selction-guide .denim-colm-1 {
        width: 100%;
        height: 474px; } }
    @media only screen and (max-width: 767px) {
      .gender-selction-guide .denim-colm-1 {
        width: 100%; } }
    .gender-selction-guide .denim-colm-1 > img {
      vertical-align: top;
      width: 100%; }
    .gender-selction-guide .denim-colm-1 .guide-Box {
      right: 0px; }

/*WRAPPER box*/
/*WRAPPER CLASS*/
.journey-selction-level {
  display: none;
  width: 100%;
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin-bottom: 2px; }
  .journey-selction-level .hadding-title {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    top: 0px;
    left: 0px;
    z-index: 49;
    position: absolute;
    width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .hadding-title {
        background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .hadding-title {
        background: black none repeat scroll 0 0;
        position: relative; } }
    .journey-selction-level .hadding-title h6 {
      color: #fff;
      font-size: 22px;
      line-height: 40px;
      text-align: center;
      letter-spacing: 1px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase; }
    .journey-selction-level .hadding-title .joggjeans-guide {
      padding: 0 18px 0 0;
      font-size: 16px;
      margin: 0 20px 0 0;
      float: right;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: none;
      line-height: 40px;
      text-align: center;
      display: block;
      color: #fff;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/link-arrow.png") no-repeat right center; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .hadding-title .joggjeans-guide {
          display: none; } }
  @media only screen and (max-width: 767px) {
    .journey-selction-level .hadding-title-top .gender-relevant {
      display: block; } }
  .journey-selction-level .gender-relevant {
    padding: 0px;
    margin: 10px 0px 0 23px;
    list-style: none;
    float: left; }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .gender-relevant {
        display: block;
        position: absolute;
        bottom: -29px;
        left: 0;
        display: none;
        margin: 0;
        width: 45%; } }
    .journey-selction-level .gender-relevant li {
      padding: 0 18px 0 0;
      float: left;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .gender-relevant li {
          padding: 0 0 0 25%; } }
      .journey-selction-level .gender-relevant li a, .journey-selction-level .gender-relevant li span {
        color: #999;
        text-decoration: none; }
      .journey-selction-level .gender-relevant li a.active, .journey-selction-level .gender-relevant li span.active {
        color: #fff;
        text-decoration: underline; }
  .journey-selction-level .journey-box {
    padding: 0 4%;
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .journey-box {
        padding: 0; } }
    .journey-selction-level .journey-box.journey-box-black {
      background: #242527; }
  .journey-selction-level .summary-guide-wrapper {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative; }
    @media (min-width: 1024px) {
      .journey-selction-level .summary-guide-wrapper.data-summary-guide-count-3 {
        width: 75%; } }
    @media (min-width: 1024px) {
      .journey-selction-level .summary-guide-wrapper.data-summary-guide-count-3 .summary-guide {
        width: 33%; } }
  .journey-selction-level .dbg-cat-count-1 {
    visibility: hidden; }
    .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper {
      width: 25%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper {
          width: 100%; } }
      .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper .summary-guide {
        margin: 0;
        width: 100%; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper .summary-guide {
            margin: 50% 0 0;
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper .summary-guide {
            margin: 60% 0 0;
            width: 100%; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .journey-selction-level .dbg-cat-count-1 .summary-guide-wrapper .summary-guide {
            height: 34%;
            margin: 15% 0 0; } }
    .journey-selction-level .dbg-cat-count-1 .overview-guide .overview-guide-name {
      margin-left: 34.5%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .dbg-cat-count-1 .overview-guide .overview-guide-name {
          margin-left: 34.5%; } }
  .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper {
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper {
        width: 100%; } }
    .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide {
      margin: 0;
      width: 50%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide {
          width: 100%; }
          .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 30%; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide {
          width: 100%; }
          .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 39%; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide {
          height: 34%; }
          .journey-selction-level .dbg-cat-count-2 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 5%; } }
  .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-tabs {
    width: 46%;
    margin: 0 auto;
    display: inline-block; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-tabs {
        width: 89%;
        margin: 0;
        float: left; } }
  .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-name {
    margin: 0px;
    width: 50%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-name {
        margin: 0; } }
  .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper {
    width: 85%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper {
        width: 100%; } }
    .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide {
      margin: 0;
      width: 33%; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide {
          margin: 0;
          width: 100%; }
          .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 18%; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide {
          margin: 0;
          width: 100%; }
          .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 20%; } }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide {
          height: 30%;
          margin: 0; }
          .journey-selction-level .dbg-cat-count-3 .summary-guide-wrapper .summary-guide:first-child {
            margin-top: 0; } }
  .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-name {
    margin: 0;
    width: 25.76%; }
    .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-name:first-child {
      margin: 0 0 0 7%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-name {
        margin: 0;
        width: 25.76%; }
        .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-name:first-child {
          margin: 0 0 0 7%; } }
  .journey-selction-level .dbg-cat-count-3 .overview-guide .share-icon1-view {
    float: right;
    display: block;
    width: 4%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-3 .overview-guide .share-icon1-view {
        width: 6%; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .journey-selction-level .dbg-cat-count-4 .summary-guide-wrapper .summary-guide .journey-guide-Box {
      padding: 5px 20px; }
      .journey-selction-level .dbg-cat-count-4 .summary-guide-wrapper .summary-guide .journey-guide-Box .journey-guide-box-inner-1 {
        padding: 2px 20px 0px;
        border: 2px solid #fff; }
      .journey-selction-level .dbg-cat-count-4 .summary-guide-wrapper .summary-guide .journey-guide-Box h2 {
        font-size: 24px; }
      .journey-selction-level .dbg-cat-count-4 .summary-guide-wrapper .summary-guide .journey-guide-Box .explore-link {
        font-size: 13px; } }
  .journey-selction-level .dbg-cat-count-1 .overview-guide .share-icon1-view, .journey-selction-level .dbg-cat-count-2 .overview-guide .share-icon1-view, .journey-selction-level .dbg-cat-count-3 .overview-guide .share-icon1-view {
    float: right;
    display: block;
    width: 4%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .dbg-cat-count-1 .overview-guide .share-icon1-view, .journey-selction-level .dbg-cat-count-2 .overview-guide .share-icon1-view, .journey-selction-level .dbg-cat-count-3 .overview-guide .share-icon1-view {
        width: 6%; } }
  @media only screen and (max-width: 767px) {
    .journey-selction-level .dbg-cat-count-1 .overview-guide .overview-guide-tabs, .journey-selction-level .dbg-cat-count-2 .overview-guide .overview-guide-tabs, .journey-selction-level .dbg-cat-count-3 .overview-guide .overview-guide-tabs {
      display: none; } }
  .journey-selction-level .summary-guide {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .summary-guide {
        width: 100%;
        height: 24%; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .summary-guide {
        width: 100%;
        height: 23%; } }
    .journey-selction-level .summary-guide.summary-guide-bg-none {
      background-image: none !important; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .summary-guide.summary-guide-bg-none .journey-guide-Box {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .summary-guide.summary-guide-bg-none .journey-guide-Box {
          display: none; } }
  .journey-selction-level .journey-guide-Box {
    position: absolute;
    cursor: pointer;
    bottom: 40px;
    z-index: 9;
    padding: 40px;
    width: 100%;
    letter-spacing: 1px; }
    @media (min-width: 768px) and (max-width: 1024px) {
      .journey-selction-level .journey-guide-Box {
        padding: 40px 20px; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      .journey-selction-level .journey-guide-Box {
        display: table;
        width: 100%;
        height: 100%; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .journey-guide-Box {
        bottom: 0px;
        right: 0px;
        width: 50%;
        padding: 20px; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .journey-guide-Box {
        bottom: 0;
        padding: 14px 20px; } }
    @media (min-width: 0px) and (max-width: 1023px) {
      .journey-selction-level .journey-guide-Box .journey-guide-box-inner {
        display: table-cell;
        vertical-align: middle; } }
    .journey-selction-level .journey-guide-Box .journey-guide-box-inner-1 {
      padding: 20px 20px 30px;
      border: 3px solid #fff;
      height: 320px;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .journey-guide-Box .journey-guide-box-inner-1 {
          padding: 20px 20px 10px;
          max-height: 175px; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .journey-guide-Box .journey-guide-box-inner-1 {
          padding: 8px 20px 0px;
          height: auto; } }
    .journey-selction-level .journey-guide-Box h2 {
      font-size: 52px;
      color: #fff;
      text-align: center;
      word-break: break-all;
      letter-spacing: 3px;
      padding: 5% 0 6% 0; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .journey-guide-Box h2 {
          padding: 0 0 9px;
          font-size: 32px; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .journey-guide-Box h2 {
          font-size: 30px;
          padding: 0; } }
    .journey-selction-level .journey-guide-Box p {
      font-size: 16px;
      margin: 0;
      color: #fff;
      padding: 0 0px 10px;
      line-height: 24px;
      text-align: center; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .journey-guide-Box p {
          font-size: 14px;
          line-height: 18px; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .journey-guide-Box p {
          padding: 0 0 8px; } }
      .journey-selction-level .journey-guide-Box p.description-text {
        max-height: 169px;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .journey-selction-level .journey-guide-Box p.description-text {
            display: none; } }
    .journey-selction-level .journey-guide-Box .explore-link {
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: underline;
      line-height: 26px;
      text-align: center;
      color: #fff;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .journey-guide-Box .explore-link {
          line-height: 21px; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .journey-guide-Box .explore-link {
          font-size: 16px;
          line-height: 20px; } }
    .journey-selction-level .journey-guide-Box .explore-link:hover {
      text-decoration: none; }
  .journey-selction-level .journey-guide-Box.bg .journey-guide-box-inner {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; }
  .journey-selction-level .overview-guide {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    position: absolute;
    width: 100%;
    border-top: 0px solid #bababa; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .journey-selction-level .overview-guide {
        background: #151617; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .overview-guide {
        border-top: 0;
        visibility: hidden; } }
    .journey-selction-level .overview-guide .share-media-bottom {
      bottom: 35px;
      top: auto; }
    .journey-selction-level .overview-guide.overview-guide-top {
      border-bottom: 1px solid #bababa; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide.overview-guide-top {
          display: block;
          background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
          border-bottom: 0;
          visibility: visible; } }
      .journey-selction-level .overview-guide.overview-guide-top .share-media-bottom {
        bottom: auto;
        top: 35px; }
    .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box {
      display: none; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box {
          float: right;
          text-transform: uppercase;
          line-height: 38px;
          width: 55%;
          text-align: center;
          color: #fff;
          border: 1px solid #fff;
          letter-spacing: 1px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 18px;
          display: block; } }
      .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        appearance: none;
        border: 0;
        background: transparent;
        color: #fff;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        width: 100%;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        text-indent: 20%; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box:after {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") right center no-repeat;
          width: 18px;
          height: 38px;
          content: "";
          position: absolute;
          right: 13px;
          top: 0;
          -o-transform: rotate(-90deg);
          /* opera */
          -moz-transform: rotate(-90deg);
          /* mozilla */
          -ms-transform: rotate(-90deg);
          /* IE 9 */
          -webkit-transform: rotate(-90deg);
          /* Safari */
          transform: rotate(-90deg);
          /* Standard syntax */ } }
      .journey-selction-level .overview-guide .overview-guide-tabs-mobile-box.active:after {
        -o-transform: rotate(90deg);
        /* opera */
        -moz-transform: rotate(90deg);
        /* mozilla */
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Safari */
        transform: rotate(90deg);
        /* Standard syntax */ }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .overview-guide .overview-guide-tabs {
        display: none;
        position: absolute;
        right: 0px;
        width: 55%;
        border: 1px solid #fff;
        top: 40px;
        border-top: none;
        background-color: #64686b; } }
    @media only screen and (max-width: 767px) {
      .journey-selction-level .overview-guide .overview-guide-tabs .overview-guide-name {
        width: 100%;
        border-right: none; } }
    .journey-selction-level .overview-guide .overview-guide-name {
      width: 23%;
      font-size: 18px;
      float: left;
      line-height: 38px;
      letter-spacing: 1px;
      border-right: 0px solid #bababa;
      color: #fff;
      text-align: center;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      display: block;
      cursor: pointer; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .overview-guide .overview-guide-name {
          border-right: 0px solid #212223;
          font-size: 14px; } }
      .journey-selction-level .overview-guide .overview-guide-name.active {
        color: #333;
        background: #fff; }
    .journey-selction-level .overview-guide .help-icon {
      width: 4%;
      color: #fff;
      cursor: pointer;
      font-size: 28px;
      line-height: 38px;
      float: left;
      text-align: center;
      letter-spacing: 1px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      border-right: 0px solid #bababa; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .journey-selction-level .overview-guide .help-icon {
          border-right: 2px solid #212223; } }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide .help-icon {
          display: none; } }
    .journey-selction-level .overview-guide .share-icon1-view {
      width: 4%;
      position: relative;
      display: inline-block;
      vertical-align: top; }
    .journey-selction-level .overview-guide .share-icon1 {
      display: block;
      height: 18px;
      width: 18px;
      vertical-align: top;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Share_white.svg") no-repeat 0 0;
      text-indent: -999999px; }
      @media only screen and (max-width: 767px) {
        .journey-selction-level .overview-guide .share-icon1 {
          display: none; } }

/*WRAPPER CLASS*/
.denimBuyingGuide .tab-sec-wrapper .tab-sec {
  position: relative;
  overflow-x: hidden;
  display: none; }
  .denimBuyingGuide .tab-sec-wrapper .tab-sec .bx-wrapper .bx-controls-direction a {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px;
    width: 28px;
    height: 42px; }
  .denimBuyingGuide .tab-sec-wrapper .tab-sec .bx-wrapper .bx-controls-direction .bx-prev {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px;
    left: 10px; }
  .denimBuyingGuide .tab-sec-wrapper .tab-sec .bx-wrapper .bx-controls-direction .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -226px -65px;
    right: 10px; }
.denimBuyingGuide .tab-sec-wrapper .tab-sec.guide-show {
  display: block; }
.denimBuyingGuide .tab-sec-wrapper .go-back-btn-mobile {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 15px;
  color: #fff;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") no-repeat 0 0;
  position: absolute;
  left: 0;
  top: 86px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 21px;
  margin-left: 8px;
  cursor: pointer;
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .denimBuyingGuide .tab-sec-wrapper .go-back-btn-mobile {
      top: 90px; } }
  @media only screen and (max-width: 767px) {
    .denimBuyingGuide .tab-sec-wrapper .go-back-btn-mobile {
      top: 57px; } }

.main-carusel-section-wrap .main-carusel-section {
  display: none; }
  .main-carusel-section-wrap .main-carusel-section:first-child {
    display: block; }
  .main-carusel-section-wrap .main-carusel-section .image-sec {
    position: relative;
    background-color: #64686b;
    height: 90vh;
    overflow: visible;
    overflow-x: visible;
    overflow-y: hidden; }
    .main-carusel-section-wrap .main-carusel-section .image-sec .image-left-sec {
      width: 100%;
      position: relative;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .image-left-sec {
          width: 100%;
          height: auto; } }
      @media only screen and (max-width: 767px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .image-left-sec {
          width: 100%;
          height: auto; } }
    .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video {
      width: 100%;
      position: relative;
      height: 90vh;
      overflow: hidden; }
      @media (min-width: 0px) and (max-width: 1023px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video {
          height: auto; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .pause-button, .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .video-icons-pause {
          left: 23px;
          top: 145px; } }
      @media (min-width: 1024px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .play-button, .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .video-icons-play {
          left: 39%;
          top: 54%; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .play-button, .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video .video-icons-play {
          top: 41%; } }
      .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video video {
        top: 0;
        z-index: 10 !important;
        left: 0; }
        @media (min-width: 0px) and (max-width: 1024px) {
          .main-carusel-section-wrap .main-carusel-section .image-sec .denim-buying-video video {
            display: none;
            object-fit: cover;
            object-position: 50% 50%; } }
    .main-carusel-section-wrap .main-carusel-section .image-sec img {
      display: block;
      width: 100%; }
  .main-carusel-section-wrap .main-carusel-section .hotspot {
    position: absolute;
    left: 0;
    top: 0;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/hotspot.png") no-repeat 0 0;
    height: 44px;
    width: 44px;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .main-carusel-section-wrap .main-carusel-section .hotspot {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/hotspot-mobile.png") no-repeat 0 0;
        height: 32px;
        width: 32px; } }
    .main-carusel-section-wrap .main-carusel-section .hotspot.active {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/hotspot-active.png") no-repeat 0 0; }
      @media only screen and (max-width: 767px) {
        .main-carusel-section-wrap .main-carusel-section .hotspot.active {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/denim/hotspot-active-mobile.png") no-repeat 0 0; } }

.box-data-style {
  border: 3px solid #fff;
  width: 34%;
  padding: 43px;
  position: absolute;
  right: 12%;
  bottom: 148px;
  color: #fff;
  max-width: 415px;
  z-index: 11; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .box-data-style {
      padding: 20px 30px;
      bottom: 180px;
      width: 39%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-data-style {
      max-width: none;
      width: 80%;
      bottom: 170px;
      padding: 30px 43px;
      text-align: center;
      right: 10%; } }
  @media only screen and (max-width: 767px) {
    .box-data-style {
      max-width: none;
      width: 80%;
      bottom: 59px;
      right: 10%;
      padding: 0;
      border: none; } }
  .box-data-style h6 {
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .box-data-style h6 {
        text-align: center; } }
    @media only screen and (max-width: 767px) {
      .box-data-style h6 {
        text-align: center; } }
  .box-data-style h3 {
    font-size: 60px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    line-height: 53px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .box-data-style h3 {
        font-size: 45px;
        text-align: center;
        line-height: 40px; } }
    @media only screen and (max-width: 767px) {
      .box-data-style h3 {
        font-size: 35px;
        text-align: center;
        line-height: 40px; } }
  .box-data-style p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
    @media only screen and (max-width: 767px) {
      .box-data-style p {
        display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-data-style .btn-wrap {
      width: 330px;
      margin: 0 auto; } }
  .box-data-style .btn-wrap .shop-btn {
    font-size: 16px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    letter-spacing: 1px;
    border: 3px solid #fff;
    display: inline-block;
    vertical-align: top;
    height: 34px;
    line-height: 28px;
    color: #fff;
    padding: 0 24px;
    text-transform: uppercase;
    cursor: pointer; }
    .box-data-style .btn-wrap .shop-btn:hover {
      background-color: white;
      color: black;
      transition: 0.2s; }
    @media only screen and (max-width: 767px) {
      .box-data-style .btn-wrap .shop-btn {
        width: 100%;
        text-align: center;
        margin-top: 5px; } }
  .box-data-style .btn-wrap .see-styles {
    padding: 0 0px 0px 12px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    text-decoration: underline;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .box-data-style .btn-wrap .see-styles {
        display: block;
        text-align: center; } }

.thumbnail-menu {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  overflow: hidden; }
  .thumbnail-menu ul.t-level-1 {
    padding: 0;
    margin: 0;
    width: 999999px;
    float: left; }
    .thumbnail-menu ul.t-level-1 > li {
      float: left;
      position: relative;
      overflow: hidden; }
      .thumbnail-menu ul.t-level-1 > li span.t-level-1 {
        font-size: 14px;
        color: #fff;
        height: 29px;
        line-height: 29px;
        display: block;
        background-color: #828689;
        border-right: 1px solid #6b7073;
        min-width: 139px; }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li span.t-level-1 {
            height: 40px;
            line-height: 40px;
            font-size: 17px;
            min-width: 0px;
            padding: 0 35px;
            background-color: #888; } }
      .thumbnail-menu ul.t-level-1 > li ul.t-level-2 {
        background: rgba(130, 134, 137, 0.72);
        float: left;
        margin: 0;
        padding: 0;
        height: 0;
        overflow: hidden;
        border-top: 1px solid #6b7073; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 {
            height: 110px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 {
            width: 0;
            background: #888; } }
        .thumbnail-menu ul.t-level-1 > li ul.t-level-2 .text {
          display: table;
          height: 100%;
          width: 100%; }
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 .text span {
            display: table-cell;
            vertical-align: middle; }
        .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li {
          border-right: 1px solid #6b7073;
          width: 139px;
          float: left;
          height: 100%;
          padding: 0 25px;
          font-size: 14px;
          cursor: pointer; }
          @media (min-width: 0px) and (max-width: 767px) {
            .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li {
              height: 40px;
              line-height: 40px;
              font-size: 17px;
              min-width: 0px;
              color: #fff; } }
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.active-small {
            background-color: #191919;
            color: #fff; }
            @media (min-width: 0px) and (max-width: 767px) {
              .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.active-small {
                position: relative; } }
            @media (min-width: 0px) and (max-width: 767px) {
              .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.active-small:after {
                content: "";
                height: 3px;
                width: 100%;
                position: absolute;
                left: 0;
                top: -3px;
                background: #888; } }
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.image-sec {
            position: relative;
            overflow: hidden;
            display: block;
            background-color: #828689; }
            .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.image-sec img {
              max-width: 100%; }
            .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.image-sec:after {
              background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/transparent_thumbnail_over.png") no-repeat 0 bottom;
              position: absolute;
              bottom: 0;
              left: 0;
              height: 29px;
              width: 100%;
              content: "";
              display: none; }
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2 li.ipad-only-see-styles {
            display: none;
            cursor: pointer;
            padding: 0; }
      .thumbnail-menu ul.t-level-1 > li ul.t-level-2-submenu {
        display: block;
        width: 0;
        overflow: hidden;
        height: 0px;
        float: left; }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li ul.t-level-2-submenu {
            height: auto;
            width: auto;
            display: none; } }
      .thumbnail-menu ul.t-level-1 > li.active span.t-level-1 {
        color: #191919;
        background-color: #fff; }
      .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 {
        background: rgba(255, 255, 255, 0.5); }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 {
            background: #888; } }
        .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 li.image-sec {
          background-color: #fff; }
          .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 li.image-sec:after {
            display: block; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .thumbnail-menu ul.t-level-1 > li.active ul.t-level-2 li .ipad-only-see-styles {
            display: block; } }
      .thumbnail-menu ul.t-level-1 > li.active-ele span.t-level-1 {
        color: #191919;
        background-color: #fff; }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li.active-ele span.t-level-1 {
            color: #fff;
            background-color: #191919;
            letter-spacing: 2px; } }
      .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 {
        background: rgba(255, 255, 255, 0.5); }
        @media (min-width: 0px) and (max-width: 767px) {
          .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 {
            background: #888; } }
        .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 li.image-sec {
          background-color: #fff; }
          .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 li.image-sec:after {
            display: block; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .thumbnail-menu ul.t-level-1 > li.active-ele ul.t-level-2 li.ipad-only-see-styles {
            display: block; } }

.mobile-subtitle-detail {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  display: none;
  position: fixed;
  padding: 80px 10%;
  height: 100%;
  width: 100%;
  top: 0px;
  z-index: 99999; }
  @media only screen and (max-width: 767px) {
    .mobile-subtitle-detail {
      display: block; } }
  .mobile-subtitle-detail .sbutitle-detail {
    border: 3px solid #fff;
    padding: 50px 15px;
    background: rgba(0, 0, 0, 0.61); }
    .mobile-subtitle-detail .sbutitle-detail h3 {
      color: #fff;
      font-size: 24px;
      line-height: 40px;
      text-align: center;
      letter-spacing: 1px; }
    .mobile-subtitle-detail .sbutitle-detail p {
      font-size: 16px;
      line-height: 24px;
      color: #fff;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      text-align: center; }
    .mobile-subtitle-detail .sbutitle-detail .close-box {
      display: block;
      height: 20px;
      width: 20px;
      float: right;
      margin: -35px 0 0 0;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_white.svg") no-repeat 0 0;
      text-indent: -999999px;
      cursor: pointer; }

.denimGuide-landing-dbg-slider .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  outline: 0;
  text-indent: -9999px;
  z-index: 14;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px;
  width: 28px;
  height: 42px; }
  .denimGuide-landing-dbg-slider .bx-controls-direction a.bx-prev {
    left: 7px; }
  .denimGuide-landing-dbg-slider .bx-controls-direction a.bx-next {
    right: 0px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -234px -65px; }

.main-carusel-section-wrap .bx-wrapper .bx-controls .bx-prev, .main-carusel-section-wrap .bx-wrapper .bx-controls .bx-next {
  display: none; }

.main-carusel-section-wrap-bx.show-only-childButton .bx-controls .bx-prev, .main-carusel-section-wrap-bx.show-only-childButton .bx-controls .bx-next {
  display: none; }
.main-carusel-section-wrap-bx.show-only-childButton .main-carusel-section-wrap .bx-wrapper .bx-controls .bx-prev, .main-carusel-section-wrap-bx.show-only-childButton .main-carusel-section-wrap .bx-wrapper .bx-controls .bx-next {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px;
  display: block; }
.main-carusel-section-wrap-bx.show-only-childButton .main-carusel-section-wrap .bx-wrapper .bx-controls .bx-next {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat -211px -65px; }

.plpremovedenim {
  display: none; }

.plprecentdenim {
  position: absolute;
  left: -9999px; }

/*article page*/
/*WRAPPER CLASS*/
.article-page {
  width: 100%;
  margin: 0px;
  padding-top: 0px;
  background-color: #ccc; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .article-page .breadcrumb-container {
      display: inline; } }
  .article-page .row {
    padding: 0 100px; }
    @media only screen and (min-width: 1200px) and (max-width: 1300px) {
      .article-page .row {
        padding: 0 82px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article-page .row {
        padding: 62px;
        padding-top: 16px;
        padding-bottom: 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .article-page .row .row {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .article-page .row {
        padding: 10px 10px; } }

/*LEFT PART OF ARTICLE PAGE*/
.left-section {
  background-color: white;
  padding: 0px;
  padding-top: 55px;
  margin-bottom: 25px; }
  .left-section .zoom-image-main-sbl {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Zoom_white.svg") no-repeat 0 0;
    background-color: rgba(25, 25, 25, 0.3); }
  @media only screen and (max-width: 767px) {
    .left-section {
      padding-top: 25px;
      margin-bottom: 0px; } }

/*FOR HEADING*/
.article-header {
  background-color: #FFFFFF;
  text-align: center; }
  .article-header h2 {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 48px;
    text-transform: uppercase;
    color: #191919;
    margin-bottom: 48px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article-header h2 {
        margin-bottom: 35px;
        font-size: 36px; } }
  @media only screen and (max-width: 767px) {
    .article-header h2 {
      font-size: 30px;
      margin-bottom: 10px; } }
  .article-header h6 {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #191919; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article-header h6 {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .article-header h6 {
        font-size: 12px; } }

/*ARTICLE 3 BANNER CONTAINS IMAGE OR VIDEO*/
.article-banner {
  width: 100%;
  position: relative; }
  .article-banner .flex-img img {
    width: 100%; }
  .article-banner .article-zoom-icon {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 10px;
    top: 10px; }
    @media only screen and (max-width: 767px) {
      .article-banner .article-zoom-icon {
        display: none; } }

/*ARTICLE 1 BANNER WRAPPER CLASS FOR CAROUSEL*/
.article-1-banner-wrapper {
  position: relative; }
  .article-1-banner-wrapper .carousel-article {
    padding: 0px;
    height: 100%; }
    .article-1-banner-wrapper .carousel-article .fullscreen-button {
      display: none; }
  .article-1-banner-wrapper .custom-article {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #e8e8e8;
    padding: 0px; }
    .article-1-banner-wrapper .custom-article li {
      height: 700px;
      text-align: center; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .article-1-banner-wrapper .custom-article li {
          height: 460px; } }
      @media only screen and (max-width: 767px) {
        .article-1-banner-wrapper .custom-article li {
          height: 373px; } }
      .article-1-banner-wrapper .custom-article li .inner-thumb {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        width: auto;
        height: 100%; }
  .article-1-banner-wrapper .article-1-thumbnail {
    max-width: 600px;
    margin: 0 auto; }
    .article-1-banner-wrapper .article-1-thumbnail .bx-wrapper .bx-prev {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/article_arrow_left.png") no-repeat scroll;
      width: 20px;
      height: 21px;
      left: -30px;
      border-right: 1px solid #CCC;
      background-position: 50% 50%;
      top: 6px;
      height: 100%; }
    .article-1-banner-wrapper .article-1-thumbnail .bx-wrapper .bx-next {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/article_arrow_right.png") no-repeat scroll;
      width: 20px;
      height: 21px;
      right: -30px;
      border-left: 1px solid #CCC;
      background-position: 50% 50%;
      top: 6px;
      height: 100%; }
    @media only screen and (max-width: 767px) {
      .article-1-banner-wrapper .article-1-thumbnail {
        display: none; } }
    .article-1-banner-wrapper .article-1-thumbnail .row {
      padding: 0px; }
    @media only screen and (max-width: 767px) {
      .article-1-banner-wrapper .article-1-thumbnail .bx-controls-direction {
        display: none; } }
  .article-1-banner-wrapper .article-1-zoom-icon {
    position: absolute;
    right: 20px;
    top: 10px;
    height: 40px;
    width: 40px; }

.article-1-banner {
  padding-left: 0px;
  padding-right: 0px;
  height: 100%; }
  .article-1-banner .bx-wrapper {
    position: static;
    display: inline-block; }
    .article-1-banner .bx-wrapper .bx-prev {
      left: 0px;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat scroll -60px -271px;
      height: 41px;
      width: 41px; }
    .article-1-banner .bx-wrapper .bx-next {
      right: 0px;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/sprite.png") no-repeat scroll -10px -271px;
      height: 41px;
      width: 41px; }
    .article-1-banner .bx-wrapper img {
      margin: 0 auto;
      text-align: center;
      height: 100%;
      overflow: hidden; }
    .article-1-banner .bx-wrapper img.landscape {
      height: auto; }
  @media only screen and (max-width: 767px) {
    .article-1-banner {
      padding-left: 0px;
      padding-right: 0px; } }

.slider-thumbnail-article {
  padding: 0px;
  margin: 0px; }
  @media only screen and (max-width: 767px) {
    .slider-thumbnail-article {
      display: none; } }
  .slider-thumbnail-article li {
    float: left;
    display: inline-block;
    vertical-align: middle;
    width: 84px;
    cursor: pointer;
    padding-bottom: 3px; }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .slider-thumbnail-article li {
        width: 60px; } }
    @media only screen and (max-width: 767px) {
      .slider-thumbnail-article li {
        width: 80px; } }
    .slider-thumbnail-article li img {
      width: 100%; }
  .slider-thumbnail-article li.active {
    border-bottom: 2px dotted #000000;
    padding-bottom: 3px; }

/*ARTICLE 2 PORTRAIT IMAGE*/
.article-2-banner {
  position: relative; }
  .article-2-banner img {
    width: 100%; }
  .article-2-banner .article-2-zoom-icon {
    position: absolute;
    right: 22px;
    top: 10px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Zoom_white.svg");
    height: 40px;
    width: 40px; }

/*CONTENT AFTER BANNER SAME FOR ALL*/
.article-content .article-text {
  color: #191919;
  margin-top: 60px; }
  @media only screen and (max-width: 767px) {
    .article-content .article-text {
      margin-top: 20px; } }
  .article-content .article-text h6 {
    color: 191919;
    text-align: center;
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 60px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article-content .article-text h6 {
        font-size: 18px;
        margin-bottom: 33px; } }
    @media only screen and (max-width: 767px) {
      .article-content .article-text h6 {
        margin-bottom: 20px;
        margin-top: 20px; } }
  .article-content .article-text p {
    font-size: 16px;
    font-size: 1rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article-content .article-text p {
        font-size: 14px;
        font-size: 0.875rem; } }
    @media only screen and (max-width: 767px) {
      .article-content .article-text p {
        font-size: 14px;
        font-size: 0.875rem; } }
  .article-content .article-text p.second-text {
    margin-bottom: 40px;
    margin-bottom: 2.5rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article-content .article-text p.second-text {
        font-size: 14px;
        font-size: 0.875rem; } }
    @media only screen and (max-width: 767px) {
      .article-content .article-text p.second-text {
        font-size: 14px;
        font-size: 0.875rem; } }
.article-content q {
  font-size: 24px;
  display: block;
  margin-bottom: 40px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  text-transform: uppercase;
  text-align: center; }
.article-content q:before {
  content: "\201C";
  font-size: 28px;
  display: block;
  font-family: inherit; }
.article-content q:after {
  content: close-quote; }

/*ARTICLE 3-AFTER CONTENT IMAGE AND TEXT*/
.article-element3 {
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .article-element3 {
      margin-bottom: 0px; } }
  .article-element3 .row {
    position: relative;
    margin-top: 40px; }
    @media only screen and (max-width: 767px) {
      .article-element3 .row {
        margin-top: 8px; } }
    @media only screen and (max-width: 767px) {
      .article-element3 .row .article-element-3-hide {
        display: none; } }
    @media only screen and (max-width: 767px) {
      .article-element3 .row .left-part {
        left: 8.33%; } }
    .article-element3 .row .left-part h6 {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      text-align: center; }
    .article-element3 .row .left-part p {
      font-size: 14px;
      font-size: 0.875rem;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      margin-top: 4px;
      text-align: center; }
    .article-element3 .row .right-wrapper {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 8.33333%;
      left: auto; }
      @media only screen and (max-width: 767px) {
        .article-element3 .row .right-wrapper {
          position: static; } }
      .article-element3 .row .right-wrapper .right-part {
        display: table;
        height: 100%;
        text-align: center;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        text-transform: uppercase;
        font-size: 24px;
        font-size: 1.5rem; }
        .article-element3 .row .right-wrapper .right-part p {
          vertical-align: middle;
          display: table-cell;
          margin: 0; }
        @media only screen and (max-width: 767px) {
          .article-element3 .row .right-wrapper .right-part {
            padding-left: 28px;
            padding-right: 28px; } }
  .article-element3 .row-right .left-part {
    float: right;
    right: 0px;
    left: auto; }
    @media only screen and (max-width: 767px) {
      .article-element3 .row-right .left-part {
        right: 8.33%; } }
  .article-element3 .row-right .right-wrapper {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 8.33333%;
    right: auto; }
    .article-element3 .row-right .right-wrapper .right-part {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 40px;
      font-size: 24px;
      font-size: 1.5rem; }
    @media only screen and (max-width: 767px) {
      .article-element3 .row-right .right-wrapper {
        position: static; } }

/*ARTICLE 2 ELEMENT 3 IMAGE AND TEXT*/
.article-2-element3 {
  margin-bottom: 37px; }
  .article-2-element3 .row {
    padding: 0px 60px;
    position: relative;
    margin-top: 40px; }
    @media only screen and (min-width: 1200px) {
      .article-2-element3 .row {
        padding: 0px 87px; } }
    @media only screen and (max-width: 767px) {
      .article-2-element3 .row {
        padding: 0px 30px; } }
    .article-2-element3 .row .left-part {
      left: auto; }
      @media only screen and (max-width: 767px) {
        .article-2-element3 .row .left-part {
          padding-bottom: 40px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .article-2-element3 .row .left-part {
          left: 8.33%; } }
      .article-2-element3 .row .left-part h6 {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 14px;
        font-size: 0.875rem;
        text-align: center; }
      .article-2-element3 .row .left-part p {
        font-size: 14px;
        font-size: 0.875rem;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        margin-top: 4px;
        text-align: center; }
    .article-2-element3 .row .right-wrapper {
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 8.33333%;
      left: auto; }
      @media only screen and (max-width: 767px) {
        .article-2-element3 .row .right-wrapper {
          position: static; } }
      .article-2-element3 .row .right-wrapper .right-part {
        display: table;
        height: 100%;
        text-align: center;
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
        font-size: 24px;
        font-size: 1.5rem; }
        .article-2-element3 .row .right-wrapper .right-part p {
          margin: 0;
          text-align: left;
          font-size: 16px; }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .article-2-element3 .row .right-wrapper .right-part p {
            margin: 0;
            text-align: left;
            font-size: 14px; }
          .article-2-element3 .row .right-wrapper .right-part .article-para2 {
            display: none; } }
        @media only screen and (max-width: 767px) {
          .article-2-element3 .row .right-wrapper .right-part {
            padding-left: 0px;
            padding-right: 0px; }
            .article-2-element3 .row .right-wrapper .right-part p {
              margin: 0;
              text-align: left;
              font-size: 14px; } }
  .article-2-element3 .row-right .left-part {
    float: right;
    right: 0px;
    left: auto; }
    @media only screen and (max-width: 767px) {
      .article-2-element3 .row-right .left-part {
        right: 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article-2-element3 .row-right .left-part {
        right: 8.33333%; } }
  .article-2-element3 .row-right .right-wrapper {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 8.33333%;
    right: auto; }
    .article-2-element3 .row-right .right-wrapper .right-part {
      text-align: center;
      margin-bottom: 40px;
      font-size: 24px;
      font-size: 1.5rem; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .article-2-element3 .row-right .right-wrapper .right-part p {
          margin: 0;
          text-align: left;
          font-size: 14px; } }
      @media only screen and (max-width: 767px) {
        .article-2-element3 .row-right .right-wrapper .right-part {
          position: static; }
          .article-2-element3 .row-right .right-wrapper .right-part p {
            margin: 0;
            text-align: left;
            font-size: 14px; } }
    @media only screen and (max-width: 767px) {
      .article-2-element3 .row-right .right-wrapper {
        position: static; } }

/*RIGHT PART OF ALL ARTICLE PAGES*/
.right-section {
  float: right; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .right-section {
      float: right;
      width: auto;
      margin-bottom: 30px;
      background-color: white; } }
  @media only screen and (max-width: 767px) {
    .right-section {
      display: none; } }
  .right-section .article-nav-1 {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 32px;
    text-align: center;
    padding: 1px 15px; }
    .right-section .article-nav-1 p {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 16px;
      font-size: 1rem; }
    .right-section .article-nav-1 .article-back {
      border-style: solid;
      border-color: black;
      text-align: center;
      line-height: 30px; }
      .right-section .article-nav-1 .article-back a {
        display: block; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .right-section .article-nav-1 {
        margin: 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .right-section .article-nav-1 {
        width: 176px;
        background-color: #FFFFFF;
        text-align: center;
        padding: 15px 4px 15px 15px;
        float: left; }
        .right-section .article-nav-1 p {
          margin: 0;
          line-height: 30px; } }
  .right-section .article-nav-2 {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 32px;
    line-height: 26px;
    text-align: center; }
    .right-section .article-nav-2 .share-icon1-wrap {
      width: 100%;
      display: block;
      margin: 0px 0px 0px 0px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .right-section .article-nav-2 .share-icon1-wrap {
          bottom: 10px; } }
    .right-section .article-nav-2 .share-icon1 {
      display: inline-block;
      width: 100%;
      margin: 10px 0px;
      background-size: 18px;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Share.svg") no-repeat 50% 0;
      text-indent: -999999px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .right-section .article-nav-2 {
        width: auto;
        background-color: #FFFFFF;
        margin-bottom: 0px;
        text-align: center;
        float: left;
        margin-top: 21px;
        margin-right: 10px; } }
  .right-section .article-nav-3 {
    text-align: center;
    background-color: #FFFFFF;
    width: 100%;
    padding-bottom: 20px; }
    .right-section .article-nav-3 p {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 16px;
      font-size: 1rem;
      text-transform: uppercase; }
    .right-section .article-nav-3 img {
      width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .right-section .article-nav-3 {
        display: none; } }
  .right-section .article-back-1 {
    border-style: solid;
    border-color: black;
    text-align: center;
    margin: 15px;
    line-height: 30px; }
    .right-section .article-back-1 a {
      display: block; }

/*PRODUCT SLIDER FOR ALL ARTICLE PAGES*/
.article-product-slider {
  text-align: center;
  border-style: solid;
  border-color: #f6f6f6;
  text-transform: uppercase;
  overflow: hidden;
  border-left: none;
  border-right: none;
  padding-bottom: 40px; }
  .article-product-slider h4 {
    margin-top: 20px;
    font-size: 32px;
    margin-bottom: 20px; }
  .article-product-slider .slide-wrapper {
    padding: 0 40px; }
  .article-product-slider .bx-wrapper .bx-pager.bx-default-pager a {
    border-radius: 100px;
    border: 1px solid #000;
    background: none;
    margin: 0 8px; }
  .article-product-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: black; }
  .article-product-slider .bx-wrapper .bx-controls-direction a {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Carousel_arrow.svg") no-repeat 0 0;
    height: 37px;
    width: 37px; }
  .article-product-slider .bx-wrapper .bx-prev {
    left: -111px; }
  .article-product-slider .bx-wrapper .bx-next {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    right: -111px; }
  .article-product-slider .bx-wrapper .bx-pager {
    bottom: -24px;
    position: static;
    padding: 10px 0px; }
  .article-product-slider ul li {
    list-style: none;
    display: inline-block;
    float: left;
    /*width:100%;*/ }
    .article-product-slider ul li h6 {
      text-transform: uppercase;
      font-size: 16px;
      text-align: center;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .article-product-slider ul li h6 {
        text-transform: uppercase;
        font-size: 16px;
        text-align: center; } }
    .article-product-slider ul li p {
      font-size: 14px;
      text-align: center;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      margin-top: 10px;
      margin-bottom: 10px;
      padding-bottom: 10px; }

/*TAGS FOR ALL*/
.article-tags {
  text-align: center;
  overflow: hidden;
  /*@include bp-small 
  {
  	display:none;
  }		
  @include bp-medium
  {
  	display:none;
  }	*/ }
  .article-tags ul {
    padding: 0px;
    display: inline-block;
    vertical-align: top; }
  .article-tags li {
    list-style: none;
    display: inline-block;
    border-style: groove;
    padding: 3px;
    text-align: center;
    line-height: 20px; }
  .article-tags .tag-heading {
    display: inline-block;
    float: left;
    width: 40px;
    padding-top: 6px;
    margin-right: 8px;
    vertical-align: top; }
    .article-tags .tag-heading h6 {
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      font-size: 13px;
      font-weight: bold;
      text-transform: uppercase; }
  .article-tags .tag-wrapper {
    display: inline-block;
    width: auto;
    max-width: 90%;
    vertical-align: top; }
    .article-tags .tag-wrapper .tags-arti {
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      font-size: 12px;
      color: #9f9f9f;
      text-transform: uppercase;
      border: 2px solid #dddddd;
      padding: 4px 6px;
      margin-right: 5px;
      margin-bottom: 3px;
      display: inline-table;
      float: left; }

.article-1-thumbnail .bx-viewport {
  height: auto !important;
  overflow-x: hidden !important; }

.article-1-thumbnail .article-1-thumb {
  margin-top: 10px; }

.article-1-thumbnail .video-thumb-article {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-image: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Play_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%; }

.article-1-banner .bx-pager.bx-default-pager {
  display: none; }
  @media only screen and (max-width: 767px) {
    .article-1-banner .bx-pager.bx-default-pager {
      display: block;
      background-color: white; } }
  @media only screen and (max-width: 767px) {
    .article-1-banner .bx-pager.bx-default-pager a {
      border-radius: 100px;
      border: 1px solid #000;
      background: none;
      margin: 0 8px; } }
  @media only screen and (max-width: 767px) {
    .article-1-banner .bx-pager.bx-default-pager a.active {
      background: black; } }

@media only screen and (max-width: 767px) {
  .article-1-banner {
    padding-bottom: 21px; } }
@media only screen and (max-width: 767px) {
  .article-1-banner .bx-pager {
    bottom: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .right-section .article-nav-3 {
    display: none; }

  .right-section .article-nav-2 {
    width: auto;
    background-color: #FFFFFF;
    margin-bottom: 0px;
    text-align: center;
    float: left;
    margin-top: 21px;
    margin-right: 10px; }

  .right-section .article-nav-1 {
    width: 176px;
    background-color: #FFFFFF;
    text-align: center;
    padding: 15px 4px 15px 15px;
    float: left;
    margin: 0px; }

  .right-section .article-nav-1 p {
    margin: 0;
    line-height: 30px; }

  .right-section .article-nav-2 .share-icon1 {
    margin-top: 14px; }

  .article-page .left-section {
    width: 100%; }

  .article-page .right-section {
    width: auto;
    margin-bottom: 30px;
    background-color: white; }

  .article-page .row {
    padding-top: 16px;
    padding-bottom: 0px; }

  .article-page .breadcrumb-container {
    display: inline; }

  .right-section .article-nav-2 .share-icon1-wrap {
    bottom: 10px; } }
@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .article-1-banner .bx-controls-direction {
    display: none; } }
@media only screen and (min-width: 1200px) {
  .article-fixed-content {
    max-width: 1300px;
    margin: 0 auto; } }

@media only screen and (min-width: 1200px) {
  .article-fixed-content .article-element3 .row.clearfix {
    padding: 0 87px; } }

@media only screen and (min-width: 1200px) {
  .article-content.content-popup .article-fixed-content {
    max-width: 920px;
    margin: 0 auto; } }

@media only screen and (min-width: 1200px) {
  .article-content.content-popup .article-2-element3 .row.clearfix {
    padding: 0 89px; } }

@media only screen and (min-width: 1200px) {
  .article-content.content-popup .article-element3 .row.clearfix {
    padding: 0 89px; } }

/*faq page*/
/*WRAPPER CLASS*/
.content_wrapper {
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  /*primary Cntr*/
  /*primary Cntr*/
  /*secondary Cntr*/
  /*SHIPPING  page*/
  /*SHIPPING  page*/ }
  .content_wrapper .pageblackheading {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: relative;
    margin-top: -1px;
    z-index: 2; }
    .content_wrapper .pageblackheading h6 {
      color: #fff;
      font-size: 32px;
      line-height: 50px;
      text-align: center;
      letter-spacing: 2px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .content_wrapper .pageblackheading h6 {
          font-size: 24px;
          letter-spacing: 1px; } }
  .content_wrapper #primary {
    padding: 0px 0 0px 0;
    width: 75%;
    margin-left: -1px;
    float: right;
    border-left: 1px solid #bababa;
    /*privacy policy page*/
    /*privacy policy page*/
    /*Size Guide  page*/
    /*Size Guide  page*/ }
    .content_wrapper #primary .content-data {
      padding: 25px 3% 50px 3%; }
      @media only screen and (max-width: 767px) {
        .content_wrapper #primary .content-data {
          padding: 25px 3%; } }
    .content_wrapper #primary .content-asset p {
      font-size: 13px;
      line-height: 24px;
      text-transform: none;
      padding: 0 0px 13px 0px;
      margin: 0px;
      color: #191919;
      font-family: "TradeGothicLTPro", Arial, sans-serif; }
    .content_wrapper #primary .content-asset ul {
      padding: 0px 0 13px 20px;
      margin: 0px; }
      .content_wrapper #primary .content-asset ul ul {
        padding-bottom: 0px; }
    .content_wrapper #primary .content-asset li {
      font-size: 14px;
      list-style: disc;
      line-height: 26px;
      color: #000;
      font-family: "TradeGothicLTPro", Arial, sans-serif; }
    .content_wrapper #primary .content-asset h2 {
      padding: 0 0 6px 0;
      font-size: 18px;
      color: #181818;
      letter-spacing: 1.5px; }
    .content_wrapper #primary .content-asset .bannr {
      width: 100%;
      margin-top: -50px; }
      .content_wrapper #primary .content-asset .bannr img {
        width: 100%; }
      @media only screen and (max-width: 767px) {
        .content_wrapper #primary .content-asset .bannr {
          margin-top: 0px; } }
    .content_wrapper #primary .content-asset .support {
      padding: 0px 3% 115px 3%;
      margin-bottom: -25px;
      mini-height: auto;
      overflow: hidden; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .content_wrapper #primary .content-asset .support {
          min-height: auto; } }
      @media only screen and (max-width: 767px) {
        .content_wrapper #primary .content-asset .support {
          padding: 0px;
          min-height: inherit; } }
      .content_wrapper #primary .content-asset .support h3 {
        padding-top: 15px;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 40px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      .content_wrapper #primary .content-asset .support h3:first-child {
        padding-top: 0px;
        border-top: 0px; }
      .content_wrapper #primary .content-asset .support #faqacco {
        list-style: none;
        padding: 0 0 0 0;
        width: 100%;
        text-transform: uppercase;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        float: left; }
        @media only screen and (max-width: 767px) {
          .content_wrapper #primary .content-asset .support #faqacco {
            margin: 0px 0 20px 0px; } }
        .content_wrapper #primary .content-asset .support #faqacco h4 {
          padding: 0 20px 0 0;
          display: block;
          font-size: 13px;
          font-weight: normal;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          line-height: 40px;
          border-top: 2px solid #bababa;
          border-bottom: 2px solid #bababa;
          cursor: pointer;
          color: #191919;
          margin-top: -2px;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/faq/faq-arrow.png") right center no-repeat; }
          @media only screen and (max-width: 767px) {
            .content_wrapper #primary .content-asset .support #faqacco h4 {
              line-height: 26px; } }
        .content_wrapper #primary .content-asset .support #faqacco .active h4 {
          border-top: 2px solid #000;
          border-bottom: none;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/faq/faq-arrow-hover.png") right center no-repeat; }
        .content_wrapper #primary .content-asset .support #faqacco ul {
          list-style: none;
          padding: 0 0 0 0; }
        .content_wrapper #primary .content-asset .support #faqacco ul li {
          font-weight: normal;
          list-style: none;
          transition: 0.3s linear;
          line-height: normal; }
        .content_wrapper #primary .content-asset .support #faqacco p {
          font-size: 13px;
          line-height: 24px;
          text-transform: none;
          padding: 0 20px 13px 20px;
          margin: 0px;
          color: #191919; }
        .content_wrapper #primary .content-asset .support #faqacco .row {
          display: none;
          border-bottom: 2px solid #000;
          margin-bottom: -2px;
          position: relative; }
        .content_wrapper #primary .content-asset .support #faqacco .selected .row {
          display: block; }
    .content_wrapper #primary .content-asset .back-arrow {
      padding: 25px 0 3px 0;
      text-transform: uppercase;
      margin-left: 10px;
      position: absolute;
      bottom: 0px;
      left: 50%;
      letter-spacing: 1.6px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 16px;
      text-align: center;
      color: #fff;
      display: block;
      width: 136px;
      font-size: 16px;
      background: #999 url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/faq/back-arrow.png") center 8px no-repeat;
      display: block !important;
      opacity: 0; }
      @media only screen and (max-width: 767px) {
        .content_wrapper #primary .content-asset .back-arrow {
          margin: 0px 0 0px -68px; } }
      .content_wrapper #primary .content-asset .back-arrow.showit {
        opacity: 1; }
    .content_wrapper #primary .privacy-policy {
      width: 100%; }
      .content_wrapper #primary .privacy-policy ul {
        padding: 0px 0 13px 20px;
        margin: 0px; }
        .content_wrapper #primary .privacy-policy ul ul {
          padding-bottom: 0px; }
      .content_wrapper #primary .privacy-policy li {
        font-size: 14px;
        list-style: disc;
        line-height: 26px;
        color: #000;
        font-family: "TradeGothicLTPro", Arial, sans-serif; }
    .content_wrapper #primary .slide-container {
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      font-size: 14px; }
      .content_wrapper #primary .slide-container th {
        padding: 4px 10px; }
        @media only screen and (max-width: 767px) {
          .content_wrapper #primary .slide-container th {
            padding: 2px; } }
      .content_wrapper #primary .slide-container td {
        padding: 9px; }
        @media only screen and (max-width: 767px) {
          .content_wrapper #primary .slide-container td {
            padding: 5px 2px; } }
    @media only screen and (max-width: 767px) {
      .content_wrapper #primary {
        width: 100%;
        margin-left: 0px;
        border-left: none; } }
  .content_wrapper #secondary {
    padding-bottom: 10px;
    width: 25.1%;
    float: left;
    margin-right: -1px;
    border-right: 1px solid #bababa; }
    @media only screen and (max-width: 767px) {
      .content_wrapper #secondary {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 60px;
        border-right: none; } }
    .content_wrapper #secondary h2 {
      padding: 13px 15px 3px 0;
      margin-right: 10px;
      font-size: 18px;
      color: #181818;
      letter-spacing: 1.5px;
      cursor: pointer; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .content_wrapper #secondary h2 {
          font-size: 16px; } }
    .content_wrapper #secondary .toggle {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/faq/minuse-arrow.jpg") right 18px no-repeat; }
    .content_wrapper #secondary .expanded {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/faq/pluse-arrow.jpg") right 18px no-repeat; }
    .content_wrapper #secondary .secondary-navigation {
      padding: 15px 0 0px 24px; }
      @media only screen and (max-width: 767px) {
        .content_wrapper #secondary .secondary-navigation {
          padding: 15px 0 0px 15px; } }
      .content_wrapper #secondary .secondary-navigation ul {
        padding: 0px;
        margin: 0 12px 0 -14px;
        list-style: none; }
        .content_wrapper #secondary .secondary-navigation ul li {
          line-height: 26px;
          font-size: 13px;
          font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
          .content_wrapper #secondary .secondary-navigation ul li a {
            padding: 0px 0 0px 14px;
            color: #191819;
            letter-spacing: 1px;
            display: block;
            text-decoration: none;
            text-transform: uppercase; }
          .content_wrapper #secondary .secondary-navigation ul li a:hover {
            background: #e8e8e8; }
          @media only screen and (max-width: 767px) {
            .content_wrapper #secondary .secondary-navigation ul li {
              font-size: 12px; } }
      .content_wrapper #secondary .secondary-navigation li.selected a {
        background: #e8e8e8; }
    @media only screen and (max-width: 767px) {
      .content_wrapper #secondary {
        width: 100%; } }
  .content_wrapper .primary-content {
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    font-size: 14px;
    /*contact  page*/
    /*contact  page*/
    /*sitemap  page*/
    /*sitemap  page*/ }
    .content_wrapper .primary-content h3 {
      padding-bottom: 6px;
      text-transform: inherit;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      line-height: 22px; }
    .content_wrapper .primary-content p {
      padding-bottom: 6px; }
    .content_wrapper .primary-content .contact-us-title {
      padding: 15px 0 15px 6%;
      font-size: 28px; }
    .content_wrapper .primary-content .contact-us {
      padding: 0 0 0 6%; }
      @media only screen and (max-width: 767px) {
        .content_wrapper .primary-content .contact-us {
          padding: 0 5%; } }
      .content_wrapper .primary-content .contact-us .form-row {
        padding: 0 0 20px 0; }
      .content_wrapper .primary-content .contact-us fieldset {
        width: 45%; }
        @media only screen and (max-width: 767px) {
          .content_wrapper .primary-content .contact-us fieldset {
            width: 100%; } }
      .content_wrapper .primary-content .contact-us label {
        padding: 0 0 5px 0;
        line-height: 20px;
        display: block; }
      .content_wrapper .primary-content .contact-us .contat-select {
        width: 100%; }
      .content_wrapper .primary-content .contact-us .input-select {
        height: 32px;
        width: 100%;
        border: 1px solid #cdcbcb; }
      .content_wrapper .primary-content .contact-us .select-img {
        display: block;
        height: 30px !important;
        left: -1px !important;
        position: absolute;
        top: 26px !important;
        width: 100% !important;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png") no-repeat scroll 100% center; }
      .content_wrapper .primary-content .contact-us textarea {
        border: 1px solid #cdcbcb;
        width: 100%; }
      .content_wrapper .primary-content .contact-us input.text, .content_wrapper .primary-content .contact-us input[type="text"], .content_wrapper .primary-content .contact-us input[type="email"], .content_wrapper .primary-content .contact-us input[type="tel"], .content_wrapper .primary-content .contact-us input[type="time"], .content_wrapper .primary-content .contact-us input[type="date"], .content_wrapper .primary-content .contact-us input[type="password"] {
        width: 100%; }
      .content_wrapper .primary-content .contact-us .form-row-button button {
        background-color: #000;
        border: 0 none;
        color: #fff;
        cursor: pointer;
        display: inline;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        letter-spacing: 1px;
        padding: 10px 40px;
        text-align: center;
        text-transform: uppercase;
        width: auto; }
    .content_wrapper .primary-content .diesel-sitemap {
      text-transform: uppercase;
      padding: 0 0 0 5%; }
      @media only screen and (max-width: 767px) {
        .content_wrapper .primary-content .diesel-sitemap {
          padding: 0 5%; } }
      .content_wrapper .primary-content .diesel-sitemap h1 {
        padding: 10px 0;
        font-size: 28px; }
      .content_wrapper .primary-content .diesel-sitemap h3 {
        font-weight: bold;
        font-size: 24px; }
      .content_wrapper .primary-content .diesel-sitemap h3 {
        font-size: 14px;
        letter-spacing: 1px; }
      .content_wrapper .primary-content .diesel-sitemap h2 a {
        text-decoration: underline; }
      .content_wrapper .primary-content .diesel-sitemap .sitemap-list {
        padding-left: 10px; }
        .content_wrapper .primary-content .diesel-sitemap .sitemap-list ul {
          padding-left: 10px;
          margin-top: 10px; }
          .content_wrapper .primary-content .diesel-sitemap .sitemap-list ul li {
            line-height: 22px; }
            .content_wrapper .primary-content .diesel-sitemap .sitemap-list ul li a {
              text-decoration: underline;
              text-transform: uppercase; }

.contextual-border {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/faq/contact-shadow.jpg") left top repeat-x; }

.page-content {
  position: relative; }

.page-content .breadcrumb-container ol.breadcrumb {
  padding: 12px 0 20px 24px; }

/*world of diesel page*/
/*WRAPPER CLASS*/
.worldof_wrpper {
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
  padding: 0px;
  margin: 0px;
  /*left Cntr*/
  /*right Cntr*/
  /*right Cntr*/ }
  .worldof_wrpper p {
    margin: 0px;
    padding: 0px; }
  .worldof_wrpper .clear {
    height: 0px;
    clear: both; }
  .worldof_wrpper img {
    width: 100%; }
  .worldof_wrpper .world-hadding {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: relative;
    margin-top: -1px; }
    .worldof_wrpper .world-hadding h6 {
      color: #fff;
      font-size: 28px;
      line-height: 50px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 0.075em;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .worldof_wrpper .leftLabel {
    width: 25%;
    float: left; }
    @media only screen and (max-width: 767px) {
      .worldof_wrpper .leftLabel {
        width: 100%; } }
    .worldof_wrpper .leftLabel .linkBox {
      padding: 15px 0 0px 24px; }
      .worldof_wrpper .leftLabel .linkBox h6 {
        padding: 0 0 10px 0;
        font-size: 18px;
        color: #181818;
        letter-spacing: 0.075em;
        text-transform: uppercase;
        font-weight: 500;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      .worldof_wrpper .leftLabel .linkBox ul {
        padding: 0px 0 10px 0;
        list-style: none;
        margin: 0 12px 0 -14px; }
        @media only screen and (max-width: 767px) {
          .worldof_wrpper .leftLabel .linkBox ul {
            margin: 0px 12px 0 0; } }
        .worldof_wrpper .leftLabel .linkBox ul li {
          line-height: 26px;
          font-size: 13px;
          font-family: "TradeGothicLTPro", Arial, sans-serif; }
          .worldof_wrpper .leftLabel .linkBox ul li a {
            padding: 0px 0 0px 14px;
            letter-spacing: 1px;
            color: #191819;
            display: block;
            text-decoration: none;
            text-transform: uppercase; }
          .worldof_wrpper .leftLabel .linkBox ul li a:hover {
            background: #e8e8e8; }
  .worldof_wrpper .rightLabel {
    padding: 20px 0 20px 0;
    width: 75%;
    margin: -1px 0px 0 -1px;
    float: right;
    border-left: 1px solid #bababa;
    /*World box*/ }
    @media only screen and (max-width: 767px) {
      .worldof_wrpper .rightLabel {
        width: 100%;
        margin: -2px 0 0 0;
        padding: 20px 0 0 0;
        border-left: none; } }
    .worldof_wrpper .rightLabel .worldBox {
      padding: 0px 8px 0 10px; }
      @media only screen and (max-width: 767px) {
        .worldof_wrpper .rightLabel .worldBox {
          padding: 0 10px; } }
      .worldof_wrpper .rightLabel .worldBox .world-item {
        padding: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* clear fix */
        /* ---- .grid-item ---- */ }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .worldof_wrpper .rightLabel .worldBox .world-item {
            padding: 0px; } }
        @media only screen and (max-width: 767px) {
          .worldof_wrpper .rightLabel .worldBox .world-item {
            padding: 0px; } }
        .worldof_wrpper .rightLabel .worldBox .world-item .world-list:after {
          content: '';
          display: block;
          clear: both; }
        .worldof_wrpper .rightLabel .worldBox .world-item .world-list-item {
          float: left;
          width: 33.3%;
          padding: 0px 1%;
          position: relative;
          box-sizing: border-box;
          margin-bottom: 20px; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .worldof_wrpper .rightLabel .worldBox .world-item .world-list-item {
              width: 50%;
              margin-left: -1px; } }
          @media only screen and (max-width: 767px) {
            .worldof_wrpper .rightLabel .worldBox .world-item .world-list-item {
              width: 100%;
              padding: 0px; } }
        .worldof_wrpper .rightLabel .worldBox .world-item .world-item-width2 {
          width: 66.6%; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .worldof_wrpper .rightLabel .worldBox .world-item .world-item-width2 {
              width: 100%; } }
          @media only screen and (max-width: 767px) {
            .worldof_wrpper .rightLabel .worldBox .world-item .world-item-width2 {
              width: 100%; } }
        .worldof_wrpper .rightLabel .worldBox .world-item .world-list-item-height2 {
          height: auto; }
        .worldof_wrpper .rightLabel .worldBox .world-item .world-list-item-height3 {
          height: auto; }
        @media only screen and (max-width: 767px) {
          .worldof_wrpper .rightLabel .worldBox .world-item .world-banner {
            display: none; } }
        .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem {
              padding: 0 0 25px 0;
              background: #191919; } }
          .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel {
            padding: 0 5%;
            position: absolute;
            bottom: 10px;
            left: 0px; }
            @media only screen and (max-width: 767px) {
              .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel {
                padding: 0px;
                position: relative;
                bottom: 0px; } }
            .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel h2 {
              padding: 0 0 0px 0;
              font-size: 48px;
              letter-spacing: 3px;
              color: #fff;
              text-align: center;
              text-shadow: 0 2px 3px rgba(0, 0, 0, 0.6); }
              @media only screen and (max-width: 767px) {
                .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel h2 {
                  padding: 10px 0 0px 0;
                  font-size: 32px;
                  letter-spacing: 1px;
                  color: #fff; } }
            .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel p {
              margin: 0px;
              font-size: 16px;
              color: #fff;
              text-align: center;
              font-family: "TradeGothicLTStd", Arial, sans-serif;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 8;
              -webkit-box-orient: vertical;
              max-height: 196px;
              line-height: 24px; }
              @media only screen and (max-width: 767px) {
                .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel p {
                  padding: 0px 15px;
                  line-height: 18px;
                  font-size: 13px; } }
              @media only screen and (max-width: 767px) {
                .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel p span {
                  display: none; } }
            .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel .explore {
              margin: 15px auto;
              font-size: 18px;
              text-transform: uppercase;
              letter-spacing: 1px;
              max-width: 168px;
              line-height: 34px;
              text-align: center;
              display: block;
              color: #fff;
              font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
              border: 2px solid #fff; }
              @media only screen and (max-width: 767px) {
                .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel .explore {
                  margin: 15px auto auto auto;
                  max-width: 84%; } }
            .worldof_wrpper .rightLabel .worldBox .world-item .aboutitem .about-diesel .explore:hover {
              background: #fff;
              color: #333; }
        .worldof_wrpper .rightLabel .worldBox .world-item .listitem {
          padding: 0 0 25px 0;
          background: #191919;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
          .worldof_wrpper .rightLabel .worldBox .world-item .listitem .edit-img-sec-mid {
            position: relative; }
          .worldof_wrpper .rightLabel .worldBox .world-item .listitem h4 {
            padding: 10px 0 0px 0;
            font-size: 32px;
            letter-spacing: 1px;
            color: #fff;
            text-align: center;
            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.6); }
            .worldof_wrpper .rightLabel .worldBox .world-item .listitem h4 span {
              display: block; }
              @media only screen and (max-width: 767px) {
                .worldof_wrpper .rightLabel .worldBox .world-item .listitem h4 span {
                  display: inline; } }
          .worldof_wrpper .rightLabel .worldBox .world-item .listitem p {
            padding: 0 15px;
            margin: 0px;
            font-size: 13px;
            line-height: 18px;
            color: #fff;
            text-align: center;
            font-family: "TradeGothicLTPro", Arial, sans-serif; }
          .worldof_wrpper .rightLabel .worldBox .world-item .listitem .go-button-world {
            margin: 15px auto auto auto;
            font-size: 18px;
            text-transform: uppercase;
            letter-spacing: 1px;
            max-width: 84%;
            line-height: 34px;
            text-align: center;
            display: block;
            color: #fff;
            border: 2px solid #fff;
            font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
          .worldof_wrpper .rightLabel .worldBox .world-item .listitem .go-button-world:hover {
            background: #fff;
            color: #333; }

@media (min-width: 0px) and (max-width: 1024px) {
  .dieselblackGold-background {
    background-attachment: initial !important;
    background-position: center 0 !important; } }

/*registration page*/
.my-account-registration {
  /*primary content end*/
  /*secondary content start*/
  /*left nav*/
  /*secondary content end*/ }
  .my-account-registration .breadcrumb-container ol.breadcrumb {
    float: left;
    margin: 0;
    padding: 12px 0 12px 24px;
    width: auto;
    box-sizing: border-box;
    text-transform: uppercase; }
    .my-account-registration .breadcrumb-container ol.breadcrumb li {
      float: left; }
  .my-account-registration #primary .error-form {
    text-align: left;
    float: none; }
  .my-account-registration #primary .myaccount-sts {
    padding-left: 0px;
    margin-top: 0px;
    height: 60px;
    background-color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .my-account-registration #primary .myaccount-sts {
        margin: 0 8%; } }
    @media only screen and (min-width: 1024px) {
      .my-account-registration #primary .myaccount-sts li:hover {
        background-color: #f0f0f0; } }
    .my-account-registration #primary .myaccount-sts .change-status {
      float: left;
      width: 40%;
      /*margin: 0 0 0 7%;*/
      text-transform: uppercase;
      line-height: 60px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration #primary .myaccount-sts .change-status {
          width: 43%; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .myaccount-sts .change-status {
          width: 100%;
          margin: 0 0 0 5%; } }
      .my-account-registration #primary .myaccount-sts .change-status a {
        display: block;
        line-height: 60px;
        padding: 0 0 0 50px;
        font-size: 16px; }
        @media (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
          .my-account-registration #primary .myaccount-sts .change-status a {
            padding: 0 0 0 35px; } }
  .my-account-registration #primary .attribute {
    line-height: 20px;
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    font-size: 13px; }
    .my-account-registration #primary .attribute .value {
      color: #898989; }
  .my-account-registration #primary .reset-password-form {
    background-color: #ffffff;
    padding: 30px; }
    .my-account-registration #primary .reset-password-form button {
      width: 20%;
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: 1px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .reset-password-form button {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .my-account-registration #primary .reset-password-form button {
          width: 50%; } }
    .my-account-registration #primary .reset-password-form input {
      margin-bottom: 13px; }
    .my-account-registration #primary .reset-password-form input[type="password"] {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .reset-password-form input[type="password"] {
          width: 100%; } }
    .my-account-registration #primary .reset-password-form .form-caption {
      left: 115px;
      top: 0;
      padding: 5px 0 0;
      display: block;
      width: auto;
      margin-bottom: 13px; }
    .my-account-registration #primary .reset-password-form .error-message {
      color: #EB0028;
      text-decoration: none !important; }
    .my-account-registration #primary .reset-password-form label {
      display: block;
      font: "TradeGothicLTPro", Arial, sans-serif;
      font-size: 13px;
      margin: 0 0 5px; }
  .my-account-registration #primary .check-order-before-login {
    float: left;
    width: 100%;
    padding: 0px; }
    .my-account-registration #primary .check-order-before-login .login-order-track {
      background-color: #FFFFFF;
      padding: 15px 20px 20px; }
      .my-account-registration #primary .check-order-before-login .login-order-track .order-not-found {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/erroralert.png") no-repeat left center;
        float: left;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        width: 75%;
        margin-top: 0px;
        margin-left: 10px;
        font-size: 13px;
        padding-left: 30px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration #primary .check-order-before-login .login-order-track .order-not-found {
            width: 100%;
            margin-top: 3px;
            margin-left: 0px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration #primary .check-order-before-login .login-order-track .order-not-found {
            width: 70%; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration #primary .check-order-before-login .login-order-track .order-not-found {
            width: 100%;
            margin-left: 0px;
            margin-top: 10px; } }
      .my-account-registration #primary .check-order-before-login .login-order-track .error-message {
        color: #EB0028; }
      .my-account-registration #primary .check-order-before-login .login-order-track .check-order-button {
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .my-account-registration #primary .check-order-before-login .login-order-track .check-order-button {
            padding-right: 15px; } }
        .my-account-registration #primary .check-order-before-login .login-order-track .check-order-button .check-order-status-button {
          float: left;
          width: 20%; }
          @media only screen and (max-width: 767px) {
            .my-account-registration #primary .check-order-before-login .login-order-track .check-order-button .check-order-status-button {
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration #primary .check-order-before-login .login-order-track .check-order-button .check-order-status-button {
              width: auto; } }
          @media (min-width: 768px) and (max-width: 1280px) and (orientation: landscape) {
            .my-account-registration #primary .check-order-before-login .login-order-track .check-order-button .check-order-status-button {
              width: auto; } }
    .my-account-registration #primary .check-order-before-login .check-order {
      width: 100%;
      display: block;
      overflow: hidden; }
      .my-account-registration #primary .check-order-before-login .check-order input[type="text"] {
        width: 100%;
        margin-left: 0px; }
      .my-account-registration #primary .check-order-before-login .check-order label {
        display: block;
        float: none;
        font: 1em/1em "ITCFranklinGothicStd-Book", Arial, sans-serif;
        margin: 0 0 5px;
        text-transform: capitalize;
        color: #191919; }
      .my-account-registration #primary .check-order-before-login .check-order .ordernumber {
        float: left;
        width: 50%;
        padding: 0 15px 0 0;
        margin-bottom: 13px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration #primary .check-order-before-login .check-order .ordernumber {
            width: 100%;
            margin: 0;
            margin-bottom: 10px; } }
      .my-account-registration #primary .check-order-before-login .check-order .zipcode {
        float: left;
        width: 50%;
        padding: 0 15px 0 0;
        margin-bottom: 13px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration #primary .check-order-before-login .check-order .zipcode {
            width: 100%;
            margin: 0;
            margin-bottom: 10px; } }
      .my-account-registration #primary .check-order-before-login .check-order .email {
        width: 50%;
        margin-bottom: 13px;
        padding-right: 15px; }
        .my-account-registration #primary .check-order-before-login .check-order .email input {
          width: 100%; }
        @media only screen and (max-width: 767px) {
          .my-account-registration #primary .check-order-before-login .check-order .email {
            width: 100%;
            margin: 0;
            margin-bottom: 10px; } }
    .my-account-registration #primary .check-order-before-login .form-row-button {
      float: left; }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .check-order-before-login .form-row-button {
          width: 100%; } }
      .my-account-registration #primary .check-order-before-login .form-row-button button {
        text-transform: uppercase;
        padding: 10px 40px 10px 40px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        letter-spacing: 1px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration #primary .check-order-before-login .form-row-button button {
            width: 100%; } }
  @media only screen and (max-width: 767px) {
    .my-account-registration #primary .list-table-header {
      padding: 0 25px 3px;
      margin: 0; } }
  .my-account-registration #primary .list-table-header fieldset {
    margin-bottom: 10px;
    width: 70%; }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .my-account-registration #primary .list-table-header fieldset {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .my-account-registration #primary .list-table-header fieldset {
        width: 100%; } }
    .my-account-registration #primary .list-table-header fieldset button {
      width: 30%;
      font-size: 16px;
      text-transform: uppercase;
      font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
      letter-spacing: 1px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .my-account-registration #primary .list-table-header fieldset button {
          width: 45%; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration #primary .list-table-header fieldset button {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .list-table-header fieldset button {
          width: 100%;
          margin-bottom: 20px; } }
    .my-account-registration #primary .list-table-header fieldset .send-to-friend {
      width: 20%;
      font-size: 16px;
      text-transform: uppercase;
      font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
      letter-spacing: 1px;
      background-color: #191919;
      color: white;
      padding: 8px 25px;
      margin-left: 10px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration #primary .list-table-header fieldset .send-to-friend {
          display: block;
          width: 100%;
          text-align: center;
          margin-top: 10px;
          margin-left: 0; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .list-table-header fieldset .send-to-friend {
          margin: 0;
          display: block;
          width: 100%;
          text-align: center; } }
  .my-account-registration #primary .wishlist-button-cart {
    display: table;
    width: 100%;
    padding: 0 35px; }
    @media only screen and (max-width: 767px) {
      .my-account-registration #primary .wishlist-button-cart {
        display: table;
        width: 100%;
        float: none;
        padding: 0 35px; } }
    .my-account-registration #primary .wishlist-button-cart .cont-shopping {
      width: 30%;
      float: left;
      font-size: 16px;
      font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      background-color: #f0f0f0;
      color: black;
      border: 2px black solid; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration #primary .wishlist-button-cart .cont-shopping {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .wishlist-button-cart .cont-shopping {
          width: 100%;
          float: none;
          margin-left: 0px;
          margin-bottom: 10px; } }
    .my-account-registration #primary .wishlist-button-cart .add-all-to-cart {
      width: 30%;
      float: right;
      margin-right: 20px;
      font-size: 16px;
      font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      background: #d0021b;
      color: #fff;
      border: 3px solid #d0021b;
      padding: 0.3rem; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration #primary .wishlist-button-cart .add-all-to-cart {
          width: 100%;
          margin-top: 10px;
          margin-right: 0px; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .my-account-registration #primary .wishlist-button-cart .add-all-to-cart {
          width: 35%; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .wishlist-button-cart .add-all-to-cart {
          width: 100%;
          float: none; } }
      .my-account-registration #primary .wishlist-button-cart .add-all-to-cart:hover {
        background: #fff;
        color: #d0021b;
        border-color: #d0021b; }
  .my-account-registration #primary .item-list {
    padding: 0 35px;
    padding-left: 20px;
    display: table;
    width: 100%;
    margin-bottom: 10px;
    /*.wishlist-row:nth-child(even)
    {
      clear:left;
    }*/ }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .my-account-registration #primary .item-list {
        padding: 0px;
        font-size: 11px; } }
    .my-account-registration #primary .item-list :after {
      content: "";
      border-bottom: 1px solid gray;
      margin-bottom: 1%;
      width: 100%; }
    .my-account-registration #primary .item-list .wishlist-row {
      width: 50%;
      float: left;
      position: relative;
      margin-bottom: 30px;
      padding-right: 16px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration #primary .item-list .wishlist-row {
          padding: 0 35px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .my-account-registration #primary .item-list .wishlist-row {
          width: 100%;
          margin-right: 0px; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .item-list .wishlist-row {
          width: 100%;
          margin-bottom: 10px;
          margin-left: 0px;
          padding-right: 0px; } }
      .my-account-registration #primary .item-list .wishlist-row .wishlist-list {
        background-color: #fff;
        float: left;
        width: 100%;
        height: 320px; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list {
            height: 340px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list {
            height: 320px; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list {
            height: auto; } }
        .my-account-registration #primary .item-list .wishlist-row .wishlist-list .left-col {
          padding: 0px; }
          @media only screen and (max-width: 767px) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .left-col {
              position: static; } }
          @media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .left-col {
              padding-bottom: 50px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .right-col {
            padding-left: 0px;
            padding-right: 7px; } }
        @media (min-width: 320px) and (max-width: 568px) {
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .right-col {
            padding-left: 0px; } }
        .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-image {
          padding-left: 0px; }
          @media (min-width: 375px) and (max-width: 667px) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-image {
              text-align: center; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-image img {
              width: 100%; } }
          @media (min-width: 375px) and (max-width: 667px) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-image img {
              text-align: center; } }
          @media only screen and (max-width: 767px) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-image img {
              width: 100%; } }
        .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-remove-edit {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-remove-edit {
              position: absolute;
              bottom: 34px;
              left: 0;
              width: 50%; } }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-remove-edit .delete-item {
            background-color: white;
            color: black;
            width: auto;
            padding: 0;
            display: inline-block;
            vertical-align: top;
            text-decoration: underline;
            font-size: 16px;
            text-transform: uppercase;
            font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-remove-edit .item-wishlist-seperator {
            display: inline-block;
            vetical-align: top;
            margin: 0 10px;
            color: black; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-remove-edit .edit-items {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            text-transform: uppercase;
            font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
            text-decoration: underline; }
        .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-edit-item {
          display: inline-block;
          padding: 0px !important; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-edit-item .edit-items {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            text-transform: uppercase;
            font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
            text-decoration: underline; }
        .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details {
          padding: 10px 0 0px 0; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .is-in-stock {
            display: block; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .product-availability-list {
            padding: 0px; }
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .product-availability-list .notavailable {
              color: #EB0028; }
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .product-availability-list .wishlist-quanity {
              display: none; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .product-list-item .name {
            font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
            font-size: 18px;
            margin-bottom: 5px;
            letter-spacing: 1px; }
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .product-list-item .name a {
              text-decoration: none; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .product-list-item .label {
            text-transform: uppercase; }
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .product-list-item .label:after {
              content: ""; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-details .product-list-item a {
            text-decoration: underline; }
        .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail {
          padding: 0; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .is-owner .price-standard {
            color: #d0021b;
            text-decoration: line-through;
            font-size: 13px; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .is-owner .option-toggle-public {
            margin-bottom: 10px; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .is-owner .option-update button {
            width: 100%;
            font-size: 16px;
            text-transform: uppercase;
            font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
            letter-spacing: 1px; }
            @media (min-width: 320px) and (max-width: 568px) {
              .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .is-owner .option-update button {
                font-size: 14px; } }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-quantity-desired input[type="text"] {
            width: 20%; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .price-standard {
            color: #EB0028;
            text-decoration: line-through;
            font-size: 13px; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-date-added {
            margin-bottom: 10px;
            line-height: 20px; }
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-date-added span.label {
              font-family: "TradeGothicLTPro", Arial, sans-serif;
              font-size: 13px;
              text-transform: uppercase; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-priority {
            margin-bottom: 10px;
            display: inline-block;
            width: 55%;
            vertical-align: top; }
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-priority label {
              display: none; }
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-priority select {
              width: 100%;
              height: 34px;
              background: #fff url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png") no-repeat right 0;
              border-radius: 0px;
              padding-left: 5px;
              -webkit-appearance: none;
              -moz-appearance: none;
              text-transform: uppercase; }
              .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-priority select .select-option {
                text-transform: uppercase; }
              @media (min-width: 320px) and (max-width: 568px) {
                .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-priority select {
                  height: 31px;
                  font-size: 9px; } }
              @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
                .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-priority select {
                  padding-left: 0px; } }
              @media only screen and (min-width: 768px) and (max-width: 1023px) {
                .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-priority select {
                  font-size: 10px; } }
              @media only screen and (max-width: 767px) {
                .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-priority select {
                  font-size: 11px; } }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .wishlist-detail .wishlist-detail-footer .option-update {
            display: inline-block;
            width: 41%;
            vertical-align: top; }
        .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-dashboard {
          padding: 17px 0 0 0; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-dashboard {
              padding-left: 2px; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-dashboard .option-add-to-cart {
              margin-right: 2px; } }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-dashboard button {
            width: 100%;
            margin-bottom: 25px;
            text-transform: uppercase;
            font-size: 16px;
            font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
            letter-spacing: 1px; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-dashboard .wish-list-add-to-cart {
            border: 3px solid #d0021b;
            background: #d0021b;
            padding: 0.3rem;
            color: #fff; }
            .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-dashboard .wish-list-add-to-cart:hover {
              background: #fff;
              color: #d0021b; }
          .my-account-registration #primary .item-list .wishlist-row .wishlist-list .item-dashboard .wishlist-quantity input[type="text"] {
            width: 20%; }
  .my-account-registration #primary .veri-add-title {
    padding: 12px 30px 10px;
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    font-size: 15px; }
  .my-account-registration #primary .add-edit-address {
    margin-bottom: 0px; }
  .my-account-registration #primary .address-col-1-wrapper {
    padding-left: 0px;
    width: 46%;
    float: left;
    background-color: #FFFFFF; }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .my-account-registration #primary .address-col-1-wrapper {
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 25px; } }
    @media only screen and (max-width: 767px) {
      .my-account-registration #primary .address-col-1-wrapper {
        /*margin-bottom:10px;*/
        /*padding:20px 20px;*/
        width: 100%; } }
    .my-account-registration #primary .address-col-1-wrapper .adress-entered {
      padding: 30px; }
      .my-account-registration #primary .address-col-1-wrapper .adress-entered .head {
        margin-bottom: 30px;
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
        font-size: 15px; }
      .my-account-registration #primary .address-col-1-wrapper .adress-entered .first {
        margin-bottom: 5px;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        font-size: 13px;
        overflow: hidden;
        word-break: break-all; }
      .my-account-registration #primary .address-col-1-wrapper .adress-entered .second {
        margin-bottom: 30px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration #primary .address-col-1-wrapper .adress-entered span.or {
          display: block;
          text-align: center;
          padding-bottom: 5px;
          padding-top: 2px; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration #primary .address-col-1-wrapper .adress-entered span.or {
          margin: 0;
          float: left; } }
      .my-account-registration #primary .address-col-1-wrapper .adress-entered button {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        width: 30%;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration #primary .address-col-1-wrapper .adress-entered button {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration #primary .address-col-1-wrapper .adress-entered button {
            float: left; } }
  .my-account-registration .account-login {
    background-color: white; }
    .my-account-registration .account-login .remember-me input[type="checkbox"] {
      float: left;
      margin: 0px 5px 0px 0px;
      height: 15px;
      width: 15px;
      padding: 0; }
    .my-account-registration .account-login .remember-me label {
      text-transform: none !important; }
    @media only screen and (max-width: 767px) {
      .my-account-registration .account-login .section-header {
        padding: 0px; } }
    .my-account-registration .account-login button {
      text-transform: uppercase;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      letter-spacing: 1px;
      padding: 10px 40px 10px 40px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .account-login button {
          width: 100%; } }
    .my-account-registration .account-login .form-row label {
      text-transform: capitalize; }
    @media only screen and (max-width: 767px) {
      .my-account-registration .account-login .col-1 {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .my-account-registration .account-login .col-1 {
        width: 100%;
        height: auto !important; } }
    .my-account-registration .account-login .col-2 {
      border-left: 2px solid #afafaf; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .account-login .col-2 {
          width: 100%;
          border-left: none;
          border-top: 2px solid #e8e8e8; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .account-login .col-2 {
          border-left: none; } }
      .my-account-registration .account-login .col-2 .account-benefits .fl {
        padding-bottom: 2px; }
      .my-account-registration .account-login .col-2 .account-benefits .read-more-security {
        text-transform: capitalize;
        border-bottom: 1px solid #a4a4a4; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .account-login .col-2 {
          width: 100%;
          border-top: 2px solid #f0f0f0; } }
  .my-account-registration ul.account-options li {
    border: none;
    padding: 0;
    text-transform: uppercase;
    width: 43%;
    box-sizing: border-box; }
    @media only screen and (max-width: 767px) {
      .my-account-registration ul.account-options li .payment-settings {
        width: auto; } }
    .my-account-registration ul.account-options li a {
      display: block;
      line-height: 60px;
      padding: 0 0 0 50px;
      font-size: 16px; }
  .my-account-registration .dialogify {
    text-decoration: underline; }
  .my-account-registration .login-header-banner img {
    width: 100%;
    vertical-align: middle; }
  .my-account-registration .title {
    background-color: black;
    height: 50px;
    color: white;
    text-align: center;
    font-size: 32px;
    padding: 10px; }
  .my-account-registration .my-account-primary-wrapper {
    background-color: #e8e8e8;
    display: inline-block;
    position: relative;
    width: 100%;
    border-top: 1px solid #bababa; }
  .my-account-registration .primary-content {
    position: relative;
    width: 75%;
    padding: 15px 24px 0 20px;
    float: right; }
    @media only screen and (max-width: 767px) {
      .my-account-registration .primary-content {
        width: 100%;
        float: none;
        padding: 0px; } }
    .my-account-registration .primary-content h2 {
      padding: 8px 20px 5px 20px;
      font-size: 18px;
      letter-spacing: 1px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content h2 {
          /*padding: 18px 20px;*/ } }
    .my-account-registration .primary-content h2.align-right {
      float: right; }
    @media only screen and (max-width: 767px) {
      .my-account-registration .primary-content h2.pageNamePromotion {
        padding: 8px 20px 5px 32px; } }
    @media only screen and (max-width: 767px) {
      .my-account-registration .primary-content .promotion-not-active {
        margin: 0 8%; } }
    .my-account-registration .primary-content .reset-password-account {
      background-color: #ffffff;
      margin: 0;
      padding: 18px 20px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .reset-password-account {
          margin-bottom: 10px; } }
    .my-account-registration .primary-content #PasswordResetForm {
      background-color: #ffffff;
      padding: 30px; }
      .my-account-registration .primary-content #PasswordResetForm button {
        width: auto;
        text-transform: uppercase; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content #PasswordResetForm button {
            width: 100%;
            text-align: center; } }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .my-account-registration .primary-content .wishlist-recently-viewed .recent-youmay {
        padding: 35px 25px; } }
    @media only screen and (max-width: 767px) {
      .my-account-registration .primary-content .wishlist-recently-viewed .recent-youmay .bx-wrapper .bx-pager {
        bottom: -10px; } }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .my-account-registration .primary-content .wishlist-recently-viewed .recent-youmay ul.recent-options #recent-tab {
        margin: 0 10px 0 0; } }
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
      .my-account-registration .primary-content .wishlist-recently-viewed .recent-youmay ul.recent-options li {
        display: inline;
        margin-right: 0px; } }
    .my-account-registration .primary-content .adrr-or {
      float: left;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      font-size: 16px;
      height: 100%;
      margin-top: 30px;
      text-align: center;
      text-transform: uppercase;
      width: 5%; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .adrr-or {
          width: 100%;
          /*float:none;*/
          padding: 15px 0;
          margin: 0; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .adrr-or {
          display: block;
          text-align: center;
          width: 100%;
          margin: 0; } }
    .my-account-registration .primary-content .verify-address-block {
      margin: 0px;
      border-bottom: 1px solid #fff;
      float: left;
      width: 46%;
      position: relative;
      background: #ffffff;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .verify-address-block {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .verify-address-block {
          width: 100%;
          margin-top: 10px; } }
      .my-account-registration .primary-content .verify-address-block .adress-suggestions {
        padding: 25px 30px; }
        .my-account-registration .primary-content .verify-address-block .adress-suggestions button {
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          width: 30%;
          font-size: 18px;
          text-transform: uppercase;
          letter-spacing: 1px;
          margin: 15px 0 5px; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .verify-address-block .adress-suggestions button {
              width: 100%;
              margin: 0; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .verify-address-block .adress-suggestions span.or {
            display: block;
            text-align: center;
            padding: 10px; } }
        .my-account-registration .primary-content .verify-address-block .adress-suggestions .head {
          margin-bottom: 30px;
          font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
          font-size: 15px; }
        .my-account-registration .primary-content .verify-address-block .adress-suggestions span {
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-size: 14px;
          text-transform: none; }
      .my-account-registration .primary-content .verify-address-block .adress-sugg-container {
        font-size: 14px;
        margin-bottom: 13px; }
        .my-account-registration .primary-content .verify-address-block .adress-sugg-container label {
          display: inline-block;
          vertical-align: top; }
        .my-account-registration .primary-content .verify-address-block .adress-sugg-container .first {
          width: 100%;
          float: left;
          line-height: 21px; }
        .my-account-registration .primary-content .verify-address-block .adress-sugg-container .second {
          margin: 0px 0px 0px 28px; }
    .my-account-registration .primary-content .account-logout a {
      text-decoration: underline; }
    .my-account-registration .primary-content .account-logout a:hover {
      text-decoration: none; }
    .my-account-registration .primary-content .status-changed {
      background-color: #ffffff;
      padding: 18px 20px 20px;
      line-height: 2em; }
      .my-account-registration .primary-content .status-changed a {
        text-decoration: underline; }
    .my-account-registration .primary-content .empty-wishlist-msg .no-hits-search-term {
      /*color:#EB0028;*/
      font-style: italic; }
    .my-account-registration .primary-content .recent-outer .bx-controls-direction .bx-prev {
      left: -45px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .recent-outer .bx-controls-direction .bx-prev {
          left: -38px; } }
    .my-account-registration .primary-content .recent-outer .bx-controls-direction .bx-next {
      right: -45px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .recent-outer .bx-controls-direction .bx-next {
          right: -37px; } }
    .my-account-registration .primary-content .wish-list-results {
      margin-bottom: 10px; }
      .my-account-registration .primary-content .wish-list-results .first {
        padding-left: 20px;
        text-transform: uppercase; }
      .my-account-registration .primary-content .wish-list-results .second {
        text-transform: uppercase; }
      .my-account-registration .primary-content .wish-list-results .odd {
        background-color: #ffffff; }
        .my-account-registration .primary-content .wish-list-results .odd .last-name {
          padding-left: 20px;
          width: 38%; }
        .my-account-registration .primary-content .wish-list-results .odd .first-name {
          width: 38%;
          padding-left: 0px; }
      .my-account-registration .primary-content .wish-list-results .view {
        text-align: right;
        width: 24%;
        padding: 11px 65px 5px 5px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .wish-list-results .view {
            padding: 11px 45px 5px 5px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration .primary-content .wish-list-results .view {
            padding: 11px 22px 5px 5px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .wish-list-results .view {
            padding: 11px 25px 5px 5px; } }
        @media (min-width: 1460px) and (max-width: 1664px) {
          .my-account-registration .primary-content .wish-list-results .view {
            padding: 11px 83px; } }
        .my-account-registration .primary-content .wish-list-results .view a {
          background-color: black;
          color: #ffffff;
          text-transform: uppercase;
          padding: 5px 19px 5px 20px;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 18px; }
    .my-account-registration .primary-content .statusHeader {
      padding: 18px 20px; }
    .my-account-registration .primary-content .set-status {
      background-color: #ffffff;
      padding: 18px 20px 20px; }
      .my-account-registration .primary-content .set-status .cust-message {
        padding-left: 20px;
        line-height: 20px; }
        .my-account-registration .primary-content .set-status .cust-message a {
          text-decoration: underline; }
      .my-account-registration .primary-content .set-status .order-information {
        width: 29%;
        float: left;
        padding-right: 0px;
        padding-left: 0px;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .set-status .order-information {
            width: 100%;
            padding: 0 0 15px; } }
        .my-account-registration .primary-content .set-status .order-information .order-date span.label {
          width: 42%;
          float: left;
          font-weight: bold; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .set-status .order-information .order-date span.label {
              width: 52%; } }
        .my-account-registration .primary-content .set-status .order-information .order-number span.label {
          float: left;
          width: 42%;
          font-weight: bold; }
      .my-account-registration .primary-content .set-status .order-billing {
        width: 20%;
        float: left;
        overflow: hidden;
        padding-left: 0px;
        padding-right: 0px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .set-status .order-billing {
            width: 100%;
            padding: 0 0 15px; } }
      .my-account-registration .primary-content .set-status .order-payment-instruments {
        width: 21%;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .set-status .order-payment-instruments {
            width: 100%;
            padding: 0 0 15px; } }
        .my-account-registration .primary-content .set-status .order-payment-instruments .payment-type {
          padding-bottom: 10px;
          font-weight: bold; }
      .my-account-registration .primary-content .set-status .order-payment-summary {
        width: 29%;
        float: left;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .set-status .order-payment-summary {
            width: 100%;
            padding: 0 0 15px; } }
      .my-account-registration .primary-content .set-status h3 {
        letter-spacing: 1px;
        margin-bottom: 5px; }
      .my-account-registration .primary-content .set-status .item-list {
        /*padding-left:8px !important;*/ }
      .my-account-registration .primary-content .set-status .prod-first {
        padding-left: 8px;
        width: 42%;
        float: left;
        text-transform: uppercase; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .set-status .prod-first {
            padding-left: 0px; } }
        .my-account-registration .primary-content .set-status .prod-first .attribute span.label {
          width: 70px;
          float: left; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .set-status .prod-first .attribute span.label {
              font-size: 11px;
              width: 40%; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .set-status .prod-first .attribute span.value {
            font-size: 11px; } }
        .my-account-registration .primary-content .set-status .prod-first .product-list-item .name {
          text-transform: uppercase;
          text-decoration: underline;
          font-weight: bold; }
      .my-account-registration .primary-content .set-status .prod-second {
        width: 31%;
        float: left; }
        .my-account-registration .primary-content .set-status .prod-second .item-quantity {
          font-weight: bold; }
      .my-account-registration .primary-content .set-status .prod-third {
        width: 25%;
        float: left; }
        .my-account-registration .primary-content .set-status .prod-third .item-price {
          font-weight: bold; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .set-status .item-list-body {
          font-size: 11px; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .set-status .item-list-body {
          width: 100%;
          float: left;
          /*padding-bottom:10px;*/ } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .set-status .item-list-body hr {
          display: none; } }
      .my-account-registration .primary-content .set-status .item-list-body .cart-coupon-code {
        display: none; }
      .my-account-registration .primary-content .set-status .cust-details {
        display: inline; }
        .my-account-registration .primary-content .set-status .cust-details .cust-details-value {
          padding-left: 20px;
          line-height: 25px; }
          .my-account-registration .primary-content .set-status .cust-details .cust-details-value .field-name {
            display: inline;
            font-weight: bold;
            width: 20%;
            float: left; }
          .my-account-registration .primary-content .set-status .cust-details .cust-details-value .field-value {
            display: inline; }
      .my-account-registration .primary-content .set-status .status-details-value {
        padding-left: 20px; }
        .my-account-registration .primary-content .set-status .status-details-value .field-name {
          float: left;
          width: 20%;
          line-height: 20px;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .set-status .status-details-value .field-name {
              width: 35%;
              line-height: 12px; } }
      .my-account-registration .primary-content .set-status .status-button {
        width: 100%;
        background-color: #ffffff;
        display: table; }
        .my-account-registration .primary-content .set-status .status-button .change-status-button-class {
          float: right; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .set-status .status-button .change-status-button-class {
              width: 100%; } }
          .my-account-registration .primary-content .set-status .status-button .change-status-button-class span.changeMsg {
            margin-top: 18px;
            float: left; }
          .my-account-registration .primary-content .set-status .status-button .change-status-button-class button {
            margin-top: 10px;
            float: right;
            margin-left: 10px;
            text-transform: uppercase;
            font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
            font-size: 16px;
            letter-spacing: 1px; }
            @media only screen and (max-width: 767px) {
              .my-account-registration .primary-content .set-status .status-button .change-status-button-class button {
                width: 100%; } }
      .my-account-registration .primary-content .set-status .changeButton {
        width: auto;
        margin-top: 10px;
        float: right;
        margin-left: 10px; }
      .my-account-registration .primary-content .set-status .order-shipment-detial-mobile {
        display: none; }
      .my-account-registration .primary-content .set-status .order-shipment-detial-desktop {
        padding-left: 14px; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .set-status .order-shipment-detial-desktop {
            padding-left: 18px;
            font-size: 11px; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .set-status .order-shipment-detial-desktop {
            float: left;
            width: 100%;
            padding-left: 15px; } }
        .my-account-registration .primary-content .set-status .order-shipment-detial-desktop .summarybox .firstname {
          font-weight: bold; }
        .my-account-registration .primary-content .set-status .order-shipment-detial-desktop .shipping-status span.label {
          font-weight: bold; }
    .my-account-registration .primary-content .getOrderId {
      background-color: #ffffff;
      overflow: hidden;
      padding: 18px 20px 20px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .getOrderId {
          margin-bottom: 10px; } }
      .my-account-registration .primary-content .getOrderId .form-row {
        margin-bottom: 16px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .getOrderId input[type="text"] {
          width: 100%; } }
      .my-account-registration .primary-content .getOrderId label {
        display: block;
        margin-bottom: 5px; }
        .my-account-registration .primary-content .getOrderId label span {
          text-transform: capitalize; }
      .my-account-registration .primary-content .getOrderId button {
        width: auto;
        font-size: 18px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        text-transform: uppercase;
        padding: 0.7em 1.6em 0.6em;
        letter-spacing: 1px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .getOrderId button {
            width: 100%;
            margin-top: 7px; } }
    .my-account-registration .primary-content .password-success p {
      background-color: #ffffff;
      padding: 10px 18px 10px 18px; }
      .my-account-registration .primary-content .password-success p .signin-link {
        text-decoration: underline; }
    .my-account-registration .primary-content .reset-password span.form-caption:before {
      content: "("; }
    .my-account-registration .primary-content .reset-password span.form-caption:after {
      content: ")"; }
    .my-account-registration .primary-content .wishlist-date-count {
      display: table;
      width: 100%;
      float: left;
      padding: 0 35px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .wishlist-date-count {
          margin-bottom: 10px; } }
      .my-account-registration .primary-content .wishlist-date-count .wishlist-date-count-inner {
        float: left;
        width: 100%;
        border-bottom: 1px solid gray;
        padding: 0 0 20px;
        margin: 0 0 20px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .wishlist-date-count .wishlist-date-count-inner {
            margin: 0px; } }
    @media only screen and (max-width: 767px) {
      .my-account-registration .primary-content .confirm-msg {
        display: table;
        width: 100%;
        padding: 0 35px;
        margin-bottom: 10px;
        font-size: 14px; } }
    .my-account-registration .primary-content .wishlist-date-added {
      float: right;
      margin-bottom: 10px;
      margin-right: 7px;
      width: 150px;
      background: #fff url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png") no-repeat right 0;
      border: 1px solid #000;
      font-size: 12px;
      font-size: 0.75rem;
      margin: 0 6px 0 0;
      padding: 8px 6px 5px 5px;
      color: #000;
      text-transform: uppercase;
      -moz-appearance: none;
      -webkit-appearance: none;
      outline: 0;
      border-radius: 0px; }
    .my-account-registration .primary-content .find-others-wishlist {
      display: block;
      clear: both;
      background-color: white;
      padding: 15px 20px 20px;
      margin: 0 0 10px; }
      .my-account-registration .primary-content .find-others-wishlist ul li.col-1 {
        padding-left: 0px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .find-others-wishlist ul li.col-1 {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .find-others-wishlist ul li.col-1 {
            width: 40%; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .find-others-wishlist ul li.col-2 {
          width: 100%;
          top: 0px; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .find-others-wishlist ul li.col-2 {
          width: 15px; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .find-others-wishlist ul li.col-3 {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .find-others-wishlist ul li.col-3 {
          width: 38%; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .find-others-wishlist ul li.col-4 {
          margin: 0;
          width: 100%;
          padding-left: 6px;
          padding-right: 6px; } }
    .my-account-registration .primary-content .order-shipment-table {
      background-color: white;
      line-height: 1.5em;
      overflow: hidden;
      padding-bottom: 15px;
      width: 100%; }
      .my-account-registration .primary-content .order-shipment-table .col-1 {
        width: 70%;
        float: left;
        padding-left: 0px;
        padding-right: 0px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-shipment-table .col-1 {
            float: none;
            clear: both;
            width: 100%;
            overflow: hidden; } }
        .my-account-registration .primary-content .order-shipment-table .col-1 h2.section-header {
          width: 43%;
          float: left;
          padding-left: 0px; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .order-shipment-table .col-1 h2.section-header {
              width: 56%; } }
        .my-account-registration .primary-content .order-shipment-table .col-1 h2.second {
          width: 28%; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .order-shipment-table .col-1 h2.second {
              display: none; } }
        .my-account-registration .primary-content .order-shipment-table .col-1 h2.last {
          width: 29%; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .order-shipment-table .col-1 h2.last {
              padding-left: 48px; } }
        .my-account-registration .primary-content .order-shipment-table .col-1 h2.second.mobile-320 {
          display: none; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .order-shipment-table .col-1 h2.second.mobile-320 {
              width: 15%;
              display: block; } }
      .my-account-registration .primary-content .order-shipment-table .col-2 {
        width: 30%;
        margin: 0;
        float: left;
        padding-left: 0px;
        padding-right: 0px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-shipment-table .col-2 {
            padding-left: 0px; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-shipment-table .col-2 {
            float: none;
            clear: both;
            width: 100%;
            overflow: hidden; } }
      .my-account-registration .primary-content .order-shipment-table .product-order-detail {
        overflow: hidden;
        margin-top: 0px; }
        .my-account-registration .primary-content .order-shipment-table .product-order-detail .items {
          width: 43%;
          float: left;
          /*.sku
          {
            span.label
            {
              width: 45%;
              display: block;
              float: left;
              text-transform: uppercase;
            }
          }
          .attribute
          {
            
          }*/ }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .order-shipment-table .product-order-detail .items {
              width: 56%; } }
          .my-account-registration .primary-content .order-shipment-table .product-order-detail .items span.label {
            width: 45%;
            display: block;
            float: left;
            text-transform: uppercase; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .order-shipment-table .product-order-detail .name {
            overflow: hidden; } }
        .my-account-registration .primary-content .order-shipment-table .product-order-detail .name h2 {
          padding: 0px;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-size: 13px;
          text-decoration: underline;
          margin-bottom: 8px; }
        .my-account-registration .primary-content .order-shipment-table .product-order-detail .quantity {
          width: 28%;
          float: left; }
      .my-account-registration .primary-content .order-shipment-table .product-shipping-status {
        padding: 10px 20px 0 0; }
    .my-account-registration .primary-content .wishlist-count {
      float: left;
      margin-botoom: 25px;
      line-height: 30px;
      font-size: 18px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .wishlist-count {
          /*width:50%;*/
          margin-top: 3px; } }
    .my-account-registration .primary-content .wishlist-date-added {
      float: right; }
    .my-account-registration .primary-content .wishlist-top-content1 {
      width: 100%;
      float: left;
      background-color: white;
      padding: 20px 25px;
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .my-account-registration .primary-content .wishlist-top-content1 {
          text-align: center; } }
      .my-account-registration .primary-content .wishlist-top-content1 .cart-wishlist-text {
        width: 40%;
        float: left;
        text-align: left; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .wishlist-top-content1 .cart-wishlist-text {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration .primary-content .wishlist-top-content1 .cart-wishlist-text {
            width: 50%; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .my-account-registration .primary-content .wishlist-top-content1 .cart-wishlist-text {
            width: 100%;
            float: none; } }
      .my-account-registration .primary-content .wishlist-top-content1 .add-all-to-cart {
        width: 25%;
        float: right;
        margin-top: 10px;
        font-family: 'FranklinGothicLT-ExtraCond', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 1px;
        background: #d0021b;
        color: #fff;
        border: 3px solid #d0021b;
        padding: 0.3rem; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration .primary-content .wishlist-top-content1 .add-all-to-cart {
            width: 30%; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .my-account-registration .primary-content .wishlist-top-content1 .add-all-to-cart {
            width: 96%;
            float: none; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .wishlist-top-content1 .add-all-to-cart {
            width: 100%; } }
        .my-account-registration .primary-content .wishlist-top-content1 .add-all-to-cart:hover {
          background: #fff;
          color: #d0021b;
          border-color: #d0021b; }
    .my-account-registration .primary-content .list-table-header {
      width: 100%;
      padding: 0 35px;
      display: table; }
      .my-account-registration .primary-content .list-table-header h2 {
        padding-left: 0px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .list-table-header h2 {
            padding-left: 10px; } }
    .my-account-registration .primary-content .account-login h2 {
      font-size: 18px;
      letter-spacing: 0.5px;
      padding: 1px 0 5px 0px;
      margin: 0;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-left: 0px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .account-login h2 {
          padding: 8px 0 5px 0px; } }
    .my-account-registration .primary-content .start-wishlist {
      position: absolute;
      right: 20px;
      background-color: black;
      color: white;
      text-transform: uppercase;
      bottom: 30px;
      padding: 15px 30px;
      font-size: 18px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      letter-spacing: 1px; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .my-account-registration .primary-content .start-wishlist {
          position: static;
          display: block;
          text-align: center; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .start-wishlist {
          position: static;
          display: block;
          text-align: center; } }
    .my-account-registration .primary-content .wishlist-landing {
      background-color: white;
      padding: 18px 18px;
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .my-account-registration .primary-content .wishlist-landing {
          padding: 18px 18px 30px; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .wishlist-landing {
          margin-bottom: 10px;
          padding: 18px 18px 30px; } }
      .my-account-registration .primary-content .wishlist-landing p {
        width: 80%; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration .primary-content .wishlist-landing p {
            width: 70%; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .my-account-registration .primary-content .wishlist-landing p {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .wishlist-landing p {
            width: 100%; } }
    .my-account-registration .primary-content .empty-wishlist {
      text-transform: uppercase;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
      padding-left: 18px;
      font-size: 16px; }
    .my-account-registration .primary-content .find-others-wishlist label {
      display: block;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      margin: 0 0 5px;
      text-transform: Capitalize; }
    .my-account-registration .primary-content .find-others-wishlist .col-4 button {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      padding: 5px 19px 5px 20px;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .my-account-registration .primary-content .find-others-wishlist .form-row {
      margin-bottom: 15px; }
    .my-account-registration .primary-content .order-detail-options {
      float: right;
      padding: 20px;
      margin: 0;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .order-detail-options {
          float: none;
          padding: 10px 25px 20px;
          text-align: center; } }
      .my-account-registration .primary-content .order-detail-options a {
        margin: 0 0 0 20px;
        text-decoration: underline;
        font-size: 18px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        letter-spacing: 1px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-detail-options a {
            display: block;
            margin: 0;
            padding: 5px 0; } }
    .my-account-registration .primary-content .order-list {
      background-color: white;
      padding: 18px 20px 20px;
      margin-bottom: 0px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .order-list {
          margin-bottom: 0; } }
      .my-account-registration .primary-content .order-list h2.first {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        padding: 10px 10px 10px 20px;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 1px; }
      .my-account-registration .primary-content .order-list h2.second {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        padding: 10px;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: 1px; }
      .my-account-registration .primary-content .order-list h2.section-header {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        padding: 10px;
        margin-bottom: 20px;
        text-transform: uppercase;
        padding-left: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        border-bottom: 1px solid #000; }
      .my-account-registration .primary-content .order-list .order-information {
        width: 30%;
        float: left; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-list .order-information {
            width: 100%;
            float: none;
            margin-bottom: 20px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .order-list .order-information {
            width: 29%; } }
        .my-account-registration .primary-content .order-list .order-information .label {
          width: 45%;
          display: block;
          float: left; }
        .my-account-registration .primary-content .order-list .order-information .value {
          display: block;
          float: left; }
      .my-account-registration .primary-content .order-list .order-billing {
        width: 20%;
        float: left; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-list .order-billing {
            width: 100%;
            margin-bottom: 20px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .order-list .order-billing {
            width: 23%;
            overflow: hidden; } }
      .my-account-registration .primary-content .order-list .order-payment-instruments {
        width: 20%;
        float: left; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-list .order-payment-instruments {
            width: 100%;
            margin-bottom: 20px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .order-list .order-payment-instruments {
            width: 24%; } }
      .my-account-registration .primary-content .order-list .order-payment-summary {
        width: 30%;
        float: left; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-list .order-payment-summary {
            width: 100%;
            margin-bottom: 20px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .order-list .order-payment-summary {
            width: 24%; } }
    .my-account-registration .primary-content .content-header {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      font-size: 18px;
      padding: 8px 20px 8px 20px;
      letter-spacing: 1px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .content-header {
          padding-left: 0px; } }
    .my-account-registration .primary-content .number {
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      background: #fff; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .number {
          padding-left: 20px; } }
    .my-account-registration .primary-content .order-details .order-date {
      padding: 0 10px 0 0px;
      display: table;
      width: 100%; }
      .my-account-registration .primary-content .order-details .order-date .label {
        /*margin-right: 10%;*/
        margin-bottom: 2%; }
    .my-account-registration .primary-content .order-details .order-number {
      padding: 0 10px 0 0px;
      display: table;
      width: 100%; }
    .my-account-registration .primary-content .order-details .mini-address-name {
      padding: 0 10px 10px 0px;
      font-weight: bold; }
    .my-account-registration .primary-content .order-details .mini-address-location {
      padding: 0 10px 0 0px;
      overflow: hidden;
      line-height: 18px; }
    .my-account-registration .primary-content .order-details .order-detail-summary {
      padding: 0 10px 0 0px; }
    .my-account-registration .primary-content .order-details .order-totals-table {
      padding: 0;
      line-height: 20px; }
      .my-account-registration .primary-content .order-details .order-totals-table hr {
        display: none; }
      .my-account-registration .primary-content .order-details .order-totals-table .order-discount {
        color: red; }
      .my-account-registration .primary-content .order-details .order-totals-table span.label {
        width: 60%;
        float: left; }
      .my-account-registration .primary-content .order-details .order-totals-table span.value {
        float: right;
        display: block; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .order-details .order-totals-table .order-shipping span.label {
          width: 65%; } }
      .my-account-registration .primary-content .order-details .order-totals-table .order-total {
        margin: 10px 0 0; }
        .my-account-registration .primary-content .order-details .order-totals-table .order-total span.label {
          padding-top: 5px; }
        .my-account-registration .primary-content .order-details .order-totals-table .order-total span.value {
          padding-top: 5px; }
      .my-account-registration .primary-content .order-details .order-totals-table ul {
        overflow: auto;
        padding: 0px;
        margin: 0;
        list-style: none; }
        .my-account-registration .primary-content .order-details .order-totals-table ul li span:first-child {
          display: block;
          float: left;
          width: 60%; }
          @media only screen and (min-width: 768px) and (max-width: 1023px) {
            .my-account-registration .primary-content .order-details .order-totals-table ul li span:first-child {
              width: 52%; } }
        .my-account-registration .primary-content .order-details .order-totals-table ul li span.last {
          display: block;
          float: right; }
    .my-account-registration .primary-content .top-paggination {
      overflow: hidden; }
      .my-account-registration .primary-content .top-paggination .pagination {
        margin: 0;
        position: absolute;
        right: 25px;
        top: 6px;
        margin-top: 15px;
        /*margin: 0;
        position: absolute;
        right: -2px;
        top: -5px;*/ }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .top-paggination .pagination {
            margin-top: 0px;
            top: 4px; } }
        .my-account-registration .primary-content .top-paggination .pagination ul {
          float: right;
          padding: 0;
          margin: 0;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 14px; }
          .my-account-registration .primary-content .top-paggination .pagination ul li.current-page {
            text-decoration: underline; }
          .my-account-registration .primary-content .top-paggination .pagination ul li {
            float: left;
            padding: 0.5em;
            display: block; }
        .my-account-registration .primary-content .top-paggination .pagination span {
          display: none; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .top-paggination .pagination {
            /*margin: 0;
            position: absolute;
            right: 0;
            top: 7px;*/ } }
        .my-account-registration .primary-content .top-paggination .pagination .results-hits {
          padding: 6px 15px;
          float: left;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 14px;
          letter-spacing: 1px;
          text-transform: uppercase;
          /*margin-top:30px;
          padding-right:30px;*/ }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .top-paggination .pagination .results-hits {
              /*margin-top:2px;*/ } }
    .my-account-registration .primary-content .bottom-paggination {
      float: left;
      overflow: hidden;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .bottom-paggination {
          padding-right: 20px; } }
      .my-account-registration .primary-content .bottom-paggination .pagination {
        margin: 0;
        padding: 7px 0;
        position: relative;
        float: right; }
        .my-account-registration .primary-content .bottom-paggination .pagination ul {
          padding: 0;
          margin: 0;
          display: block !important;
          float: right;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 14px; }
          .my-account-registration .primary-content .bottom-paggination .pagination ul li {
            display: block;
            float: left;
            list-style: none outside none;
            padding: 0.5em; }
          .my-account-registration .primary-content .bottom-paggination .pagination ul li.current-page {
            display: block;
            float: left;
            list-style: none outside none;
            padding: 0.5em;
            text-decoration: underline; }
        .my-account-registration .primary-content .bottom-paggination .pagination .results-hits {
          padding: 6px 15px;
          float: left;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 14px;
          letter-spacing: 1px;
          text-transform: uppercase; }
          .my-account-registration .primary-content .bottom-paggination .pagination .results-hits span.current-page-label {
            display: none; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .bottom-paggination .pagination .results-hits {
              right: 20px; } }
    .my-account-registration .primary-content .order-history-header {
      border-top: 1px solid #191919; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .order-history-header {
          border-top: none; } }
      .my-account-registration .primary-content .order-history-header button {
        /* margin-top: 8px; */
        float: none;
        text-transform: uppercase;
        background-color: #000;
        border: 0;
        color: #FFF;
        cursor: pointer;
        display: inline;
        font-size: 18px;
        padding: 0.7em 1.6em 0.7em;
        text-align: center;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        letter-spacing: 1px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-history-header button {
            width: 100%; } }
      .my-account-registration .primary-content .order-history-header .col-3 {
        float: right;
        width: auto; }
      .my-account-registration .primary-content .order-history-header span.value {
        float: left;
        text-transform: capitalize; }
      .my-account-registration .primary-content .order-history-header span.label {
        clear: none;
        float: left;
        font-size: 13px;
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        min-width: 45%;
        text-transform: capitalize; }
      .my-account-registration .primary-content .order-history-header ul {
        margin: 0px;
        padding: 0px; }
        .my-account-registration .primary-content .order-history-header ul li {
          list-style: none;
          overflow: auto;
          margin-bottom: 3%; }
          .my-account-registration .primary-content .order-history-header ul li span {
            text-transform: capitalize; }
    .my-account-registration .primary-content .history-container {
      border-bottom: 1px solid #d9d9d9;
      overflow: auto;
      padding: 25px 20px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .my-account-registration .primary-content .history-container {
          padding: 25px 0;
          padding-left: 20px; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .history-container {
          padding: 25px 0;
          padding-left: 20px; } }
      .my-account-registration .primary-content .history-container .col-1 {
        width: 40%;
        float: left;
        margin: 0;
        padding-left: 0px; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration .primary-content .history-container .col-1 {
            padding: 0px;
            margin: 0 20px 0 0; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .history-container .col-1 {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .history-container .col-1 {
            width: 60%; } }
      .my-account-registration .primary-content .history-container .col-2 {
        width: 40%;
        float: left;
        margin: 0;
        padding-left: 0px; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration .primary-content .history-container .col-2 {
            width: 30%;
            padding: 0px; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .history-container .col-2 {
            width: 100%; } }
      .my-account-registration .primary-content .history-container .col-3 {
        float: right;
        width: auto;
        padding-left: 0px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .history-container .col-3 {
            width: 100%; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .history-container .col-3 {
            width: 41%;
            float: left;
            margin-top: 10px; } }
    .my-account-registration .primary-content .content-asset ul.account-options {
      background-color: white;
      height: 190px;
      padding: 0px;
      margin-bottom: 0px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .content-asset ul.account-options {
          height: 350px;
          margin: 0 8% 0 8%;
          /*margin-top:10px;*/ } }
      .my-account-registration .primary-content .content-asset ul.account-options li {
        /*margin:0 0 0 7%;*/
        float: left;
        width: 40%;
        /*margin: 0 0 0 7%;*/
        text-transform: uppercase;
        line-height: 60px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .content-asset ul.account-options li {
            width: 100%;
            margin-left: 15px; } }
      @media only screen and (min-width: 1024px) {
        .my-account-registration .primary-content .content-asset ul.account-options li:hover {
          background-color: #f0f0f0; }
          .my-account-registration .primary-content .content-asset ul.account-options li:hover a {
            padding-left: 50px; } }
    .my-account-registration .primary-content .promotion {
      display: table;
      width: 100%;
      margin-top: 10px; }
      @media (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
        .my-account-registration .primary-content .promotion {
          padding: 0px 53px; } }
      @media (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
        .my-account-registration .primary-content .promotion {
          padding: 5px 30px; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .promotion {
          padding: 10px 20px; } }
      .my-account-registration .primary-content .promotion .even {
        display: none; }
      .my-account-registration .primary-content .promotion h3 {
        color: #191919;
        font-size: 13px;
        text-transform: capitalize;
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
      .my-account-registration .primary-content .promotion .item {
        float: left;
        overflow: hidden;
        margin-bottom: 2px;
        margin-right: 2px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
        .my-account-registration .primary-content .promotion .item p {
          color: black;
          font-size: 13px;
          margin: 0;
          padding: 5px;
          font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
          padding-left: 0px; }
      .my-account-registration .primary-content .promotion .item a {
        width: 100%;
        display: block;
        height: 100%; }
      .my-account-registration .primary-content .promotion .item.is-text {
        width: 100%;
        background-color: white;
        color: black;
        padding: 20px; }
        @media (min-width: 320px) and (max-width: 736px) and (orientation: portrait) {
          .my-account-registration .primary-content .promotion .item.is-text {
            width: 100%;
            margin: 0;
            margin-bottom: 10px;
            height: auto; } }
        @media (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
          .my-account-registration .primary-content .promotion .item.is-text {
            width: 100%;
            margin: 0;
            margin-bottom: 5px; } }
    .my-account-registration .primary-content .html-slot-container {
      display: none; }
    .my-account-registration .primary-content h2 {
      /*margin-bottom:20px;*/
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
    .my-account-registration .primary-content #addresses {
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content #addresses {
          margin-bottom: 20px; } }
      .my-account-registration .primary-content #addresses ul.address-list {
        padding: 0;
        margin: 0;
        width: 100%; }
        .my-account-registration .primary-content #addresses ul.address-list .hr {
          background-color: #f0f0f0;
          clear: both;
          float: left;
          height: 1px;
          width: 100%; }
        .my-account-registration .primary-content #addresses ul.address-list li {
          float: left;
          list-style: none;
          line-height: 18px;
          margin: 0;
          padding: 18px 20px;
          width: 33.3334%;
          overflow: hidden;
          word-break: break-all;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content #addresses ul.address-list li {
              padding: 18px; } }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content #addresses ul.address-list li {
              border-bottom: 1px solid #f0f0f0;
              float: none;
              padding: 20px 25px;
              width: 100%;
              line-height: 18px; } }
          .my-account-registration .primary-content #addresses ul.address-list li a {
            text-decoration: underline; }
            @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
              .my-account-registration .primary-content #addresses ul.address-list li a {
                font-size: 11px; } }
        .my-account-registration .primary-content #addresses ul.address-list li.default {
          padding: 18px 20px;
          line-height: 18px;
          width: 100%; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content #addresses ul.address-list li.default a {
              font-size: 11px; } }
          .my-account-registration .primary-content #addresses ul.address-list li.default h3 {
            font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
            font-size: 18px;
            margin-bottom: 10px; }
      .my-account-registration .primary-content #addresses h2 {
        margin: 0px;
        display: block;
        padding: 8px 0 5px 0; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content #addresses h2 {
            padding: 8px 0 5px 18px; } }
      .my-account-registration .primary-content #addresses .no-address-on-file {
        width: 53%;
        padding: 30px; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration .primary-content #addresses .no-address-on-file {
            width: 67%;
            padding: 30px; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content #addresses .no-address-on-file {
            width: 60%;
            padding: 30px; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content #addresses .no-address-on-file {
            padding-top: 30px;
            width: 100%; } }
      .my-account-registration .primary-content #addresses .address-create-wrapper {
        background-color: white;
        /*padding: 18px 20px;*/
        overflow: hidden; }
        .my-account-registration .primary-content #addresses .address-create-wrapper .add-content-list {
          position: absolute;
          right: 45px;
          top: 68px;
          display: inline; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration .primary-content #addresses .address-create-wrapper .add-content-list {
              top: 68px; } }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content #addresses .address-create-wrapper .add-content-list {
              width: 100%;
              float: left;
              padding: 0 17px;
              margin: 0 0 5px;
              text-align: center;
              position: relative;
              right: 0;
              top: 0; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content #addresses .address-create-wrapper .add-content-list {
              top: 68px; } }
          .my-account-registration .primary-content #addresses .address-create-wrapper .add-content-list .linkAsButton {
            background: #000;
            border: 0;
            color: #FFF;
            cursor: pointer;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
            font-size: 18px;
            letter-spacing: 1px; }
          .my-account-registration .primary-content #addresses .address-create-wrapper .add-content-list a.linkAsButton {
            float: right;
            padding: 0.7em 1.6em 0.7em; }
            @media only screen and (max-width: 767px) {
              .my-account-registration .primary-content #addresses .address-create-wrapper .add-content-list a.linkAsButton {
                width: 100%; } }
        .my-account-registration .primary-content #addresses .address-create-wrapper .no-card-on-file {
          width: 50%;
          /*padding:30px;*/ }
    .my-account-registration .primary-content .add-address {
      background-color: white;
      padding: 18px 20px 20px; }
      .my-account-registration .primary-content .add-address span.form-caption.error-message {
        display: block;
        width: auto;
        color: #EB0028;
        margin-top: 2px; }
      .my-account-registration .primary-content .add-address .country .select-img {
        display: block;
        position: absolute;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png");
        background-repeat: no-repeat;
        background-position: 100%;
        top: 21px !important;
        left: 1px !important;
        height: 30px !important; }
      .my-account-registration .primary-content .add-address .select-img {
        display: block;
        position: absolute;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png");
        background-repeat: no-repeat;
        background-position: 100%;
        top: 21px !important;
        left: 1px !important;
        height: 30px !important; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .add-address {
          padding: 30px;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .add-address fieldset {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .add-address fieldset .form-row {
          width: 100%; } }
      .my-account-registration .primary-content .add-address select {
        width: 100%;
        padding: 8px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .add-address select {
            margin-bottom: 13px; } }
      .my-account-registration .primary-content .add-address label {
        display: block;
        margin: 0 0 5px;
        color: #191919;
        font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
      .my-account-registration .primary-content .add-address legend {
        display: none; }
      .my-account-registration .primary-content .add-address .inline-form-fields {
        float: left;
        margin-bottom: 10px;
        width: 100%; }
        .my-account-registration .primary-content .add-address .inline-form-fields .select-img {
          display: block;
          position: absolute;
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png");
          background-repeat: no-repeat;
          background-position: 100%;
          top: 24px !important;
          left: 1px !important;
          height: 30px !important; }
        .my-account-registration .primary-content .add-address .inline-form-fields .form-row {
          clear: none;
          float: left;
          margin: 0;
          width: 23%;
          position: relative; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .add-address .inline-form-fields .form-row {
              width: 34%; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration .primary-content .add-address .inline-form-fields .form-row {
              width: 34%; } }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-address .inline-form-fields .form-row {
              width: 100%; } }
          .my-account-registration .primary-content .add-address .inline-form-fields .form-row input {
            margin-bottom: 13px; }
          .my-account-registration .primary-content .add-address .inline-form-fields .form-row input[type="text"] {
            width: 100%; }
        .my-account-registration .primary-content .add-address .inline-form-fields .form-row:first-child {
          float: left;
          margin: 0 3% 0 0;
          width: 23%; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .add-address .inline-form-fields .form-row:first-child {
              width: 32%; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration .primary-content .add-address .inline-form-fields .form-row:first-child {
              width: 32%; } }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-address .inline-form-fields .form-row:first-child {
              width: 100%; } }
      .my-account-registration .primary-content .add-address .form-row {
        position: relative;
        clear: both;
        margin: 0 0 1em;
        width: 70%; }
        .my-account-registration .primary-content .add-address .form-row button {
          width: 32%; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration .primary-content .add-address .form-row button {
              width: 45%; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .add-address .form-row button {
              width: 43%; } }
          .my-account-registration .primary-content .add-address .form-row button .cancel {
            background-color: white; }
        .my-account-registration .primary-content .add-address .form-row input[type="text"] {
          width: 70%; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration .primary-content .add-address .form-row input[type="text"] {
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .add-address .form-row input[type="text"] {
              width: 100%; } }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-address .form-row input[type="text"] {
              width: 100%; } }
        .my-account-registration .primary-content .add-address .form-row label {
          display: block;
          font-size: 13px;
          margin: 0 0 5px;
          font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-address .form-row label {
              width: 100%; } }
      .my-account-registration .primary-content .add-address .form-row-button {
        margin-top: 30px; }
        .my-account-registration .primary-content .add-address .form-row-button .apply-button {
          margin-right: 40px;
          text-transform: uppercase;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 18px;
          letter-spacing: 1px; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-address .form-row-button .apply-button {
              width: 100%;
              margin-bottom: 10px; } }
        .my-account-registration .primary-content .add-address .form-row-button .edit {
          width: 20%;
          margin-right: 0px; }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .add-address .form-row-button .edit {
              width: 22%;
              margin-right: 2px; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration .primary-content .add-address .form-row-button .edit {
              margin-right: 15px; } }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-address .form-row-button .edit {
              width: 100%; } }
        .my-account-registration .primary-content .add-address .form-row-button .cancel {
          background-color: white;
          color: black;
          border: 2px solid black;
          padding: 6px;
          text-transform: uppercase;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 18px;
          letter-spacing: 1px; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-address .form-row-button .cancel {
              width: 100%;
              margin-bottom: 10px; } }
    .my-account-registration .primary-content .account-register {
      		  /*#dwfrm_profile_customer_firstname
      		  {
      		    @include bp-small
              {
                padding-bottom:12px;
              }
      		  }
      		  .datepicker
      		  {
      		    @include bp-small
      		    {
      		      padding-bottom:10px;
      		    }
      		  }*/
      background-color: white;
      padding: 25px 0px 25px 25px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .account-register {
          padding: 30px;
          margin-bottom: 10px; } }
      .my-account-registration .primary-content .account-register .error-message {
        color: #EB0028; }
      .my-account-registration .primary-content .account-register .dialogify {
        text-decoration: underline; }
      .my-account-registration .primary-content .account-register .click-here {
        text-decoration: underline; }
      .my-account-registration .primary-content .account-register .select-img {
        display: block;
        position: absolute;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png");
        background-repeat: no-repeat;
        background-position: 100%;
        top: 21px !important;
        left: 2px !important;
        width: 98% !important;
        height: 30px !important; }
      .my-account-registration .primary-content .account-register .label-inline input[type="checkbox"] {
        margin: 0 1em 0 0;
        float: left;
        width: 20px;
        height: 20px; }
      .my-account-registration .primary-content .account-register .form-row input {
        margin-bottom: 13px; }
      .my-account-registration .primary-content .account-register input[type="text"] {
        margin-left: 0;
        width: 100%; }
      .my-account-registration .primary-content .account-register input[type="password"] {
        margin-left: 0;
        width: 100%; }
      .my-account-registration .primary-content .account-register select {
        margin-left: 0;
        width: 100%; }
      .my-account-registration .primary-content .account-register label {
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        font-size: 13px;
        display: block;
        margin: 0 0 5px; }
        .my-account-registration .primary-content .account-register label .getOrderId label {
          margin: 0 0 5px;
          text-transform: uppercase; }
      .my-account-registration .primary-content .account-register .input-select.gender-dropdown {
        height: 33px; }
      .my-account-registration .primary-content .account-register .inline-input {
        float: left;
        margin: 0 0 1em;
        width: 100%; }
        .my-account-registration .primary-content .account-register .inline-input .gender {
          clear: none;
          float: left;
          margin: 0 4% 0 0;
          width: 48%;
          position: relative; }
        .my-account-registration .primary-content .account-register .inline-input .zipcode {
          clear: none;
          float: left;
          width: 48%; }
      .my-account-registration .primary-content .account-register .inline-form-fields {
        float: left;
        width: 100%; }
      .my-account-registration .primary-content .account-register .privacy-policy-container {
        margin-bottom: 25px; }
        .my-account-registration .primary-content .account-register .privacy-policy-container label {
          line-height: 20px;
          margin: 0 0 1em;
          text-transform: none;
          float: left;
          width: 80%; }
        .my-account-registration .primary-content .account-register .privacy-policy-container .privacy-policy-content input[type="checkbox"] {
          float: left;
          margin-right: 16px;
          width: 20px;
          height: 20px; }
      .my-account-registration .primary-content .account-register fieldset {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .account-register fieldset {
            width: 100%; } }
      .my-account-registration .primary-content .account-register .form-caption {
        display: block;
        width: auto; }
      .my-account-registration .primary-content .account-register .help-tips {
        position: relative; }
        .my-account-registration .primary-content .account-register .help-tips span.form-caption {
          left: 70px;
          position: absolute;
          text-decoration: none;
          top: -2px;
          padding: 0;
          font-size: 12px; }
          .my-account-registration .primary-content .account-register .help-tips span.form-caption:before {
            content: "("; }
          .my-account-registration .primary-content .account-register .help-tips span.form-caption:after {
            content: ")"; }
      .my-account-registration .primary-content .account-register .form-row {
        position: relative;
        clear: both;
        margin: 0 0 1em; }
        .my-account-registration .primary-content .account-register .form-row label {
          display: block;
          font-size: 13px;
          margin: 0 0 5px; }
      .my-account-registration .primary-content .account-register .form-row-button button {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        text-transform: uppercase;
        background-color: #000;
        border: 0;
        color: #FFF;
        cursor: pointer;
        display: inline;
        font-size: 18px;
        padding: 10px 40px 10px 40px;
        text-align: center;
        width: auto;
        letter-spacing: 1px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .account-register .form-row-button button {
            width: 100%; } }
    .my-account-registration .primary-content .select-img {
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      background-position: 100%; }
    .my-account-registration .primary-content .credit-card-landing ul.payment-list {
      margin: 0;
      padding: 0;
      width: 100%; }
      .my-account-registration .primary-content .credit-card-landing ul.payment-list li {
        float: left;
        list-style: none;
        margin: 0;
        width: 27%;
        box-sizing: border-box;
        padding: 18px 20px;
        overflow: hidden;
        word-break: break-all; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .my-account-registration .primary-content .credit-card-landing ul.payment-list li {
            margin-right: 20px;
            margin-bottom: 20px;
            width: 31%; } }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .credit-card-landing ul.payment-list li {
            margin-right: 20px;
            margin-bottom: 20px;
            width: 30%;
            overflow: hidden; } }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .credit-card-landing ul.payment-list li {
            width: 100%; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .credit-card-landing ul.payment-list li.last {
          clear: left; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .my-account-registration .primary-content .credit-card-landing ul.payment-list li.last {
          clear: left; } }
      .my-account-registration .primary-content .credit-card-landing ul.payment-list .button-text {
        margin-top: 10px;
        color: #000;
        background: none repeat scroll 0 0 transparent;
        border: 0 none;
        padding: 0;
        text-transform: capitalize;
        text-decoration: underline;
        text-align: left; }
    .my-account-registration .primary-content .credit-card-landing .address-create-wrapper {
      float: left;
      margin: 0;
      width: 100%;
      background-color: white;
      /*padding: 23px 28px;*/ }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .credit-card-landing .address-create-wrapper {
          margin-bottom: 20px; } }
    .my-account-registration .primary-content .credit-card-landing .add-content-list {
      right: 35px;
      top: 80px;
      display: inline;
      text-transform: uppercase;
      position: absolute; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .credit-card-landing .add-content-list {
          width: 100%;
          text-align: center;
          margin-bottom: 20px;
          position: relative;
          top: 0px;
          left: 0px; } }
      .my-account-registration .primary-content .credit-card-landing .add-content-list a.linkAsButton {
        padding: 0.7em 1.6em 0.7em; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .credit-card-landing .add-content-list a.linkAsButton {
            display: block;
            width: 92%;
            margin-bottom: 0px;
            margin: 0 15px; } }
      .my-account-registration .primary-content .credit-card-landing .add-content-list .linkAsButton {
        background: #000;
        border: 0;
        color: #FFF;
        cursor: pointer;
        margin-bottom: 10px;
        font-size: 18px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        letter-spacing: 1px; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration .primary-content .credit-card-landing .add-content-list .linkAsButton {
            font-size: 16px; } }
    .my-account-registration .primary-content .credit-card-landing .no-card-on-file {
      width: 50%;
      padding: 30px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration .primary-content .credit-card-landing .no-card-on-file {
          width: 62%; } }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .credit-card-landing .no-card-on-file {
          width: 100%;
          /*margin-top:16px;*/
          padding: 18px; } }
    .my-account-registration .primary-content .add-card {
      background-color: white;
      padding: 23px 28px; }
      .my-account-registration .primary-content .add-card .error-message {
        color: #EB0028;
        text-decoration: none !important;
        display: block;
        margin-top: 4px; }
      .my-account-registration .primary-content .add-card .select-img {
        display: block;
        position: absolute;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png");
        background-repeat: no-repeat;
        background-position: 100%;
        top: 21px !important;
        left: 1px !important;
        height: 30px !important; }
      .my-account-registration .primary-content .add-card .container-year .select-img {
        display: block;
        position: absolute;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/arrow_26x26.png");
        background-repeat: no-repeat;
        background-position: 100%;
        top: 3px !important;
        left: -1px !important;
        height: 30px !important; }
      .my-account-registration .primary-content .add-card .container-year .month {
        float: left;
        margin: 0 3% 0 0;
        width: 32%; }
        .my-account-registration .primary-content .add-card .container-year .month label {
          display: none; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .add-card .container-year .month {
            width: 53%; } }
        .my-account-registration .primary-content .add-card .container-year .month select {
          width: 100%; }
      .my-account-registration .primary-content .add-card .container-year .year {
        clear: none;
        float: left;
        width: 35%; }
        .my-account-registration .primary-content .add-card .container-year .year label {
          display: none; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .add-card .container-year .year {
            width: 43%; } }
        .my-account-registration .primary-content .add-card .container-year .year select {
          width: 100%; }
      .my-account-registration .primary-content .add-card .form-row {
        position: relative;
        clear: both;
        margin: 0 0 1em;
        width: 70%; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .add-card .form-row {
            width: 100%; } }
        .my-account-registration .primary-content .add-card .form-row .dwfrm_paymentinstruments_creditcards_newcreditcard_month {
          display: none; }
        .my-account-registration .primary-content .add-card .form-row #applyBtn {
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          text-transform: uppercase;
          font-size: 18px;
          width: 32%;
          letter-spacing: 1px;
          margin-top: 13px;
          margin-right: 3%; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-card .form-row #applyBtn {
              width: 100%;
              margin-bottom: 20px; } }
        .my-account-registration .primary-content .add-card .form-row .button-secondary {
          background-color: white;
          font-size: 18px;
          width: 35%;
          color: black;
          border: 2px solid black;
          padding: 6px;
          /*padding-left: 60px;
          padding-right: 60px;*/
          text-transform: uppercase;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          /*@include bp-small
          {
            padding-left: 100px;
            padding-right: 100px;
          }*/ }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-card .form-row .button-secondary {
              width: 100%; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
            .my-account-registration .primary-content .add-card .form-row .button-secondary {
              padding-left: 0px;
              padding-right: 0px; } }
          .my-account-registration .primary-content .add-card .form-row .button-secondary .linkAsButton {
            border: none; }
            @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
              .my-account-registration .primary-content .add-card .form-row .button-secondary .linkAsButton {
                padding-left: 0px;
                padding-right: 0px; } }
          @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
            .my-account-registration .primary-content .add-card .form-row .button-secondary {
              /*padding-left: 60px;
              padding-right: 60px;*/ } }
        .my-account-registration .primary-content .add-card .form-row input[type="text"] {
          width: 70%; }
          @media only screen and (max-width: 767px) {
            .my-account-registration .primary-content .add-card .form-row input[type="text"] {
              width: 100%; } }
        .my-account-registration .primary-content .add-card .form-row select {
          height: 35px; }
        .my-account-registration .primary-content .add-card .form-row label {
          display: block;
          font-size: 13px;
          margin: 0 0 5px;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          /*text-transform: uppercase;*/ }
      .my-account-registration .primary-content .add-card .credit-card-form select {
        -moz-appearance: none;
        background-color: #FFF;
        background-position: 96% center;
        background-repeat: no-repeat;
        border: 1px solid #CCC;
        padding: 0.55em 0.4em;
        width: 70%; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .add-card .credit-card-form select {
            width: 100%; } }
    .my-account-registration .primary-content .order-detail {
      background-color: white;
      /*padding: 20px;*/
      font-size: 13px;
      padding-top: 1px;
      padding-top: 1px;
      margin-bottom: 25px;
      margin-top: 10px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration .primary-content .order-detail {
          margin-bottom: 30px;
          margin-top: 0px; } }
      .my-account-registration .primary-content .order-detail .no_orders {
        padding: 18px; }
      .my-account-registration .primary-content .order-detail .yoox_message {
        margin: 10px 20px 20px; }
        @media only screen and (max-width: 767px) {
          .my-account-registration .primary-content .order-detail .yoox_message {
            margin-bottom: 0; } }
  .my-account-registration #secondary {
    height: 100%;
    width: 25%;
    float: left;
    border-right: 1px solid;
    border-color: #bababa;
    background-color: #ffffff;
    min-height: 900px; }
    @media only screen and (max-width: 767px) {
      .my-account-registration #secondary {
        float: none;
        width: 100%;
        overflow: hidden;
        min-height: 0px;
        height: auto; } }
    .my-account-registration #secondary nav {
      padding-right: 10px;
      padding-left: 10px; }
    .my-account-registration #secondary .secondary-navigation {
      line-height: 1.33em;
      padding: 25px 0 0 14px; }
      @media only screen and (max-width: 767px) {
        .my-account-registration #secondary .secondary-navigation {
          padding: 30px 0 0 15px; } }
    .my-account-registration #secondary .account-nav-asset .content-asset {
      background-color: #e8e8e8;
      padding: 18px 10px 10px;
      /*padding: 15px 50px 10px 20px;*/
      margin-right: 15px;
      margin-left: 15px;
      margin-bottom: 15px; }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .my-account-registration #secondary .account-nav-asset .content-asset {
          padding: 7px 15px 5px 10px; } }
      @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .my-account-registration #secondary .account-nav-asset .content-asset {
          padding: 7px 15px 5px 10px; } }
      .my-account-registration #secondary .account-nav-asset .content-asset p a {
        border-bottom: 2px solid #000000;
        text-transform: capitalize;
        float: none;
        overflow: hidden; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
          .my-account-registration #secondary .account-nav-asset .content-asset p a {
            word-break: break-word;
            line-height: 18px; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          .my-account-registration #secondary .account-nav-asset .content-asset p a {
            text-transform: capitalize;
            font-size: 13px; } }
      .my-account-registration #secondary .account-nav-asset .content-asset p:nth-child(5) a[href^=tel] {
        text-decoration: none;
        border: none; }
  .my-account-registration .my-account-left-nav .my-accnt-nav-head {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .my-account-registration .my-account-left-nav span {
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .my-account-registration .my-account-left-nav ul {
    font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
    padding: 0px;
    line-height: 1.6em;
    margin-top: 10px;
    text-transform: uppercase; }
    .my-account-registration .my-account-left-nav ul li:hover {
      background-color: #f0f0f0; }
    .my-account-registration .my-account-left-nav ul li.selected {
      background-color: #f0f0f0; }
  .my-account-registration #wishlist-search {
    float: left;
    width: 100%;
    margin-bottom: 20px; }
    .my-account-registration #wishlist-search h2 {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      cursor: pointer;
      float: right;
      margin: 0 20px 0 0;
      padding: 5px 25px;
      text-align: right;
      width: auto;
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/zoomspriteicon.png") no-repeat scroll right -31px transparent; }

.forgot-password .row-inline {
  float: left;
  width: 100%;
  padding: 0 0 10px; }
  .forgot-password .row-inline label {
    float: left;
    margin-bottom: 8px;
    width: 100%;
    text-transform: capitalize;
    color: #000; }
.forgot-password .form-footer button {
  float: left;
  margin: 5px 20px 0 0;
  width: 20%;
  text-transform: uppercase; }

.privacy-notice .ui-dialog-title {
  display: none; }
.privacy-notice .ui-dialog-content {
  margin-top: 33px; }
.privacy-notice .content-asset {
  margin-top: -40px; }
  .privacy-notice .content-asset .privacy-policy p {
    line-height: 20px; }

.send-to-frnd .error-message {
  margin-top: 5px;
  color: #EB0028;
  display: block; }
.send-to-frnd .send-to-friend-main h1 {
  font-size: 18px;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  padding: 8px 20px 5px 20px; }
.send-to-frnd .send-to-friend-main h2 {
  letter-spacing: 1px; }
@inclue bp-small {
  .send-to-frnd .send-to-friend-main .form-row-button {
    padding: 18px 20px; } }
.send-to-frnd .send-to-friend-main .form-row-button button {
  width: auto;
  padding: 0.7em 1.6em 0.6em;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .send-to-frnd .send-to-friend-main .form-row-button button {
      width: 100%;
      margin-bottom: 5px; } }
.send-to-frnd .send-to-friend-main .send-to-friend-product {
  border-bottom: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  margin: 10px 0 20px;
  overflow: hidden;
  padding: 20px 0; }
  .send-to-frnd .send-to-friend-main .send-to-friend-product dt {
    float: left;
    width: 25%; }
  .send-to-frnd .send-to-friend-main .send-to-friend-product dd {
    float: left;
    margin: 0 0 10px;
    overflow: hidden;
    width: 75%; }
.send-to-frnd .send-to-friend-main .send-to-friednd-mobile {
  background-color: #ffffff;
  padding: 18px; }
.send-to-frnd .send-to-friend-main .dialog-required {
  display: block;
  text-align: right; }
.send-to-frnd .send-to-friend-main fieldset .form-row {
  margin-bottom: 17px; }
.send-to-frnd .send-to-friend-main fieldset .form-row-button button {
  text-transform: uppercase;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
  font-size: 16px;
  display: inline-block;
  width: 20%;
  letter-spacing: 1px; }
  @media only screen and (max-width: 767px) {
    .send-to-frnd .send-to-friend-main fieldset .form-row-button button {
      width: auto; } }
.send-to-frnd .send-to-friend-main fieldset .form-indent {
  clear: both;
  margin: 0 0 1em;
  overflow: hidden; }
.send-to-frnd .send-to-friend-main fieldset input[type="checkbox"] {
  float: left;
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px; }
.send-to-frnd .send-to-friend-main fieldset label {
  display: block;
  margin: 0 0 5px; }
.send-to-frnd .send-to-friend-main fieldset .char-count {
  display: block;
  padding: 5px 0px 0px 0px; }
.send-to-frnd .send-to-friend-main fieldset .form-caption {
  margin-bottom: 17px; }
  .send-to-frnd .send-to-friend-main fieldset .form-caption .privacy-policy-dialog {
    text-decoration: underline; }

@media only screen and (max-width: 767px) {
  .dialog-forgot-password {
    display: block;
    z-index: 1002;
    outline: 0px;
    height: auto;
    width: 99% !important;
    top: 563px;
    left: 0px 100% !important;
    right: 0px 100% !important; } }
@media (min-width: 320px) and (max-width: 736px) and (orientation: landscape) {
  .dialog-forgot-password {
    left: 35px !important;
    max-width: 600px; } }
.dialog-forgot-password .dialog-content {
  /*padding: 50px 20px 50px 60px;*/ }
  @media only screen and (max-width: 767px) {
    .dialog-forgot-password .dialog-content {
      /*padding: 50px 20px 50px 30px;*/ } }

#ui-dialog-title-dialog-container {
  display: none; }

#sigin-overlay .ui-dialog-title {
  display: none; }
#sigin-overlay #dialog-container {
  padding-top: 30px;
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  background-color: white;
  margin: 0;
  top: 0;
  left: 0; }
  #sigin-overlay #dialog-container .forgot-password {
    float: left;
    background-color: white;
    z-index: 499; }
@media only screen and (max-width: 767px) {
  #sigin-overlay .dialog-forgot-password {
    padding-top: 30px;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    background-color: white;
    margin: 0;
    top: 0;
    left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #sigin-overlay .dialog-forgot-password {
    padding-top: 0px;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    background-color: white;
    margin: 0;
    top: 0;
    left: 0; } }
#sigin-overlay .dialog-forgot-password .ui-dialog-content {
  overflow-y: hidden !important; }
  #sigin-overlay .dialog-forgot-password .ui-dialog-content .send-to-friend-main .dialog-required {
    display: block;
    text-align: right; }
#sigin-overlay .dialog-forgot-password .ui-widget-content {
  min-height: 400px !important; }
  @media only screen and (max-width: 767px) {
    #sigin-overlay .dialog-forgot-password .ui-widget-content {
      min-height: 0; } }

.overview .breadcrumb-container {
  display: none; }
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .overview .breadcrumb-container {
      display: none; } }

span.ui-dialog-title {
  display: none; }

#send-to-friend-dialog h2 {
  text-transform: none;
  /*font-size:13px;*/
  margin-bottom: 3px;
  font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif;
  font-weight: bold; }
#send-to-friend-dialog button {
  width: auto;
  text-transform: uppercase; }

.signin-new.ui-dialog .ui-dialog-titlebar-close span {
  margin-top: 0px; }

.sts-order-overlay .confirmDialog .confirmMsg {
  padding-bottom: 35px; }
  .sts-order-overlay .confirmDialog .confirmMsg b {
    text-transform: uppercase;
    font-size: 12px; }
.sts-order-overlay .confirmDialog button {
  width: 35%;
  text-transform: uppercase;
  margin-right: 30px; }

.forgot-password {
  padding: 5px 15px; }
  .forgot-password input[type="email"] {
    width: 100%; }

.privacy-policy p {
  line-height: 20px; }

.send-friend-privacy #dialog-container {
  margin-top: 33px; }

#dialog-container a.back-arrow {
  display: none !important; }

@media (min-width: 768px) and (max-width: 1024px) {
  #QuickViewDialog .breadcrumb-container {
    display: none; } }

#wishlist-sigin-overlay .dialog-forgot-password {
  width: 100% !important;
  left: 0px !important;
  top: 0px !important; }
#wishlist-sigin-overlay .ui-dialog-content {
  height: auto !important; }

/*flexible page styling*/
/* flexible template
	overview components
 */
/* ------------------------------------- */
.flexible-template {
  background-color: #5b5550 !important; }
  @media (min-width: 0px) and (max-width: 1024px) {
    .flexible-template {
      background-attachment: initial !important;
      background-position: center 0 !important; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .flexible-template {
      margin-top: 0; } }

.overview-flexible-page {
  position: relative; }

.main-flexible-page {
  position: relative; }
  @media (min-width: 0px) and (max-width: 1024px) {
    .main-flexible-page {
      background-attachment: initial !important;
      background-position: center 0 !important; } }
  .main-flexible-page .main-flexible-page-inner {
    margin: 0 60px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .main-flexible-page .main-flexible-page-inner {
        margin: 0 40px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .main-flexible-page .main-flexible-page-inner {
        margin: 0 6px; } }

.flexible-cover-video video {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  background: #191919; }
  @media (min-width: 0px) and (max-width: 1024px) {
    .flexible-cover-video video {
      object-fit: cover; } }

.video-wrap {
  height: 100%;
  width: 100%; }

.video-wrap:before,
.video-wrap:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10; }

@media (min-width: 0px) and (max-width: 1024px) {
  .secondary-inpage-three-slot {
    background-attachment: initial !important;
    background-position: center 0 !important; } }

.flexible-cover-image, .flexible-cover-video {
  background: #5c81a9;
  position: relative;
  height: 452px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .flexible-cover-image, .flexible-cover-video {
      height: 373px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .flexible-cover-image, .flexible-cover-video {
      height: 416px; } }
  @media (min-width: 0px) and (max-width: 1024px) {
    .flexible-cover-image, .flexible-cover-video {
      background-attachment: initial !important;
      background-position: center 0 !important; } }
  .flexible-cover-image img, .flexible-cover-video img {
    width: 100%;
    display: none; }
    @media (min-width: 0px) and (max-width: 1024px) {
      .flexible-cover-image img, .flexible-cover-video img {
        display: block; } }
  .flexible-cover-image .play-button, .flexible-cover-video .play-button {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Play_white.svg");
    background-color: rgba(128, 128, 128, 0.55);
    z-index: 15; }
  .flexible-cover-image .pause-button, .flexible-cover-video .pause-button {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 5px;
    top: 50px;
    display: block;
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/pause_white.svg") no-repeat;
    background-color: rgba(128, 128, 128, 0.55);
    z-index: 15; }
  .flexible-cover-image .banner-overlay-content, .flexible-cover-video .banner-overlay-content {
    position: absolute;
    bottom: 0;
    text-align: center;
    z-index: 10;
    padding-bottom: 35px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-cover-image .banner-overlay-content, .flexible-cover-video .banner-overlay-content {
        padding-bottom: 25px; } }
    .flexible-cover-image .banner-overlay-content h3, .flexible-cover-video .banner-overlay-content h3 {
      font-size: 60px;
      font-size: 3.75rem;
      color: #fff;
      text-shadow: 1px 1px 5px #000;
      -ms-shadow: 1px 1px 5px #000;
      -o-shadow: 1px 1px 5px #000;
      -webkit-shadow: 1px 1px 5px #000;
      letter-spacing: 4px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .flexible-cover-image .banner-overlay-content h3, .flexible-cover-video .banner-overlay-content h3 {
          font-size: 42px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .flexible-cover-image .banner-overlay-content h3, .flexible-cover-video .banner-overlay-content h3 {
          font-size: 30px; } }
    .flexible-cover-image .banner-overlay-content p, .flexible-cover-video .banner-overlay-content p {
      font-size: 16px;
      color: #fff;
      line-height: 24px;
      margin: 0 0 14px;
      text-shadow: 1px 1px 5px #000;
      -ms-shadow: 1px 1px 5px #000;
      -o-shadow: 1px 1px 5px #000;
      -webkit-shadow: 1px 1px 5px #000;
      letter-spacing: 0.05rem;
      font-family: "ITCFranklinGothicStd-Book", Arial, sans-serif; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .flexible-cover-image .banner-overlay-content p, .flexible-cover-video .banner-overlay-content p {
          font-size: 14px;
          line-height: 16px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .flexible-cover-image .banner-overlay-content p, .flexible-cover-video .banner-overlay-content p {
          font-size: 14px;
          line-height: 16px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-cover-image .banner-overlay-content p.desc, .flexible-cover-video .banner-overlay-content p.desc {
        display: none; } }
    .flexible-cover-image .banner-overlay-content .button-theme, .flexible-cover-video .banner-overlay-content .button-theme {
      border: 3px solid #fff;
      font-size: 18px;
      color: #191919;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      display: inline-block;
      line-height: 34px;
      padding: 0 25px;
      vertical-align: top;
      /*text-shadow:1px 1px 5px #000;
      -ms-shadow:1px 1px 5px #000;
      -o-shadow:1px 1px 5px #000;
      -webkit-shadow:1px 1px 5px #000;*/
      text-shadow: none;
      letter-spacing: 1.3px;
      transition: 0.2s;
      background-color: #fff; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .flexible-cover-image .banner-overlay-content .button-theme, .flexible-cover-video .banner-overlay-content .button-theme {
          font-size: 14px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .flexible-cover-image .banner-overlay-content .button-theme, .flexible-cover-video .banner-overlay-content .button-theme {
          font-size: 14px; } }
      .flexible-cover-image .banner-overlay-content .button-theme:hover, .flexible-cover-video .banner-overlay-content .button-theme:hover {
        background-color: #191919;
        text-shadow: none;
        color: #fff;
        border-color: #191919; }
    .flexible-cover-image .banner-overlay-content p.margin-none, .flexible-cover-video .banner-overlay-content p.margin-none {
      margin-bottom: 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-cover-image .banner-overlay-content .anchor-icon-wrap, .flexible-cover-video .banner-overlay-content .anchor-icon-wrap {
        display: none; } }

@media (min-width: 0px) and (max-width: 1024px) {
  .flexible-cover-video {
    height: auto; } }

.anchor-icon {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/anchor.png") no-repeat 0 0;
  background-size: cover;
  height: 30px;
  width: 80px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  bottom: 0; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .anchor-icon {
      height: 19px;
      width: 50px;
      margin-left: -25px; } }

.anchor-icon:hover {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.share-icon1-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 12px 0px 0px 11px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .share-icon1-wrap {
      margin-bottom: 12px; } }
  .share-icon1-wrap .share-media-bottom {
    left: -210px;
    top: 35px; }

.share-icon1 {
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: top;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Share_white.svg") no-repeat 0 0;
  text-indent: -999999px; }

.flexible-basic-title {
  text-align: center;
  padding-top: 57px;
  padding-bottom: 60px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .flexible-basic-title {
      padding-top: 36px;
      padding-bottom: 40px; } }
  .flexible-basic-title h3 {
    font-size: 60px;
    color: #fff; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-basic-title h3 {
        font-size: 42px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-basic-title h3 {
        font-size: 30px; } }
  .flexible-basic-title p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin: 0 0 14px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-basic-title p {
        font-size: 14px;
        line-height: 16px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-basic-title p {
        font-size: 14px;
        line-height: 16px; } }
  .flexible-basic-title .button-theme {
    border: 3px solid #fff;
    font-size: 16px;
    color: #fff;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    display: inline-block;
    line-height: 34px;
    padding: 0 25px;
    vertical-align: top; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-basic-title .button-theme {
        font-size: 14px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-basic-title .button-theme {
        font-size: 14px; } }
    .flexible-basic-title .button-theme:hover {
      background-color: #fff;
      text-shadow: none;
      color: #191919; }
  .flexible-basic-title .button-theme + .button-theme {
    margin-left: 10px; }
  .flexible-basic-title p.margin-none {
    margin-bottom: 0;
    line-height: normal; }
  .flexible-basic-title .anchor-icon {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/anchor.png") no-repeat 0 0;
    height: 30px;
    width: 80px;
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-basic-title .anchor-icon {
        height: 19px;
        width: 50px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-basic-title .anchor-icon {
        display: none; } }

.flexible-page-title {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/black-transparent.png") repeat 0 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  z-index: 1; }
  .flexible-page-title h2 {
    color: #fff;
    font-size: 32px;
    letter-spacing: 2px;
    padding: 11px 0 6px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-page-title h2 {
        font-size: 30px; } }

.flexible-subnav-bar {
  background: #191919;
  position: relative;
  width: 100%;
  height: 50px;
  padding: 5px 24px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .flexible-subnav-bar {
      height: auto;
      padding: 0; } }
  .flexible-subnav-bar h6 {
    float: left;
    color: #fff;
    font-size: 18px;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    padding: 11px 0;
    opacity: 0;
    transition: opacity 1s linear; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-subnav-bar h6 {
        font-size: 14px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-subnav-bar h6 {
        display: none; } }
  .flexible-subnav-bar h6.small-heading {
    font-size: 16px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-subnav-bar h6.small-heading {
        font-size: 14px; } }
  .flexible-subnav-bar h7 {
    display: none; }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-subnav-bar h7 {
        display: block;
        font-size: 14px;
        border-bottom: 1px solid #d1d1d1;
        border-top: 1px solid #d1d1d1;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; } }
  .flexible-subnav-bar .btn-theme {
    border: 3px solid #fff;
    font-size: 16px;
    color: #fff;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    display: inline-block;
    line-height: 34px;
    width: 190px;
    text-align: center;
    transition: 0.2s;
    letter-spacing: 1.3px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-subnav-bar .btn-theme {
        font-size: 14px;
        width: 137px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-subnav-bar .btn-theme {
        font-size: 14px;
        margin-top: 4px;
        border-width: 2px;
        margin-bottom: 2px;
        width: auto;
        padding: 0 17px; } }
    .flexible-subnav-bar .btn-theme:hover {
      background: #fff;
      color: #191919; }
  .flexible-subnav-bar .right-sec {
    float: right;
    position: absolute;
    right: 24px;
    top: 5px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-subnav-bar .right-sec {
        position: relative;
        float: none;
        text-align: center;
        right: auto;
        top: auto; } }
    .flexible-subnav-bar .right-sec p {
      margin: 0;
      display: inline-block; }
  @media (min-width: 0px) and (max-width: 767px) {
    .flexible-subnav-bar p + .share-icon1-wrap {
      position: absolute;
      right: 49px;
      top: 0; } }
  .flexible-subnav-bar ul.subnav {
    margin: 0 auto;
    text-align: center;
    margin-right: 163px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-subnav-bar ul.subnav {
        text-align: left;
        padding: 0;
        margin-right: 0; } }
    .flexible-subnav-bar ul.subnav li {
      display: inline-block;
      vertical-align: top;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      padding: 11px 26px 11px 0;
      color: #fff;
      font-size: 18px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .flexible-subnav-bar ul.subnav li {
          font-size: 14px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .flexible-subnav-bar ul.subnav li {
          display: block;
          font-size: 14px;
          border-bottom: 1px solid #d1d1d1;
          padding: 0; } }
      .flexible-subnav-bar ul.subnav li a {
        display: block;
        color: #fff;
        position: relative; }
        @media (min-width: 0px) and (max-width: 767px) {
          .flexible-subnav-bar ul.subnav li a {
            line-height: 40px;
            padding: 0 50px;
            position: relative; } }
      .flexible-subnav-bar ul.subnav li a:after {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") no-repeat 0 0;
        content: "";
        height: 10px;
        width: 10px;
        display: inline-block;
        vertical-align: top;
        margin: 4px 0 0 13px;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -ms-transform: rotate(-180deg); }
        @media (min-width: 0px) and (max-width: 767px) {
          .flexible-subnav-bar ul.subnav li a:after {
            position: absolute;
            right: 50px;
            top: 12px; } }
  .flexible-subnav-bar h7.mobile-drop-down-text {
    font-family: "TradeGothicLTPro", Arial, sans-serif;
    position: relative;
    border: 1px solid #d1d1d1;
    border-top: 0; }
  .flexible-subnav-bar h7.mobile-drop-down-text:after {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small_white.svg") no-repeat 0 0;
    content: "";
    height: 10px;
    width: 10px;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 13px;
    position: absolute;
    right: 50px;
    top: 12px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    cursor: pointer; }
  .flexible-subnav-bar h7.mobile-drop-down-text.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); }
  .flexible-subnav-bar ul.filter {
    margin: 0 auto;
    text-align: center;
    padding-left: 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-subnav-bar ul.filter {
        text-align: left;
        padding: 0;
        border: 1px solid #d1d1d1;
        border-top: 0;
        display: none; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-subnav-bar ul.filter li.filter-by {
        display: none; } }
    .flexible-subnav-bar ul.filter li {
      display: inline-block;
      vertical-align: top;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      padding: 11px 30px 11px 0;
      color: #fff;
      font-size: 16px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .flexible-subnav-bar ul.filter li {
          font-size: 14px;
          padding-right: 15px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .flexible-subnav-bar ul.filter li {
          display: block;
          font-size: 14px;
          padding: 0; } }
      .flexible-subnav-bar ul.filter li a {
        display: block;
        color: #fff;
        position: relative; }
        @media (min-width: 0px) and (max-width: 767px) {
          .flexible-subnav-bar ul.filter li a {
            line-height: 40px;
            padding: 0 50px;
            position: relative;
            text-decoration: none; } }
      .flexible-subnav-bar ul.filter li a.active {
        text-decoration: underline; }
      .flexible-subnav-bar ul.filter li a:after {
        content: "";
        height: 10px;
        display: inline-block;
        vertical-align: top;
        margin: 4px 0 0 30px;
        border-right: 1px solid #bababa; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .flexible-subnav-bar ul.filter li a:after {
            margin-left: 15px;
            margin-top: 1px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .flexible-subnav-bar ul.filter li a:after {
            position: absolute;
            right: 50px;
            top: 12px;
            border-right: 0; } }
    .flexible-subnav-bar ul.filter li:last-child {
      padding-right: 0; }
      .flexible-subnav-bar ul.filter li:last-child a:after {
        content: none;
        border-right: 0; }
  .flexible-subnav-bar ol.breadcrumb {
    float: left;
    margin: 0;
    padding: 0 0 0 13px;
    width: 60%; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .flexible-subnav-bar ol.breadcrumb {
        width: 80%; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .flexible-subnav-bar ol.breadcrumb {
        width: 80%; } }
    .flexible-subnav-bar ol.breadcrumb li {
      display: inline-block;
      vertical-align: top;
      text-transform: uppercase;
      padding: 11px 0 11px 0;
      color: #fff; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .flexible-subnav-bar ol.breadcrumb li {
          padding: 13px 0 13px 0; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .flexible-subnav-bar ol.breadcrumb li {
          padding: 15px 0 15px 0; } }
      .flexible-subnav-bar ol.breadcrumb li h4 {
        font-size: 16px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .flexible-subnav-bar ol.breadcrumb li h4 {
            font-size: 14px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .flexible-subnav-bar ol.breadcrumb li h4 {
            font-size: 11px; } }
      .flexible-subnav-bar ol.breadcrumb li a {
        display: inline-block;
        vertical-align: top;
        color: #fff;
        position: relative; }
      .flexible-subnav-bar ol.breadcrumb li span {
        display: inline-block;
        vertical-align: top;
        padding: 0 4px; }

.mobile-drop-down-wrap {
  text-align: center;
  margin-right: 228px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .mobile-drop-down-wrap {
      margin-right: 172px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .mobile-drop-down-wrap {
      margin-right: 0; } }
  .mobile-drop-down-wrap.mobile-drop-down-wrap-mar {
    margin-right: 19px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .mobile-drop-down-wrap.mobile-drop-down-wrap-mar {
        margin-right: 0; } }
  .mobile-drop-down-wrap .mobile-drop-down {
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 0px) and (max-width: 767px) {
      .mobile-drop-down-wrap .mobile-drop-down {
        display: block; } }
  .mobile-drop-down-wrap .mobile-drop-down + .mobile-drop-down {
    padding-left: 30px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .mobile-drop-down-wrap .mobile-drop-down + .mobile-drop-down {
        padding-left: 15px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .mobile-drop-down-wrap .mobile-drop-down + .mobile-drop-down {
        padding-left: 0; } }

.flexible-subnav-breadcrumb-white {
  background: none;
  position: absolute;
  left: 0;
  top: 0; }

.flexible-subnav-breadcrumb-hide {
  display: none; }

.in-page-product {
  background: #fff;
  padding: 10px 0 24px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .in-page-product {
      padding: 24px 0 45px; } }
  .in-page-product .bx-wrapper {
    margin: 0 !important; }
  @media (min-width: 0px) and (max-width: 767px) {
    .in-page-product .bx-wrapper.bx-wrapper-theme .bx-controls-direction a {
      display: none; } }
  .in-page-product .in-page-product-slider {
    display: none; }
  .in-page-product .in-page-product-slider, .in-page-product .hp-product-slider {
    padding: 0; }
    .in-page-product .in-page-product-slider .panel + .panel, .in-page-product .hp-product-slider .panel + .panel {
      border-left: 1px solid #191919; }
      @media (min-width: 0px) and (max-width: 767px) {
        .in-page-product .in-page-product-slider .panel + .panel, .in-page-product .hp-product-slider .panel + .panel {
          border: 0; } }
    .in-page-product .in-page-product-slider .panel, .in-page-product .hp-product-slider .panel {
      padding: 0; }
      .in-page-product .in-page-product-slider .panel .image-sec, .in-page-product .hp-product-slider .panel .image-sec {
        padding: 0; }
        @media only screen and (max-width: 767px) {
          .in-page-product .in-page-product-slider .panel .image-sec, .in-page-product .hp-product-slider .panel .image-sec {
            width: 100%; } }
        .in-page-product .in-page-product-slider .panel .image-sec img, .in-page-product .hp-product-slider .panel .image-sec img {
          width: 100%;
          display: block; }
      .in-page-product .in-page-product-slider .panel .content-sec, .in-page-product .hp-product-slider .panel .content-sec {
        padding: 0;
        text-align: center;
        position: absolute;
        right: 8.33333%;
        left: auto;
        top: 0;
        bottom: 0;
        padding: 0 50px; }
        @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
          .in-page-product .in-page-product-slider .panel .content-sec, .in-page-product .hp-product-slider .panel .content-sec {
            padding: 0; } }
        @media (min-width: 768px) and (max-width: 1023px) {
          .in-page-product .in-page-product-slider .panel .content-sec, .in-page-product .hp-product-slider .panel .content-sec {
            padding: 0 10px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .in-page-product .in-page-product-slider .panel .content-sec, .in-page-product .hp-product-slider .panel .content-sec {
            position: relative;
            padding: 0 10px;
            float: left;
            right: auto;
            left: auto;
            top: auto;
            bottom: auto;
            width: 100%; } }
        .in-page-product .in-page-product-slider .panel .content-sec .content-sec-inner, .in-page-product .hp-product-slider .panel .content-sec .content-sec-inner {
          height: 100%;
          width: 100%; }
          .in-page-product .in-page-product-slider .panel .content-sec .content-sec-inner .middle, .in-page-product .hp-product-slider .panel .content-sec .content-sec-inner .middle {
            height: 200px;
            padding-top: 50px;
            position: relative;
            letter-spacing: 0.075rem; }
            @media only screen and (min-width: 768px) and (max-width: 1023px) {
              .in-page-product .in-page-product-slider .panel .content-sec .content-sec-inner .middle, .in-page-product .hp-product-slider .panel .content-sec .content-sec-inner .middle {
                height: 220px; } }
            @media only screen and (max-width: 767px) {
              .in-page-product .in-page-product-slider .panel .content-sec .content-sec-inner .middle, .in-page-product .hp-product-slider .panel .content-sec .content-sec-inner .middle {
                padding-top: 20px; } }
        .in-page-product .in-page-product-slider .panel .content-sec h5 + .button-theme, .in-page-product .hp-product-slider .panel .content-sec h5 + .button-theme {
          margin-top: 15px; }
        .in-page-product .in-page-product-slider .panel .content-sec h5, .in-page-product .hp-product-slider .panel .content-sec h5 {
          font-size: 18px; }
          @media (min-width: 0px) and (max-width: 767px) {
            .in-page-product .in-page-product-slider .panel .content-sec h5, .in-page-product .hp-product-slider .panel .content-sec h5 {
              font-size: 16px;
              min-height: 34px; } }
        .in-page-product .in-page-product-slider .panel .content-sec p, .in-page-product .hp-product-slider .panel .content-sec p {
          font-size: 14px; }
        .in-page-product .in-page-product-slider .panel .content-sec .pricing, .in-page-product .hp-product-slider .panel .content-sec .pricing {
          font-size: 14px;
          margin: 15px 0; }
          .in-page-product .in-page-product-slider .panel .content-sec .pricing .product-standard-price, .in-page-product .hp-product-slider .panel .content-sec .pricing .product-standard-price {
            text-decoration: line-through;
            color: #d0021b; }
        .in-page-product .in-page-product-slider .panel .content-sec .button-theme, .in-page-product .hp-product-slider .panel .content-sec .button-theme {
          border: 3px solid #191919;
          font-size: 16px;
          color: #191919;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          display: inline-block;
          line-height: 34px;
          padding: 0 2px;
          text-transform: uppercase;
          text-transform: uppercase;
          position: absolute;
          max-width: 95px;
          width: 75px;
          bottom: 0;
          left: 0;
          right: 0;
          margin: 0 auto; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .in-page-product .in-page-product-slider .panel .content-sec .button-theme, .in-page-product .hp-product-slider .panel .content-sec .button-theme {
              font-size: 14px; } }
          .in-page-product .in-page-product-slider .panel .content-sec .button-theme:hover, .in-page-product .hp-product-slider .panel .content-sec .button-theme:hover {
            background-color: #191919;
            text-shadow: none;
            color: #fff; }

.flexible-sticky-done {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 502; }
  @media (min-width: 0px) and (max-width: 767px) {
    .flexible-sticky-done {
      position: relative; } }
  .flexible-sticky-done h6 {
    opacity: 1; }

#parallax-vedio-1 {
  display: none; }
  @media (min-width: 0px) and (max-width: 1024px) {
    #parallax-vedio-1 {
      display: none; } }

.fluid-width-video-wrapper {
  height: 100%; }

.flexible-video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  background: transparent;
  opacity: 0.8;
  color: #fff;
  pointer-events: auto; }

.flexible-background-click {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: block; }

.grid-item.flex-new-full {
  padding: 0 13px;
  margin: 0;
  background-color: #191919;
  margin: 20px 13px;
  padding: 0; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .grid-item.flex-new-full {
      margin: 20px 0; } }
  @media only screen and (max-width: 767px) {
    .grid-item.flex-new-full {
      width: 98.5%;
      margin: 20px 13px 20px 0; } }
  .grid-item.flex-new-full .flex-inner-cont {
    position: relative;
    float: left;
    width: 100%;
    height: 100%; }
    .grid-item.flex-new-full .flex-inner-cont .flex-new-img {
      width: 66%;
      overflow: hidden;
      position: relative;
      display: table-cell; }
      @media only screen and (max-width: 767px) {
        .grid-item.flex-new-full .flex-inner-cont .flex-new-img {
          display: block;
          width: 100%; } }
      .grid-item.flex-new-full .flex-inner-cont .flex-new-img img {
        width: 100%;
        display: block; }
      .grid-item.flex-new-full .flex-inner-cont .flex-new-img video {
        width: 100%; }
    .grid-item.flex-new-full .flex-inner-cont .flex-new-text {
      width: 34%;
      color: #fff;
      text-align: center;
      background: #191919;
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        .grid-item.flex-new-full .flex-inner-cont .flex-new-text {
          display: block;
          width: 100%; } }
      .grid-item.flex-new-full .flex-inner-cont .flex-new-text article {
        padding: 20px; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .grid-item.flex-new-full .flex-inner-cont .flex-new-text article {
            padding: 20px 10px 0 10px; } }
      .grid-item.flex-new-full .flex-inner-cont .flex-new-text h1, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h2, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h3, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h4 {
        font-size: 3rem;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        letter-spacing: 4px; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .grid-item.flex-new-full .flex-inner-cont .flex-new-text h1, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h2, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h3, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h4 {
            font-size: 28px; } }
        @media only screen and (max-width: 767px) {
          .grid-item.flex-new-full .flex-inner-cont .flex-new-text h1, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h2, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h3, .grid-item.flex-new-full .flex-inner-cont .flex-new-text h4 {
            font-size: 1.875rem;
            letter-spacing: 1.2px; } }
      .grid-item.flex-new-full .flex-inner-cont .flex-new-text p {
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 1.2px;
        margin: 10px 0 0 0; }
        @media (min-width: 768px) and (max-width: 1024px) {
          .grid-item.flex-new-full .flex-inner-cont .flex-new-text p {
            font-size: 14px;
            line-height: 16px; } }
        @media only screen and (max-width: 767px) {
          .grid-item.flex-new-full .flex-inner-cont .flex-new-text p {
            font-size: 13px; } }
      .grid-item.flex-new-full .flex-inner-cont .flex-new-text a {
        color: #fff; }
      .grid-item.flex-new-full .flex-inner-cont .flex-new-text .button-links {
        color: #191919;
        border-color: #fff; }
        .grid-item.flex-new-full .flex-inner-cont .flex-new-text .button-links:hover {
          color: #fff;
          border-color: #fff; }
    .grid-item.flex-new-full .flex-inner-cont:first-child {
      padding: 0; }
  .grid-item.flex-new-full.data-left .flex-new-text {
    float: left;
    position: absolute;
    height: 100%; }
    @media only screen and (max-width: 767px) {
      .grid-item.flex-new-full.data-left .flex-new-text {
        float: none;
        position: relative;
        height: initial;
        display: block; } }
    .grid-item.flex-new-full.data-left .flex-new-text article {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (max-width: 767px) {
        .grid-item.flex-new-full.data-left .flex-new-text article {
          position: relative;
          top: auto;
          transform: none; } }
  .grid-item.flex-new-full.data-left .flex-new-img {
    float: right; }
    @media only screen and (max-width: 767px) {
      .grid-item.flex-new-full.data-left .flex-new-img {
        float: none; } }

/*SHOP BY LOOK PDP styling*/
/*Shop by Look Product detail page styling*/
/* Shop by Look page styling */
/* ------------------------------------- */
@media (min-width: 0px) and (max-width: 1024px) {
  .pdp-main-wrapper.shop-by-look {
    background-attachment: initial !important;
    background-position: center 0 !important; } }

.pdp-main-wrapper.shop-by-look {
  background: #bababa; }
  .pdp-main-wrapper.shop-by-look .breadcrumb-container {
    padding: 0 24px; }

.zoom-image-main-sbl {
  text-indent: -9999px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Zoom_grey.svg") no-repeat 0 0;
  height: 24px;
  width: 24px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer; }

.selected-look {
  position: relative; }

.hotspot-tooltip {
  position: absolute;
  margin-left: -13px;
  margin-top: -13px;
  height: 26px;
  width: 26px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/hotspot.png") no-repeat 0 0;
  overflow: visible; }

.do-sticky-done.selected-look {
  position: fixed;
  top: 0; }

.product-set-container {
  padding: 0 80px 60px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .product-set-container {
      padding: 0 50px 60px; } }
  @media (min-width: 0px) and (max-width: 767px) {
    .product-set-container {
      padding: 0 12px 60px; } }
  .product-set-container .badge.bottom-left {
    top: 5px;
    left: 5px; }
  .product-set-container .product-set {
    padding: 0; }
  .product-set-container .product-set-main-image {
    padding: 0 20px 0 0;
    height: auto !important; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .product-set-container .product-set-main-image {
        padding: 0 0px 20px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .product-set-container .product-set-main-image {
        padding: 15px 0px 20px; } }
  .product-set-container .share-media-bottom {
    z-index: 16; }
  .product-set-container .product-slides-wrapper-inner {
    position: relative; }
  .product-set-container .product-tool-tip {
    top: -41px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .product-set-container .product-tool-tip {
        top: -51px; } }
  .product-set-container .explore-more-looks {
    margin-top: 60px;
    text-align: center; }
    .product-set-container .explore-more-looks a {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      padding: 0;
      line-height: 37px;
      border: 3px solid #191919;
      text-transform: uppercase;
      font-size: 16px;
      background: transparent;
      color: #191919;
      display: inline-block;
      width: auto;
      padding: 0 52px; }
    .product-set-container .explore-more-looks a:hover {
      background: #191919;
      color: #fff; }
  .product-set-container .selected-look img {
    width: 100%; }
  .product-set-container .product-set-lists {
    background: #fff;
    margin-bottom: 24px;
    padding-bottom: 50px;
    position: relative; }
    .product-set-container .product-set-lists #pdpThumbnails {
      display: none; }
    .product-set-container .product-set-lists .product-set-image {
      padding-left: 0;
      padding-right: 0;
      position: static; }
      @media (min-width: 0px) and (max-width: 767px) {
        .product-set-container .product-set-lists .product-set-image {
          position: relative; } }
    .product-set-container .product-set-lists .product-set-content {
      padding: 0 24px;
      float: right;
      text-align: center;
      position: static; }
      .product-set-container .product-set-lists .product-set-content .share-media-bottom {
        left: -235px;
        bottom: 41px; }
        @media (min-width: 0px) and (max-width: 767px) {
          .product-set-container .product-set-lists .product-set-content .share-media-bottom {
            left: 1px;
            right: 1px; } }
      .product-set-container .product-set-lists .product-set-content .product-content-header {
        min-height: 0px;
        padding: 0 0 20px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .product-set-container .product-set-lists .product-set-content .product-content-header h2 {
            padding-top: 20px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .product-set-container .product-set-lists .product-set-content .product-content-header h2 {
            padding-top: 50px; } }
      .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.size {
        padding: 0; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.size {
            width: 50%;
            margin-top: 10px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.size {
            padding-top: 10px; } }
      .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.color {
        margin-bottom: 5px; }
        @media (min-width: 0px) and (max-width: 767px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.color {
            border-bottom: 1px solid #bababa; } }
      .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.size.grid_2_2 {
        padding-left: 0;
        padding-right: 5px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.size.grid_2_2 {
            padding-right: 10px;
            width: 33%; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.size.grid_2_2 {
            padding-top: 10px;
            width: 50%; } }
      .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.length.grid_2_2 {
        padding-right: 0; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.length.grid_2_2 {
            width: 33%;
            padding-left: 0px;
            padding-right: 5px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations .attribute.length.grid_2_2 {
            padding-top: 10px;
            width: 50%; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .product-set-container .product-set-lists .product-set-content #product-content-detail .product-variations-three + .product-bottom-wrap {
          width: 33%;
          padding: 0; } }
      .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel {
        padding: 0; }
        @media (min-width: 0px) and (max-width: 767px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel {
            top: 0; } }
        .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel h4 {
          padding-right: 9px;
          float: left;
          width: 50%; }
          @media (min-width: 1023px) and (max-width: 1024px) {
            .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel h4 {
              width: 100%;
              padding: 0; } }
          .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel h4 a {
            font-size: 14px; }
        .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel h4 + h4 {
          padding-right: 0; }
        .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel .close-icon-b {
          top: -22px; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel .close-icon-b {
              top: -12px; } }
          @media (min-width: 0px) and (max-width: 767px) {
            .product-set-container .product-set-lists .product-set-content #product-content-detail .feedback-panel .close-icon-b {
              top: -32px; } }
      .product-set-container .product-set-lists .product-set-content #product-content-detail .product-bottom-wrap {
        padding: 0; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-bottom-wrap {
            width: 50%;
            float: right;
            margin-top: -47px;
            padding-left: 10px; } }
        @media (min-width: 0px) and (max-width: 767px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-bottom-wrap {
            padding-top: 10px; } }
      .product-set-container .product-set-lists .product-set-content #product-content-detail .product-add-to-cart h3 button {
        background-color: #d0021b;
        color: #fff;
        transition: 0.2s; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .product-set-container .product-set-lists .product-set-content #product-content-detail .product-add-to-cart h3 button {
            line-height: 31px; } }
      .product-set-container .product-set-lists .product-set-content #product-content-detail .product-add-to-cart h3 button:hover {
        background-color: #fff;
        color: #d0021b; }
      .product-set-container .product-set-lists .product-set-content .pdp-share-link {
        position: absolute;
        right: 0;
        bottom: 9px;
        padding: 0 24px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .product-set-container .product-set-lists .product-set-content .pdp-share-link {
            bottom: 0; } }
        .product-set-container .product-set-lists .product-set-content .pdp-share-link .middle-text {
          font-size: 14px;
          color: #191919;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          display: inline-block;
          vertical-align: top;
          line-height: 30px; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .product-set-container .product-set-lists .product-set-content .pdp-share-link .middle-text {
              margin-top: 7px; } }
        .product-set-container .product-set-lists .product-set-content .pdp-share-link .favorite {
          float: left; }
          .product-set-container .product-set-lists .product-set-content .pdp-share-link .favorite span {
            height: 17px;
            width: 17px; }
        .product-set-container .product-set-lists .product-set-content .pdp-share-link .share {
          float: right; }
          .product-set-container .product-set-lists .product-set-content .pdp-share-link .share span {
            height: 17px;
            width: 17px;
            background-size: contain; }
      .product-set-container .product-set-lists .product-set-content .share-close {
        background: transparent; }
        .product-set-container .product-set-lists .product-set-content .share-close span {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/back_icon.gif") no-repeat 0 0; }
    .product-set-container .product-set-lists .pdp-share-link {
      border: 0; }
      .product-set-container .product-set-lists .pdp-share-link .favorite {
        border: 0; }
    .product-set-container .product-set-lists .product-slides-wrapper {
      position: static; }
      .product-set-container .product-set-lists .product-slides-wrapper .badge.new-arrivals {
        right: 0;
        top: 0; }
      @media (min-width: 0px) and (max-width: 1023px) {
        .product-set-container .product-set-lists .product-slides-wrapper .bx-wrapper .bx-pager {
          bottom: -38px;
          top: auto;
          width: auto;
          left: 0;
          right: 0; } }
      .product-set-container .product-set-lists .product-slides-wrapper .pdpslide-control {
        position: absolute;
        bottom: 15px;
        left: 0;
        text-align: center; }
        @media (min-width: 0px) and (max-width: 1023px) {
          .product-set-container .product-set-lists .product-slides-wrapper .pdpslide-control {
            display: none; } }
      .product-set-container .product-set-lists .product-slides-wrapper .slider-next1 .bx-next, .product-set-container .product-set-lists .product-slides-wrapper .slider-prev1 .bx-prev {
        top: auto;
        bottom: 3px; }
      .product-set-container .product-set-lists .product-slides-wrapper .jcarousel-prev, .product-set-container .product-set-lists .product-slides-wrapper .jcarousel-next {
        display: none; }
      .product-set-container .product-set-lists .product-slides-wrapper .product-slides-list {
        padding: 0;
        margin: 0;
        position: static;
        max-height: auto;
        overflow: hidden; }
        .product-set-container .product-set-lists .product-slides-wrapper .product-slides-list li img {
          width: 100%;
          display: block; }
      .product-set-container .product-set-lists .product-slides-wrapper .zoom-image-sbl {
        text-indent: -9999px;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Zoom_grey.svg") no-repeat 0 0;
        height: 24px;
        width: 24px;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer; }

.sbl-zoomClose {
  text-indent: -9999px;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close_box_grey.svg") no-repeat 0 0;
  height: 40px;
  width: 40px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer; }

.sbl-zoomWrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/loading-small.gif") no-repeat center center #fff;
  z-index: 503; }
  .sbl-zoomWrapper .sbl-zoomImg {
    position: absolute; }
  .sbl-zoomWrapper .product-slides-wrap {
    position: fixed;
    left: 0;
    top: 50%;
    width: 65px;
    z-index: 3;
    margin-top: -180px; }
    .sbl-zoomWrapper .product-slides-wrap .sbl-thumnail-num {
      display: block;
      text-align: center;
      margin-top: 21px; }
    .sbl-zoomWrapper .product-slides-wrap .sbl-zoom-thumbnail-wrapper {
      border-bottom: 1px solid #bababa;
      border-top: 1px solid #bababa; }
      .sbl-zoomWrapper .product-slides-wrap .sbl-zoom-thumbnail-wrapper .bx-controls-direction a {
        margin-top: 0;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small.svg") no-repeat scroll 0 0; }
      .sbl-zoomWrapper .product-slides-wrap .sbl-zoom-thumbnail-wrapper .bx-prev {
        top: -13px;
        left: 26px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-transform: rotate(90deg); }
      .sbl-zoomWrapper .product-slides-wrap .sbl-zoom-thumbnail-wrapper .bx-next {
        right: auto;
        left: 26px;
        top: auto;
        bottom: -17px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -ms-transform: rotate(-90deg); }
    .sbl-zoomWrapper .product-slides-wrap ul {
      padding: 0;
      margin: 0; }
    .sbl-zoomWrapper .product-slides-wrap li {
      font-size: 0;
      position: relative;
      overflow: hidden; }
      .sbl-zoomWrapper .product-slides-wrap li a {
        cursor: pointer;
        display: block;
        height: 84px;
        width: 65px; }
        .sbl-zoomWrapper .product-slides-wrap li a img {
          display: block;
          width: 100%; }
      .sbl-zoomWrapper .product-slides-wrap li .selected-overlay {
        display: none;
        z-index: 15;
        left: 0;
        position: absolute;
        text-indent: -9999px;
        top: 0;
        bottom: 0;
        width: 65px;
        background: rgba(0, 0, 0, 0.3);
        border-bottom: 3px solid #333; }
      .sbl-zoomWrapper .product-slides-wrap li.selected .selected-overlay {
        display: block; }

/*MY BAG styling*/
.checkout-login-dialog .ui-dialog-content {
  padding: 10px 30px 20px; }
.checkout-login-dialog .account-login {
  background-color: #fff; }
  .checkout-login-dialog .account-login .col-1 {
    width: 100%; }
    .checkout-login-dialog .account-login .col-1 h2.section-header {
      padding-bottom: 30px; }
    .checkout-login-dialog .account-login .col-1 .guest-checkout {
      border-top: none;
      float: right;
      width: 50%;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      padding: 10px;
      padding-left: 25px;
      margin: 0;
      position: relative; }
      .checkout-login-dialog .account-login .col-1 .guest-checkout p {
        line-height: 24px; }
      .checkout-login-dialog .account-login .col-1 .guest-checkout button {
        margin-top: 52px;
        background-color: #d0021b;
        border: 2px solid #d0021b;
        transition: 0.2s; }
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          .checkout-login-dialog .account-login .col-1 .guest-checkout button {
            margin-top: 58px; } }
        .checkout-login-dialog .account-login .col-1 .guest-checkout button:hover {
          background-color: #fff;
          color: #d0021b; }
    .checkout-login-dialog .account-login .col-1 .login-account {
      width: 50%;
      padding-right: 20px;
      float: left;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      padding: 10px;
      margin: 0;
      position: relative;
      border: 1px solid #bababa; }
      .checkout-login-dialog .account-login .col-1 .login-account .remember-me input[type="checkbox"] {
        float: left;
        margin: 0px 5px 0px 0px;
        height: 15px;
        width: 15px;
        padding: 0; }
      .checkout-login-dialog .account-login .col-1 .login-account .remember-me label {
        text-transform: none !important; }
      .checkout-login-dialog .account-login .col-1 .login-account button {
        background-color: #191919;
        border: 2px solid #191919; }
        .checkout-login-dialog .account-login .col-1 .login-account button:hover {
          background-color: #fff;
          color: #191919; }
.checkout-login-dialog .ui-dialog-titlebar {
  height: 33px;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  z-index: 1500;
  background: none;
  border: 0; }
  .checkout-login-dialog .ui-dialog-titlebar .ui-dialog-title {
    display: none; }
  .checkout-login-dialog .ui-dialog-titlebar .ui-icon-closethick {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close.svg") no-repeat 0 0;
    height: 14px;
    width: 14px;
    margin-top: 12px; }
  .checkout-login-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: 0px;
    top: 0%;
    width: 35px;
    margin: 0px;
    padding: 0px;
    height: 40px; }
  .checkout-login-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-all:hover {
    border: none;
    color: none;
    background: none; }

.signin-new.ui-dialog .ui-dialog-content {
  padding: 0 !important; }

.mini-cart-holder.my-bag-selected {
  background-color: #191919; }

.ui-widget-content.quickview {
  padding: 0; }

.quickview .product-content-header ul.product-desc {
  text-transform: capitalize;
  text-align: left;
  padding: 0; }
  .quickview .product-content-header ul.product-desc li span:before {
    content: '\2022';
    margin-right: 6px; }
.quickview .size-info {
  display: none; }
.quickview .ui-dialog-titlebar {
  height: 33px;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
  z-index: 1500;
  background: none;
  border: 0; }
  .quickview .ui-dialog-titlebar .ui-dialog-title {
    display: none; }
  .quickview .ui-dialog-titlebar .ui-icon-closethick {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/Close.svg") no-repeat 0 0;
    height: 14px;
    width: 14px;
    margin-top: 12px; }
  .quickview .ui-dialog-titlebar .ui-dialog-titlebar-close {
    position: absolute;
    right: 0px;
    top: 0%;
    width: 35px;
    margin: 0px;
    padding: 0px;
    height: 40px; }
  .quickview .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-corner-all:hover {
    border: none;
    color: none;
    background: none; }

#QuickViewDialog.ui-widget-content {
  padding: 0 0px 0px 0px; }

#QuickViewDialog {
  overflow-y: hidden; }
  #QuickViewDialog .jspVerticalBar {
    width: 14px; }
  #QuickViewDialog #pdpThumbnails, #QuickViewDialog .zoom-image-sbl {
    display: none; }
  #QuickViewDialog .middle-text {
    float: left;
    padding: 2% 0px;
    color: #191919;
    text-align: center;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  #QuickViewDialog .product-content-header {
    min-height: 0;
    padding: 0;
    padding-bottom: 63px; }
  #QuickViewDialog .pdp-share-link {
    border-bottom: none;
    padding-top: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #QuickViewDialog .pdp-share-link .favorite {
        width: 50%; } }
  #QuickViewDialog .product-slides-wrapper .pdpslide-control {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center; }
    #QuickViewDialog .product-slides-wrapper .pdpslide-control .bx-prev, #QuickViewDialog .product-slides-wrapper .pdpslide-control .bx-next {
      top: auto;
      bottom: 3px; }
  #QuickViewDialog .product-slides-wrapper .slider-prev1 .bx-prev, #QuickViewDialog .product-slides-wrapper .slider-next1 .bx-next {
    background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/arrow_small.svg") 0 0 no-repeat;
    cursor: pointer;
    height: 10px;
    position: absolute;
    left: 20px;
    width: 10px;
    z-index: 15;
    text-indent: -999999px; }
  #QuickViewDialog .product-slides-wrapper .slider-next1 .bx-next {
    left: auto;
    right: 20px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); }
  #QuickViewDialog .left-pdp-sec {
    background: none;
    width: 50%; }
  #QuickViewDialog .pdp-main {
    width: 100%; }
    #QuickViewDialog .pdp-main .product-col-2.product-detail {
      width: 50%;
      padding-right: 24px; }
    #QuickViewDialog .pdp-main .pdp-main-1 {
      background-image: none !important;
      width: 50%;
      padding-top: 30px;
      border: 0;
      box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -webkit-box-shadow: none; }
      #QuickViewDialog .pdp-main .pdp-main-1 .pdp-explore-main {
        width: 100%;
        float: left; }
        #QuickViewDialog .pdp-main .pdp-main-1 .pdp-explore-main .product-image-sec {
          width: 100%;
          float: none;
          padding: 0;
          min-height: 0;
          clear: both; }
          #QuickViewDialog .pdp-main .pdp-main-1 .pdp-explore-main .product-image-sec .product-slides-wrapper {
            max-height: none;
            padding: 0;
            overflow: visible; }
            #QuickViewDialog .pdp-main .pdp-main-1 .pdp-explore-main .product-image-sec .product-slides-wrapper .badge.new-arrivals {
              right: 0;
              top: 0; }

.cart-header {
  background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/black-transparent.png") repeat 0 0 #191919;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  z-index: 1; }
  @media screen and (max-width: 767px) and (min-width: 0px) {
    .cart-header {
      display: none; } }
  .cart-header h2 {
    color: #fff;
    font-size: 32px;
    letter-spacing: 2px;
    padding: 6px 0 6px; }

.cart-wrapper {
  background-color: #f0f0f0;
  width: 100%;
  margin: 0;
  padding-bottom: 25px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .cart-wrapper {
      padding-bottom: 10px; } }
  .cart-wrapper .cart-action-continue-shopping {
    display: none; }
  .cart-wrapper .tbody-data.row {
    padding: 0 0 10px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .cart-wrapper .tbody-data.row {
        position: relative; } }
    .cart-wrapper .tbody-data.row .item-image {
      padding: 0; }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-wrapper .tbody-data.row .item-image {
          padding-top: 25px; } }
      @media (min-width: 768px) {
        .cart-wrapper .tbody-data.row .item-image {
          padding-top: 20px; } }
      .cart-wrapper .tbody-data.row .item-image a {
        display: block; }
      .cart-wrapper .tbody-data.row .item-image img {
        display: block;
        max-width: 100%; }
  .cart-wrapper .not-available-text {
    padding-top: 30px; }
    @media (min-width: 0px) and (max-width: 767px) {
      .cart-wrapper .not-available-text {
        padding-top: 13px; } }
  .cart-wrapper .cont-shopping {
    padding-top: 20px;
    padding-bottom: 60px; }
    .cart-wrapper .cont-shopping .continue {
      padding: 8px 50px 8px 50px;
      text-align: center;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      margin-top: 20px; }
  .cart-wrapper .primary-content {
    padding: 0 25px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .cart-wrapper .primary-content {
        padding: 0 13px;
        width: 74%; } }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .primary-content {
        padding: 0 8px; } }
    .cart-wrapper .primary-content .system-error .error-form {
      color: #d0021b; }
    .cart-wrapper .primary-content .head-data-mobile {
      z-index: 499;
      top: 15px;
      left: 0%;
      font-weight: bold;
      text-transform: uppercase;
      background: white;
      padding-left: 3%;
      padding-top: 6px; }
      @media (min-width: 768px) {
        .cart-wrapper .primary-content .head-data-mobile {
          display: none; } }
    .cart-wrapper .primary-content .cart-empty {
      background-color: #fff;
      padding-left: 25px;
      padding-right: 24px; }
      .cart-wrapper .primary-content .cart-empty .empty-bag-title {
        padding-top: 50px;
        text-transform: uppercase;
        padding-bottom: 15px;
        font-size: 24px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
      .cart-wrapper .primary-content .cart-empty .empty-header {
        margin-bottom: 18px;
        font-size: 18px;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        padding-top: 30px;
        text-transform: uppercase; }
    .cart-wrapper .primary-content .section-header.last-child {
      padding-right: 0;
      text-align: left; }
      @media (min-width: 1024px) {
        .cart-wrapper .primary-content .section-header.last-child {
          text-align: center; } }
    .cart-wrapper .primary-content .section-header.first-child {
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      padding: 0px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .cart-wrapper .primary-content .section-header.first-child {
          font-size: 16px; } }
      .cart-wrapper .primary-content .section-header.first-child > span {
        font-family: "TradeGothicLTPro", Arial, sans-serif;
        font-size: 13px;
        color: #bababa;
        text-transform: initial;
        line-height: 23px;
        display: inline-block;
        vertical-align: top;
        padding-left: 6px; }
  .cart-wrapper .continue-shopping {
    cursor: pointer;
    text-align: center;
    width: auto;
    display: inline-block;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    vertical-align: top;
    padding: 4px 0px 0px 0px;
    border: none;
    border-bottom: 1px solid black;
    height: auto; }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .continue-shopping {
        display: none; } }
  .cart-wrapper .continue-shopping-mobile {
    cursor: pointer;
    text-align: center;
    width: auto;
    display: inline-block;
    font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
    vertical-align: top;
    padding: 4px 0px 0px 0px;
    border: none;
    border-bottom: 1px solid black;
    height: auto;
    display: none; }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .continue-shopping-mobile {
        display: inline-block;
        font-size: 14px; } }
  .cart-wrapper .tabling-data {
    background-color: #fff;
    margin-top: 8px;
    padding: 0 25px 0;
    letter-spacing: 0.05em; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .cart-wrapper .tabling-data {
        padding: 0 13px 0; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .cart-wrapper .tabling-data {
        padding: 0 8px 0;
        margin-top: 0px; } }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .tabling-data .mobile-hide {
        display: none; } }
    .cart-wrapper .tabling-data hr {
      margin: 0;
      border: 0px;
      border-bottom: 1px solid #191919; }
    .cart-wrapper .tabling-data .thead-data {
      padding: 20px 0 20px 0; }
      .cart-wrapper .tabling-data .thead-data h3 {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .cart-wrapper .tabling-data .thead-data h3 {
            font-size: 16px; } }
      @media only screen and (max-width: 767px) {
        .cart-wrapper .tabling-data .thead-data {
          display: none; } }
    .cart-wrapper .tabling-data .item-seperator {
      border-bottom: 1px solid #bababa; }
    .cart-wrapper .tabling-data .item-seperator:last-child {
      display: none; }
  .cart-wrapper .primary-product-detail {
    padding: 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      .cart-wrapper .primary-product-detail {
        position: static;
        border-bottom: 0px solid #bababa;
        padding-bottom: 5px;
        padding-top: 13px; } }
    .cart-wrapper .primary-product-detail .item-image {
      padding: 0; }
      .cart-wrapper .primary-product-detail .item-image a {
        display: block; }
      .cart-wrapper .primary-product-detail .item-image img {
        display: block;
        width: 100%; }
    .cart-wrapper .primary-product-detail .item-details {
      padding: 20px 20px 16px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .cart-wrapper .primary-product-detail .item-details {
          padding: 20px 0px 10px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-wrapper .primary-product-detail .item-details {
          padding: 10px 10px 0px 0px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-wrapper .primary-product-detail .item-details .product-list-item .name-wrapper {
          position: relative;
          left: 0;
          top: 0; }
          .cart-wrapper .primary-product-detail .item-details .product-list-item .name-wrapper .name, .cart-wrapper .primary-product-detail .item-details .product-list-item .name-wrapper .product-group {
            display: block;
            font-size: 16px; } }
      .cart-wrapper .primary-product-detail .item-details .product-list-item .whishlist-msg-opti {
        display: block;
        padding-top: 4px; }
      .cart-wrapper .primary-product-detail .item-details .product-list-item .name, .cart-wrapper .primary-product-detail .item-details .product-list-item .product-group {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        text-transform: uppercase; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .cart-wrapper .primary-product-detail .item-details .product-list-item .name, .cart-wrapper .primary-product-detail .item-details .product-list-item .product-group {
            font-size: 14px; } }
      .cart-wrapper .primary-product-detail .item-details .product-list-item .product-group {
        font-size: 16px;
        color: #bababa; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .cart-wrapper .primary-product-detail .item-details .product-list-item .product-group {
            font-size: 14px; } }
      .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute {
        padding-top: 10px; }
        .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute.optimise-size {
          display: inline-block; }
        .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute.optimise-length {
          display: inline-block;
          padding-left: 0px; }
        @media (min-width: 0px) and (max-width: 767px) {
          .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute {
            display: inline; }
            .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute.color {
              display: block;
              padding-bottom: 5px;
              padding-top: 0; }
            .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute.optimise-size {
              display: inline; }
            .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute.optimise-length {
              display: inline; } }
        @media (min-width: 768px) and (max-width: 1023px) {
          .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute {
            padding-top: 3px; } }
        .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute .label {
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-size: 13px;
          text-transform: uppercase; }
          @media (min-width: 0px) and (max-width: 1023px) {
            .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute .label {
              font-size: 12px; } }
        .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute .value {
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-size: 13px;
          color: #808080; }
          @media (min-width: 768px) and (max-width: 1023px) {
            .cart-wrapper .primary-product-detail .item-details .product-list-item .attribute .value {
              font-size: 12px; } }
    .cart-wrapper .primary-product-detail .item-link {
      width: 100%;
      float: left;
      padding: 0 0px 0 20px;
      position: relative; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .cart-wrapper .primary-product-detail .item-link {
          padding: 0 0 0 0px; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-wrapper .primary-product-detail .item-link {
          right: 53%;
          width: 100%;
          bottom: 10px;
          border-top: 0px solid #bababa;
          left: auto;
          position: absolute;
          padding: 7px 0 0; } }
      .cart-wrapper .primary-product-detail .item-link .item-user-actions {
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 14px; }
        @media (min-width: 0px) and (max-width: 767px) {
          .cart-wrapper .primary-product-detail .item-link .item-user-actions {
            float: right; } }
        .cart-wrapper .primary-product-detail .item-link .item-user-actions .edit-details, .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt {
          text-decoration: underline;
          font-size: 16px;
          width: auto;
          text-align: left;
          color: #bababa; }
          .cart-wrapper .primary-product-detail .item-link .item-user-actions .edit-details a, .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt a {
            color: #bababa; }
          .cart-wrapper .primary-product-detail .item-link .item-user-actions .edit-details span, .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt span {
            color: #bababa; }
          @media only screen and (min-width: 768px) {
            .cart-wrapper .primary-product-detail .item-link .item-user-actions .edit-details, .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt {
              padding-left: 0px; } }
          @media only screen and (max-width: 767px) {
            .cart-wrapper .primary-product-detail .item-link .item-user-actions .edit-details, .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt {
              text-align: center;
              font-size: 14px; } }
        .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt {
          width: auto;
          font-size: 16px;
          border-left: 1px solid #bababa; }
          @media (min-width: 768px) {
            .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt {
              padding-left: 8px; } }
          @media (min-width: 0px) and (max-width: 767px) {
            .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt {
              font-size: 14px; } }
          .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt .in-wishlist {
            font-size: 13px; }
          .cart-wrapper .primary-product-detail .item-link .item-user-actions .wish-list-txt a {
            text-decoration: underline; }
        .cart-wrapper .primary-product-detail .item-link .item-user-actions .in-wishlist-wrapper {
          width: 280px;
          padding-top: 5px;
          padding-left: 0;
          padding-right: 0;
          clear: left;
          border-left: 0px;
          text-decoration: none; }
          @media (min-width: 0px) and (max-width: 767px) {
            .cart-wrapper .primary-product-detail .item-link .item-user-actions .in-wishlist-wrapper {
              width: 143px;
              clear: none;
              padding-top: 0;
              border-left: 1px solid #000;
              padding-left: 10px; } }
        .cart-wrapper .primary-product-detail .item-link .item-user-actions .remove-bag-item {
          border-left: 1px solid #bababa;
          padding: 0 0 0 10px;
          margin: 0 0px 0 0;
          width: auto; }
          .cart-wrapper .primary-product-detail .item-link .item-user-actions .remove-bag-item .remove-product {
            background-color: white;
            padding: 0;
            text-align: left;
            width: auto; }
            .cart-wrapper .primary-product-detail .item-link .item-user-actions .remove-bag-item .remove-product > span {
              color: #bababa;
              text-transform: uppercase;
              font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
              font-size: 16px;
              text-decoration: underline; }
              @media (min-width: 0px) and (max-width: 767px) {
                .cart-wrapper .primary-product-detail .item-link .item-user-actions .remove-bag-item .remove-product > span {
                  font-size: 14px; } }
      .cart-wrapper .primary-product-detail .item-link.bonus-prod .item-user-actions .wish-list-txt {
        border-left: 0;
        padding-left: 0; }
  .cart-wrapper .secondary-product-detail {
    padding: 0; }
    @media (min-width: 0px) and (max-width: 767px) {
      .cart-wrapper .secondary-product-detail {
        padding: 0;
        float: left; }
        .cart-wrapper .secondary-product-detail .product-details-template {
          padding-left: 0; } }
    .cart-wrapper .secondary-product-detail .price-standard {
      color: #d0021b;
      text-decoration: line-through; }
    .cart-wrapper .secondary-product-detail .price-unadjusted {
      text-decoration: line-through;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .price-unadjusted {
          text-align: right;
          margin: 0; } }
    .cart-wrapper .secondary-product-detail .price-adjusted-total {
      color: #d0021b; }
    .cart-wrapper .secondary-product-detail .promo-adjustment {
      color: #d0021b; }
      @media only screen and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .promo-adjustment {
          text-align: left;
          width: 100%;
          float: left;
          margin: 5px 0;
          font-size: 10px; } }
      .cart-wrapper .secondary-product-detail .promo-adjustment p {
        text-align: right !important; }
        @media only screen and (max-width: 767px) {
          .cart-wrapper .secondary-product-detail .promo-adjustment p {
            text-align: left !important;
            margin: 5px 0; } }
    .cart-wrapper .secondary-product-detail .price-adjusted-total {
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .price-adjusted-total {
          float: right; } }
    .cart-wrapper .secondary-product-detail .price-adjusted-total, .cart-wrapper .secondary-product-detail .price-total {
      font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .secondary-product-detail .price-adjusted-total {
        float: right; } }
    .cart-wrapper .secondary-product-detail .section-header {
      display: none; }
      @media only screen and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .section-header {
          display: block;
          float: left;
          width: 35%;
          font-size: 12px;
          font-family: "TradeGothicLTPro", Arial, sans-serif; } }
    .cart-wrapper .secondary-product-detail .item-price {
      padding-left: 0; }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .item-price p {
          text-align: left;
          float: left; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .cart-wrapper .secondary-product-detail .item-total .section-header {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 15px; } }
    .cart-wrapper .secondary-product-detail .item-price, .cart-wrapper .secondary-product-detail .item-total {
      padding-top: 20px; }
      @media only screen and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .item-price, .cart-wrapper .secondary-product-detail .item-total {
          padding-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .secondary-product-detail .price-sales, .cart-wrapper .secondary-product-detail .price-total {
        margin: 0;
        float: right; } }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .secondary-product-detail .price-total {
        padding-top: 3px; } }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .secondary-product-detail .price-promotion {
        float: right;
        text-align: right; } }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .secondary-product-detail .price-promotion .price-standard {
        margin-top: 0px; } }
    .cart-wrapper .secondary-product-detail .product-availability-list {
      padding: 0;
      font-size: 14px;
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      color: #d0021b; }
      @media only screen and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .product-availability-list {
          padding-left: 0;
          margin: 5px 0; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .cart-wrapper .secondary-product-detail .product-availability-list {
          padding-left: 0;
          text-align: right; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .product-availability-list {
          text-align: left;
          width: 100%; } }
    .cart-wrapper .secondary-product-detail .item-total {
      padding-right: 0;
      text-align: right; }
      @media (min-width: 768px) {
        .cart-wrapper .secondary-product-detail .item-total p {
          margin-top: 0;
          font-weight: bold; } }
      @media only screen and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .item-total {
          padding: 5px 0 0 0;
          text-align: left; }
          .cart-wrapper .secondary-product-detail .item-total p {
            text-align: left;
            float: left;
            font-size: 12px;
            margin: 0;
            padding-top: 0; }
            .cart-wrapper .secondary-product-detail .item-total p.price-unadjusted {
              padding-right: 5px; }
            .cart-wrapper .secondary-product-detail .item-total p.bonus-item {
              padding-right: 10px; } }
    .cart-wrapper .secondary-product-detail .item-quantity {
      padding: 20px 0 0; }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-wrapper .secondary-product-detail .item-quantity {
          padding-top: 0px; } }
      .cart-wrapper .secondary-product-detail .item-quantity .bonus-item-qty {
        margin-top: 0;
        padding-left: 40px; }
      .cart-wrapper .secondary-product-detail .item-quantity .decrease-quantity, .cart-wrapper .secondary-product-detail .item-quantity .increase-quantity {
        width: 26px;
        text-align: center;
        height: 20px;
        cursor: pointer;
        float: left;
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/pluse-minus-sprite.png") center -34px no-repeat;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        display: block;
        position: relative;
        z-index: 1; }
        @media (min-width: 0px) and (max-width: 1023px) {
          .cart-wrapper .secondary-product-detail .item-quantity .decrease-quantity, .cart-wrapper .secondary-product-detail .item-quantity .increase-quantity {
            width: 20px; } }
      .cart-wrapper .secondary-product-detail .item-quantity .input-text {
        width: auto;
        height: 20px;
        text-align: center;
        float: left;
        padding: 4px;
        background-color: #fff;
        border: 1px solid #191919; }
        @media only screen and (min-width: 768px) {
          .cart-wrapper .secondary-product-detail .item-quantity .input-text {
            margin-top: 1px; } }
      .cart-wrapper .secondary-product-detail .item-quantity .increase-quantity {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/pluse-minus-sprite.png") center 5px no-repeat;
        float: left; }
  .cart-wrapper .nav.cart {
    background-color: #fff;
    border: 0;
    margin-top: 0px;
    padding: 15px 25px;
    border-top: 0;
    border-right: 0; }
    @media only screen and (min-width: 768px) {
      .cart-wrapper .nav.cart {
        margin-top: 31px; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .cart-wrapper .nav.cart {
        padding: 13px 0 13px  8px;
        width: 26%; } }
    @media only screen and (max-width: 767px) {
      .cart-wrapper .nav.cart {
        margin: 8px;
        padding: 8px;
        border-left: none;
        margin-top: 0;
        border-top: 10px solid #f0f0f0; } }
    .cart-wrapper .nav.cart .cart-promo-approaching {
      color: #d0021b;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 15px;
      font-size: 16px; }
    .cart-wrapper .nav.cart .cart-last-visited {
      text-align: center; }
      .cart-wrapper .nav.cart .cart-last-visited .product-standard-price {
        color: #d0021b;
        text-align: left;
        text-decoration: line-through; }
      .cart-wrapper .nav.cart .cart-last-visited .product-total-discount {
        color: #d0021b;
        margin: 0 10px;
        text-align: center; }
      .cart-wrapper .nav.cart .cart-last-visited .product-discounted-price .product-sales-price {
        color: #191919;
        text-align: right; }
      .cart-wrapper .nav.cart .cart-last-visited .product-text-content {
        padding: 0; }
      .cart-wrapper .nav.cart .cart-last-visited .bx-wrapper .bx-prev {
        left: -9px !important; }
      .cart-wrapper .nav.cart .cart-last-visited .bx-wrapper .bx-next {
        right: -10px !important; }
      .cart-wrapper .nav.cart .cart-last-visited .product-swatch {
        display: none; }
      .cart-wrapper .nav.cart .cart-last-visited .product-name {
        font-size: 1.231em;
        margin: 0;
        font-weight: normal;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        text-transform: uppercase;
        margin-bottom: 3px; }
    .cart-wrapper .nav.cart .return-item-msg {
      background-color: #f0f0f0;
      padding: 25px;
      display: inline-block; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .cart-wrapper .nav.cart .return-item-msg {
          padding: 13px;
          width: 95%; } }
    .cart-wrapper .nav.cart .icon-return {
      width: 20%;
      float: left; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .cart-wrapper .nav.cart .icon-return {
          width: 100%; } }
      .cart-wrapper .nav.cart .icon-return img {
        width: 35px;
        height: 35px; }
    .cart-wrapper .nav.cart .return-txt {
      width: 80%;
      padding-left: 20px;
      float: left; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .cart-wrapper .nav.cart .return-txt {
          padding: 10px 0 0;
          width: 100%; } }
      .cart-wrapper .nav.cart .return-txt h3 {
        font-size: 16px; }
      .cart-wrapper .nav.cart .return-txt p {
        font-size: 13px;
        margin: 9px 0 0; }
    .cart-wrapper .nav.cart .order-totals-table {
      width: 100%;
      line-height: 1.3;
      font-size: 18px;
      color: #808080;
      text-transform: uppercase;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      letter-spacing: 0.029em;
      line-height: 25px; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .cart-wrapper .nav.cart .order-totals-table {
          font-size: 14px;
          letter-spacing: 0.5px;
          width: 95%; } }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-wrapper .nav.cart .order-totals-table {
          font-size: 16px; } }
      .cart-wrapper .nav.cart .order-totals-table .discount {
        color: #d0021b; }
      .cart-wrapper .nav.cart .order-totals-table hr {
        border: none;
        border-bottom: 1px solid #bababa;
        margin: 0;
        padding: 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .cart-wrapper .nav.cart .order-totals-table hr {
            padding: 5px; } }
      .cart-wrapper .nav.cart .order-totals-table .cart-secondary.cart-coupon-code {
        font-size: 16px;
        margin-top: 5px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .cart-wrapper .nav.cart .order-totals-table .cart-secondary.cart-coupon-code {
            font-size: 14px; } }
      .cart-wrapper .nav.cart .order-totals-table .order-subtotal {
        color: #191919; }
      .cart-wrapper .nav.cart .order-totals-table .value {
        float: right; }
      .cart-wrapper .nav.cart .order-totals-table .order-total {
        padding: 20px 0;
        color: #191919; }
        @media (min-width: 0px) and (max-width: 1023px) {
          .cart-wrapper .nav.cart .order-totals-table .order-total {
            padding: 10px 0; } }
    .cart-wrapper .nav.cart .cart-action-checkout {
      padding-top: 0px;
      overflow: hidden; }
      .cart-wrapper .nav.cart .cart-action-checkout .op_unaun_login, .cart-wrapper .nav.cart .cart-action-checkout .op_unaun_guest {
        display: inline-block;
        width: 49%;
        float: left; }
        .cart-wrapper .nav.cart .cart-action-checkout .op_unaun_login button, .cart-wrapper .nav.cart .cart-action-checkout .op_unaun_guest button {
          padding: 10px; }
      .cart-wrapper .nav.cart .cart-action-checkout .op_unaun_guest {
        float: right; }
      .cart-wrapper .nav.cart .cart-action-checkout .optimized_cart_buttons {
        overflow: hidden; }
        @media screen and (max-width: 767px) and (min-width: 0px) {
          .cart-wrapper .nav.cart .cart-action-checkout .optimized_cart_buttons {
            background: #E0DDDD;
            z-index: 499;
            position: fixed;
            left: 0;
            bottom: 0px;
            display: block;
            width: 100%;
            line-height: 40px;
            padding: 7px 20px;
            margin-bottom: 0px; } }
        @media screen and (max-width: 767px) and (min-width: 0px) {
          .cart-wrapper .nav.cart .cart-action-checkout .optimized_cart_buttons button {
            min-height: auto;
            font-size: 18px;
            padding-top: 6px;
            padding-bottom: 4px;
            vertical-align: bottom; } }
      .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button[disabled] .optimise_cart_lock {
        pointer-events: none; }
      .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 0.029em;
        border: 3px solid #d0021b;
        background-color: #d0021b;
        -moz-transition-property: none;
        -webkit-transition-property: none;
        -o-transition-property: none;
        transition-property: none; }
        .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button .optimise_cart_lock {
          background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/spritesheet_lock.png") no-repeat;
          width: 15px;
          height: 15px;
          display: inline-block;
          margin-right: 8px;
          background-position: -45px -10px; }
        .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button.guest-black {
          border: 3px solid black;
          background-color: black; }
          .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button.guest-black:hover {
            background-color: #fff;
            color: black; }
        .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button:hover, .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button:active {
          background-color: #fff;
          color: #d0021b; }
          .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button:hover .optimise_cart_lock, .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button:active .optimise_cart_lock {
            background-position: -10px -10px; }
        @media (min-width: 768px) and (max-width: 1023px) {
          .cart-wrapper .nav.cart .cart-action-checkout .continue-checkout-button {
            font-size: 16px;
            width: 95%; } }
    .cart-wrapper .nav.cart .promotional-code {
      text-decoration: underline;
      cursor: pointer; }
    .cart-wrapper .nav.cart .cart-coupon.hidden {
      display: none; }
    .cart-wrapper .nav.cart .cart-coupon .coupon-list {
      margin: 0;
      padding: 0; }
      .cart-wrapper .nav.cart .cart-coupon .coupon-list li.coupon-header {
        color: #d0021b;
        line-height: normal;
        display: inline-block;
        width: auto; }
      .cart-wrapper .nav.cart .cart-coupon .coupon-list li.coupon-code {
        width: auto;
        margin-top: 0px;
        line-height: normal;
        color: #d0021b;
        margin-bottom: 0px;
        display: inline-block; }
      .cart-wrapper .nav.cart .cart-coupon .coupon-list li.coupon-button button {
        width: auto;
        background: transparent;
        color: #191919;
        text-decoration: underline;
        text-transform: uppercase;
        padding: 0;
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        margin-bottom: 10px; }
    .cart-wrapper .nav.cart .cart-coupon .coupon-code {
      width: 100%;
      margin-top: 10px;
      margin-bottom: 10px; }
    .cart-wrapper .nav.cart .cart-coupon .coupon-error {
      font-family: "TradeGothicLTPro", Arial, sans-serif;
      font-size: 13px;
      text-transform: none;
      color: #d0021b; }
    .cart-wrapper .nav.cart .cart-coupon #add-coupon {
      width: auto;
      padding: 8px 25px 8px 25px;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.05em; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .cart-wrapper .nav.cart .cart-coupon #add-coupon {
          font-size: 16px; } }

.pt_cart .breadcrumb-container {
  background-color: #f0f0f0; }
  .pt_cart .breadcrumb-container ol.breadcrumb {
    margin-left: 20px; }
.pt_cart .cart-text-content {
  position: relative;
  width: 100%;
  float: left;
  background-color: #f0f0f0; }
  .pt_cart .cart-text-content .contextual-content {
    background-color: #f0f0f0 !important; }
.pt_cart .mybag-recent-youmay {
  background: none;
  margin: 0;
  padding: 0;
  float: none; }
  @media only screen and (min-width: 1025px) {
    .pt_cart .mybag-recent-youmay {
      display: none; } }
.pt_cart .recommendations {
  background-color: #f0f0f0;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 25px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .pt_cart .recommendations {
      padding-top: 0;
      padding-bottom: 25px; } }
  .pt_cart .recommendations .youmayalsolike {
    background-color: #fff;
    margin: 0 25px;
    padding: 43px 0 60px;
    float: none; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .pt_cart .recommendations .youmayalsolike {
        margin-left: 13px;
        margin-right: 13px; } }
    @media (min-width: 0px) and (max-width: 767px) {
      .pt_cart .recommendations .youmayalsolike {
        margin-left: 8px;
        margin-right: 8px;
        padding: 10px 0 40px; } }
    .pt_cart .recommendations .youmayalsolike .you-may-like-slider .product-image {
      width: auto;
      height: auto;
      float: left; }
      .pt_cart .recommendations .youmayalsolike .you-may-like-slider .product-image img {
        width: 100%; }
    .pt_cart .recommendations .youmayalsolike .you-may-like-slider .product-description {
      text-align: center;
      float: left;
      width: 100%; }
      .pt_cart .recommendations .youmayalsolike .you-may-like-slider .product-description .product-text-content {
        padding: 0;
        margin: 0; }
        .pt_cart .recommendations .youmayalsolike .you-may-like-slider .product-description .product-text-content .product-swatch {
          width: 100%;
          float: left;
          border: 1px solid #e4e4e4;
          border-width: 1px 0 1px 0;
          font-size: 10px;
          color: #a2a2a2;
          padding-bottom: 5px;
          padding-top: 5px; }
        .pt_cart .recommendations .youmayalsolike .you-may-like-slider .product-description .product-text-content .product-name {
          width: 100%;
          float: left;
          font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
          font-size: 14px;
          padding: 5px 0; }
        .pt_cart .recommendations .youmayalsolike .you-may-like-slider .product-description .product-text-content .product-price {
          color: #191919;
          font-family: "TradeGothicLTPro", Arial, sans-serif;
          font-size: 13px;
          float: left;
          width: 100%;
          padding-bottom: 10px; }
    .pt_cart .recommendations .youmayalsolike .may-like-header {
      font-size: 32px; }
      @media only screen and (max-width: 767px) {
        .pt_cart .recommendations .youmayalsolike .may-like-header {
          padding-bottom: 20px; } }
    .pt_cart .recommendations .youmayalsolike .bx-wrapper .bx-controls-direction a {
      width: 40px;
      height: 40px; }
    .pt_cart .recommendations .youmayalsolike .bx-wrapper .bx-controls-direction a {
      width: 40px;
      height: 40px; }
    .pt_cart .recommendations .youmayalsolike .product-text-content {
      padding-left: 0; }
    .pt_cart .recommendations .youmayalsolike h2 {
      text-align: center;
      padding-bottom: 30px; }
    .pt_cart .recommendations .youmayalsolike .product-description {
      text-align: center; }
      .pt_cart .recommendations .youmayalsolike .product-description .product-name {
        font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
        font-size: 14px; }

.my-bag-product-list {
  padding: 0;
  margin: 0; }

.system-error {
  background: #fff;
  padding: 20px;
  margin-bottom: 25px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .system-error {
      margin-bottom: 0px;
      margin-top: 25px; } }
  .system-error .error-form {
    margin: 0;
    padding: 0;
    font-family: "TradeGothicLTPro", Arial, sans-serif; }

.order-discount .form-field-tooltip.tooltip-help {
  display: inline-block; }

.checkout-button-duplicate {
  display: none; }
  @media only screen and (max-width: 767px) {
    .checkout-button-duplicate {
      display: block;
      font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: 0.029em;
      border: 3px solid #d0021b;
      background-color: #d0021b;
      display: inline-block;
      width: 48%;
      color: #FFF;
      text-align: center;
      padding: 7px 0px;
      margin-top: 20px;
      float: right;
      transition: 0.2s; }
      .checkout-button-duplicate:hover {
        background-color: #fff;
        color: #d0021b; } }

.pending-tax-text {
  font-size: 13px;
  text-align: left;
  margin: 5px 0; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pending-tax-text {
      width: 95%; } }

.pending-taxes .pending-tax-text {
  text-align: center; }

.shop-message-benefit {
  text-align: left; }
  .shop-message-benefit .text-benefit {
    margin: 5px 0px; }
    .shop-message-benefit .text-benefit .icon-support {
      background-size: 100%;
      width: 35px;
      height: 25px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      background-repeat: no-repeat !important; }
    .shop-message-benefit .text-benefit a {
      text-decoration: underline; }

.mini-cartcheckout-button .shop-message-benefit {
  text-align: center;
  clear: both;
  padding-top: 3px; }

.cart-edit-optimize {
  padding-top: 20px;
  display: block;
  padding-right: 0px;
  text-align: right; }
  @media (min-width: 0px) and (max-width: 767px) {
    .cart-edit-optimize {
      position: absolute;
      width: auto;
      top: -93px;
      right: 0; } }
  @media (min-width: 768px) {
    .cart-edit-optimize {
      position: absolute;
      top: 0;
      right: 0; }
      .cart-edit-optimize ul.item-user-actions {
        padding: 0;
        margin-top: 0; } }
  .cart-edit-optimize li.remove-bag-item {
    display: inline-block;
    vertical-align: top; }
    .cart-edit-optimize li.remove-bag-item button {
      background-color: transparent;
      padding: 0px; }
      .cart-edit-optimize li.remove-bag-item button span {
        background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/cart_remove.png") no-repeat;
        width: 24px;
        height: 24px;
        display: inline-block; }
        @media (min-width: 0px) and (max-width: 767px) {
          .cart-edit-optimize li.remove-bag-item button span {
            width: 16px;
            height: 16px;
            background-size: 100%; } }
  .cart-edit-optimize .wish-list-txt {
    display: inline-block;
    vertical-align: top; }
    .cart-edit-optimize .wish-list-txt .add-to-wishlist {
      background: url("http://demandware.edgesuite.net/aapk_prd/on/demandware.static/Sites-DieselUS-Site/-/default/v1465366286313/images/icons/cart_star_grey.svg") no-repeat;
      width: 24px;
      height: 24px;
      display: inline-block; }
      @media (min-width: 0px) and (max-width: 767px) {
        .cart-edit-optimize .wish-list-txt .add-to-wishlist {
          width: 18px;
          height: 18px;
          background-size: 100%; } }

@media (min-width: 768px) {
  .cart-wrapper .item-link.mobile-view {
    display: none; } }
.cart-wrapper .item-link.mobile-view ul.item-user-actions {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-family: "FranklinGothicLT-ExtraCond", Arial, sans-serif; }
  .cart-wrapper .item-link.mobile-view ul.item-user-actions li {
    text-decoration: underline;
    width: auto;
    text-align: center;
    font-family: 'TradeGothicLTPro', Arial, sans-serif;
    font-size: 12px;
    padding-left: 0;
    color: #bababa; }
    .cart-wrapper .item-link.mobile-view ul.item-user-actions li a {
      color: grey; }
  .cart-wrapper .item-link.mobile-view ul.item-user-actions li.remove-bag-item {
    border-left: 1px solid #bababa;
    padding: 0 0px 0 10px;
    margin: 0 10px 0 0;
    width: auto; }
    .cart-wrapper .item-link.mobile-view ul.item-user-actions li.remove-bag-item .remove-product {
      background-color: white;
      padding: 0;
      text-align: left;
      width: auto; }
      .cart-wrapper .item-link.mobile-view ul.item-user-actions li.remove-bag-item .remove-product > span {
        color: grey;
        text-transform: uppercase;
        text-decoration: underline; }
  .cart-wrapper .item-link.mobile-view ul.item-user-actions li.wish-list-txt {
    display: none; }

.cart-optimize-payment-images {
  padding-top: 10px;
  float: right;
  text-align: center; }
  @media (max-width: 1023px) and (min-width: 768px) {
    .cart-optimize-payment-images {
      width: 26%; } }
  .cart-optimize-payment-images img {
    max-width: 100%; }

@media only screen and (min-width: 768px) {
  #QuickViewDialog #pdpMain .pdp-share-link .favorite {
    padding: 0;
    margin: 7px 0 7px 0; }
  #QuickViewDialog #pdpMain .pdp-share-link .share {
    padding: 0;
    margin: 7px 0 7px 0; } }

.checkout-login-dialog.opt_cust_width {
  width: 440px !important; }
  .checkout-login-dialog.opt_cust_width .ui-dialog-content {
    padding: 14px 5px 10px; }
  .checkout-login-dialog.opt_cust_width .opt_full_width {
    width: 100% !important; }

@-moz-document url-prefix() {
  .checkout-login-dialog .account-login .col-1 .guest-checkout button {
    margin-top: 58px; }

  .cart-wrapper .secondary-product-detail .item-quantity .input-text, .cart-wrapper .secondary-product-detail .item-quantity .decrease-quantity, .cart-wrapper .secondary-product-detail .item-quantity .increase-quantity {
    margin-top: 3px; } }

/*# sourceMappingURL=style-new.css.map */