/*
 * product-box
 */
/* tablet, desktop */
@media only print, screen and (min-width: 768px) {
  /*
    product-color.css

    This file contains rules used on the Product details page
    This is a color-specific css file containing *ONLY* color-related rules
    (color, background, border, outline, box-shadow, border-radius, opcaity, etc.)
*/
  /* ----------------------------------------------------------- LESS MIXIN DEFINITIONS */
  /* ----------------------------------------------------------- STYLES  */
  .productPricing {
    color: #757575; }
  .price.sale {
    color: #25190f; }
  .price.current,
  .price.current.sale {
    color: #323232; }
  .mainImageContainer {
    border: 1px solid transparent; }
  .mainImageContainerWrapper {
    background-color: #ebebeb; }
  /**************************** Technology images END **************************/
  .productViewer .loadingLabel {
    background: url(../../img/loading-icon.gif) no-repeat 50% 40px;
    color: #323232; }
  .imageSwatches li {
    list-style-type: none; }
  .stockStatus {
    color: #DD1E29; }
  #productDetailsColumn .stockStatus {
    color: #323232; }
  .productPricing .stockStatus {
    color: #25190F; }
  .variantOptions .option,
  .sizeSwatches .variantOptions .option.unselectable {
    cursor: pointer; }
  .addToCart.button {
    border: 0; }
  .variantOptions.swatches img {
    border: 0 none; }
  .variantOptions .option a {
    color: #42515b; }
  .price {
    color: #e33837; }
  .productHeading .itemNumber {
    color: #828282; }
  .hpCarouselTitle {
    background: none; }
  .PreNext,
  .PreNext li,
  .PreNext li a {
    color: #828282; }
  .catCarousel .catCarousalTitle,
  .catCarousel .price {
    color: #25190f; }
  .catCarousel .CarProductPrice {
    color: #000; }
  .promotionalBox .promotionalTitle {
    color: #dd1e29; }
  .productDetails .socialLinks {
    border-top: none; }
  .promotionalText {
    color: #2db9eb;
    background-color: #f5f5f5; }
  .promotionalText .moreLink {
    color: #828282; }
  .productQuantity .backinstockButton {
    background: none;
    color: #828282; }
  /* =========================================================== jScrollPane */
  .jspVerticalBar {
    background: white; }
  .jspHorizontalBar {
    background: white; }
  .jspTrack {
    background: #dbdad8; }
  .jspDrag {
    background: #31200e;
    cursor: pointer; }
  .jspArrow {
    background: #31200e;
    cursor: pointer; }
  .jspArrow.jspDisabled {
    cursor: default;
    background: #91b06e; }
  .jspCorner {
    background: #cbcac8; }
  /* =========================================================== variants styles */
  .productVariant .variantTitle {
    color: #42515b; }
  .shortDescription label {
    color: #42515b; }
  .cartActionsButton .cartActionsButtonText {
    color: #42515b; }
  .cartActionsButton .button {
    background: url(../../img/cart_button_arrow.png) no-repeat #dd1e29 90%; }
  .backinstockDiv .backinstockInput .button,
  .backinstockDiv .backinstockDone .button {
    background: #dd1e29 url("../../img/button-arrows.png") no-repeat;
    background-position: 38px -100px;
    background-origin: content-box; }
  /* =========================================================== custom select styles */
  .customSelect .wrapped {
    background: -moz-linear-gradient(center top, #ffffff 50%, #ededee 50%) repeat scroll 0 0 transparent; }
  .promotionPopup .promotionalBox {
    background-color: #fff;
    color: #323232; }
  .productVariant .customSelect:before {
    background: url("../../img/count_Select_img.png") no-repeat scroll 50% 50% transparent; }
  /* =========================================================== content Asset 8*/
  .fastkin,
  .in-stock-msg {
    color: #323232; }
  .fastkin .title2,
  .fastkin .title3 {
    color: #dd1e29; }
  .fastkinTabs a,
  .playerName {
    color: #fff; }
  .fastkinTabs a {
    background: #a0a8ac; }
  .fastkinTabContent ul li {
    background: url("../../img/list-style.png") no-repeat 0 5px; }
  .variationSelectionError,
  .colorSelectionError .option:last-child a:after,
  .sizeSelectionError span.error {
    color: #dd1e29; }
  /*Size Guide*/
  .promotionalBox h3.promotionalSubTitle {
    color: #121212; }
  .promotionalBox .promotionalBox h3 {
    color: #dd1e29; }
  /*
* Optimum Size Calculator
********************************************************************************/
  .socialLinks a.print {
    background: url("../../img/print.png") no-repeat scroll right 0 transparent;
    color: #323232; }
  .sizeChartPopup .qtip-tip,
  .shippingWrapper .qtip-tip {
    background: none; }
  /*
    product-font.css

    This file contains rules used on the Product details page
    This is a font-specific css file containing *ONLY* font-related rules
    (font-size, text-align, line-height, text-decoration, etc.)
*/
  /* ----------------------------------------------------------- FONT STYLES  */
  .price.current,
  .productNoLongerText {
    font-size: 22px;
    font-weight: normal; }
  .promotionPopup .promotionalBox {
    font-size: 14px; }
  .promotionalBox .promotionalTitle {
    font-size: 22px; }
  .cartActionsButton .cartActionsButtonText:hover {
    text-decoration: underline; }
  .productViewer .loadingLabel {
    text-align: center;
    font-size: 12px; }
  .price {
    font-weight: normal;
    font-size: 12px; }
  .productQuantity input {
    text-align: center; }
  .socialLinks a {
    font-size: 14px; }
  .socialLinks a.print {
    font-size: 12px;
    line-height: 22px; }
  .shortDescription li,
  .productAdditionalInformation li {
    list-style-position: inside;
    list-style-type: disc; }
  .pageHeading .pageTitle {
    font-size: 22px;
    font-weight: normal; }
  .productHeading .itemNumber {
    font-size: 10px; }
  .stockStatus {
    font-size: 12px; }
  .shortDescription label {
    font-size: 14px; }
  .productTitle {
    font-size: 12px; }
  .descriptionBlock li {
    font-size: 18px; }
  .descriptionBlock li.productDesList {
    font-size: 16px; }
  .descriptionBlock .producDescBlock {
    font-size: 13px; }
  .highlightsItem .price {
    font-size: 12px; }
  .carousel .CarProductPrice {
    font-size: 14px; }
  .carousel .hpCarouselTitle .hpCarouselTitleSpan {
    font-size: 20px; }
  .highlightsItem h3 {
    font-size: 13px;
    font-weight: normal;
    line-height: 20px; }
  .promotionalText {
    font-size: 12px; }
  .promotionalText .moreLink {
    font-size: 12px; }
  .cartActionsButton .button {
    font-size: 16px; }
  .promotionalBox .promotionalTitle {
    line-height: 31px; }
  /* =========================================================== variants styles */
  .productVariant .variantTitle {
    cursor: pointer;
    font-size: 12px; }
  .productQuantity label,
  .backinstockDiv .backinstockDescription {
    font-size: 12px; }
  .backinstockDiv {
    font-size: 13px;
    text-align: left; }
  .backinstockDiv .backinstockTitle {
    font-size: 14px; }
  .backinstockDiv .backinstockInput .button,
  .backinstockDiv .backinstockDone .button {
    font-size: 11px; }
  .variantOptions .option a {
    font-size: 14px;
    cursor: pointer;
    line-height: 28px;
    outline: 0 none; }
  #sizeVariant .unselectable a {
    cursor: default; }
  .productVariant .variantTitle {
    cursor: pointer; }
  .productQuantity .backinstockButton {
    font-size: 12px;
    text-decoration: underline; }
  /* =========================================================== content Asset 8*/
  .fastkin {
    text-align: center; }
  .topContent p {
    font-family: helvetica; }
  .fastkin .title1,
  .fastkinTabs a {
    font-size: 16px; }
  .fastkin .title2 {
    font-size: 28px;
    line-height: 32px; }
  .fastkin .title3 {
    font-size: 24px;
    line-height: 28px; }
  .fastkin p,
  .fastkinTabContent ul li,
  .playerName {
    font-size: 18px;
    line-height: 22px; }
  .fastkinTabs a {
    line-height: 32px; }
  .fastkinTabContent,
  .playerName {
    text-align: left; }
  /*Size Guide*/
  .promotionalBox h3.promotionalSubTitle {
    font-size: 22px; }
  .promotionalBox .promotionalBox h3 {
    font-size: 22px; }
  .promotionalBox table.sizeChartTable {
    font-size: 13px; }
  .promotionalBox .size {
    font-weight: normal; }
  .promotionalBox .size span {
    font-weight: normal;
    font-size: 13px; }
  .promotionalBox .heading {
    font-weight: bold; }
  .promotionalBox table.sizeChartTable thead {
    font-family: "AvenirMedium", Arial, Helvetica, Tahoma, sans-serif;
    font-size: 16px; }
  .promotionalBox table.sizeChartTable span.unit {
    font-weight: normal;
    font-size: 11px; }
  .promotionalBox p#sizeChartTitle {
    font-family: "AvenirMedium", Arial, Helvetica, Tahoma, sans-serif;
    font-size: 20px; }
  .promotionalBox .measuringUl {
    font-size: 11px; }
  .promotionalBox .MeasuringWrapper {
    font-weight: normal;
    font-size: 10px; }
  .promotionalBox .MeasuringWrapper dt {
    font-size: 14px; }
  .promotionalBox .MeasuringWrapper dd {
    font-size: 12px; }
  /*EOF*/
  /*
    product-struct.css

    This file contains rules used on the Product details page
    This is a layout-specific css file containing *ONLY* layout-related rules
    (width, height, margin, padding, display, position, overflow, float, etc.)
*/
  .carouselItems {
    overflow: visible; }
  .cartActionsButton .button {
    padding: 7px 11% 7px 2%; }
  .mainImageContainerWrapper {
    padding: 1px 0 0;
    position: relative; }
  .cartActionsButton .backinstockButton {
    margin-bottom: 15px;
    float: left;
    width: auto; }
  .productQuantity .backinstockButton,
  .productQuantity .backinstockButton:hover {
    display: none;
    outline: none;
    line-height: 14px;
    padding: 0px;
    margin: 0px 0px 14px;
    min-height: 0px; }
  .backinstockDiv {
    width: 100%; }
  .backinstockDiv .backinstockTitle {
    padding-bottom: 17px;
    float: left;
    width: 100%;
    line-height: 12px; }
  .backinstockDiv .backinstockDescription {
    line-height: 10px;
    width: 100%; }
  .backinstockDiv .backinstockDescription.success {
    line-height: 10px;
    width: auto;
    margin-right: 20px;
    margin-bottom: 10px; }
  .backinstockDiv .backinstockInput {
    width: 100%;
    margin-bottom: 0; }
  .quantityActionWrapper {
    position: relative; }
  .backinstockDiv .backinstockInputCell {
    vertical-align: top; }
  .backinstockDiv .backinstockInputCellEmail {
    margin-right: 10px;
    width: 178px;
    height: 27px; }
  .backinstockDiv .backinstockInput input {
    box-sizing: border-box;
    height: 27px;
    padding: 0 10px;
    outline: none; }
  .backinstockDiv .backinstockInput .button,
  .backinstockDiv .backinstockDone .button {
    padding: 0 10px;
    height: 25px;
    width: 70px; }
  .backinstockDiv .backinstockDone {
    margin-bottom: 0px; }
  .backinstockDiv .backinstockMessage.validationError {
    width: 100%;
    float: left; }
  .buttonHide {
    display: none; }
  .descriptionBlock .activeBlock .producDescBlock {
    display: block; }
  .descriptionBlock {
    border-top: 0;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-style: solid;
    border-color: #c2c2c2; }
  .pageHeading {
    margin-bottom: 12px; }
  .pageHeading .pageTitle {
    margin: -6px 0 14px;
    line-height: 26px; }
  .productPricing .price {
    margin-right: 13px; }
  .productPriceReviewBlock {
    margin: 14px 0 16px; }
  .productNoLongerText {
    margin: 14px 0 20px; }
  .productImages .flex-direction-nav a {
    margin-top: -1; }
  .productImages .flex-direction-nav .flex-prev {
    left: inherit; }
  .productImages .flex-direction-nav .flex-next {
    right: 36px; }
  .productPricing .regular {
    text-decoration: line-through; }
  .mainImageContainer {
    position: relative; }
  .mainImageContainer.zoomed {
    overflow: auto;
    cursor: crosshair;
    position: relative; }
  .loading .mainImageContainer.zoomed {
    overflow: hidden; }
  .mainImageContainer .mainImage,
  .loading .mainImageContainer.zoomed .mainImage {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: -3px; }
  .zoomed .mainImage {
    height: auto;
    width: auto; }
  .mainImageContainer .imageZoomIcon:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px; }
  .mainImageContainer.zoomed .imageZoomIcon:before {
    background-position: 0 4px;
    right: 0;
    top: 0; }
  .productViewer .loadingLabel {
    display: none;
    position: absolute;
    z-index: 200;
    top: 38%;
    width: 100%;
    padding: 80px 0 80px; }
  .productViewer.loading .loadingLabel {
    display: block; }
  .imageSwatches img {
    width: 100%;
    height: 100%;
    vertical-align: bottom; }
  .shortDescription {
    padding: 20px 0; }
  .descriptionBlock .productDesList {
    padding: 10px 15px;
    list-style: none;
    border-top: 0 none;
    border-top: 1px solid #C2C2C2; }
  .socialLinks a {
    margin-right: 10px; }
  .socialLinks img {
    vertical-align: middle; }
  .descriptionBlock .producDescBlock {
    margin-right: 6px;
    overflow: hidden;
    display: none; }
  .descriptionBlock .productListContent {
    padding-right: 10px; }
  .productDetails .shortDescription .select2-container {
    min-width: 60px; }
  .descriptionBlock .productConImg {
    margin-right: 5px; }
  .productQuantity label {
    display: inline-block;
    width: 47px; }
  .productQuantity input {
    width: 20px;
    padding: 6px; }
  .productVariant .variantTitle {
    display: block;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 5px; }
  .promotionalText {
    line-height: 30px;
    position: relative;
    cursor: pointer;
    padding: 0 10px;
    margin-bottom: 5px;
    clear: both; }
  .promotionalText .moreLink {
    text-transform: capitalize;
    float: right;
    margin: 5px 0 0 0;
    text-decoration: underline;
    line-height: normal; }
  .promotionalBox .promotionalTitle {
    line-height: 26px;
    padding-bottom: 10px; }
  /* this will make the checkbox look good before the js scipt styles it */
  .cartActionsButton {
    margin-top: 2.5%; }
  .cartActionsButton .backinstock {
    padding: 0;
    width: auto;
    clear: both; }
  .cartActionsButton .cartActionsButtonText {
    padding: 9px 2px 10px 27px;
    display: inline-block; }
  .productDetails .socialLinks a {
    margin: 0 2% 12px 0;
    display: inline-block;
    float: left; }
  .socialLinks a.print {
    float: right;
    height: 21px;
    padding: 0 35px 0 0; }
  .productDetails .socialLinks {
    padding-top: 12px; }
  /* =========================================================== variants styles */
  .productVariant .variantTitle {
    display: block;
    margin: 0px 0 10px; }
  .productVariant .variantTitle span {
    margin-left: 1px; }
  .variantSwatches .variantOptions {
    list-style: none outside none;
    overflow: hidden; }
  .variantOptions .option {
    display: inline-block;
    margin-bottom: 3px; }
  .variantOptions .swatchanchor {
    display: block; }
  .productVariant .variantSummary {
    display: none; }
  .variantOptions .swatchanchor img {
    height: 28px;
    vertical-align: bottom;
    width: 30px; }
  .productVariant .variation-select {
    width: 160px; }
  .productVariant .variation-select select {
    width: 190px;
    border: none;
    display: inline;
    z-index: 1; }
  .variation-select:before {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0px;
    width: 22px;
    height: 24px; }
  /* this is to avoid the custom select boxes flickering as the page loads */
  .productVariant select.variation-select {
    width: 140px; }
  .variantOptions.swatches img {
    border: 0 none; }
  .productVariant {
    margin: 0; }
  .sizeSwatches .variantOptions {
    display: inline-block;
    list-style: none outside none;
    overflow: hidden; }
  .variantOptions .outOfStock {
    border: 1px solid #e9ebe9; }
  .mobileSizeGuide,
  #mobileSizeAsset {
    display: none; }
  .productVariant .customSelect.quantitySelect {
    margin-top: 10px;
    display: block;
    border-radius: 5px;
    background-clip: padding-box;
    width: 50px;
    height: 20px;
    border-color: #a6a6a6; }
  .productVariant .customSelect.quantitySelect select,
  .backinstockDiv .customSelect.variantSelect select {
    width: 70px;
    height: 19px;
    padding: 1px 4px;
    line-height: 10px; }
  #productDetailsColumn .customSelect.quantitySelect select,
  .backinstockDiv .customSelect.variantSelect select {
    display: inline-block;
    z-index: 999;
    width: 180px; }
  /* =========================================================== content Asset 8*/
  .fastkin {
    position: relative;
    height: 100%;
    overflow: hidden; }
  .fastkin img {
    width: 100%;
    vertical-align: top; }
  .fastkin .fastkinContent {
    position: absolute;
    top: 0;
    width: 93.4%;
    height: 92%;
    overflow: hidden;
    padding: 3.9% 3.3%; }
  .fastkin .topContent {
    margin-bottom: 3%; }
  .fastkin .title1,
  .fastkin .title2,
  .fastkinTabs a,
  .circleNav a {
    display: block; }
  .fastkinTabs {
    width: 355px;
    height: 42px;
    margin: 0 auto; }
  .fastkinTabs a {
    width: 117px;
    height: 32px;
    float: left;
    margin-left: 2px;
    position: relative; }
  .fastkinTabs a:first-child {
    margin-left: 0; }
  .fastkinTabs a.selected {
    background: #0f182c; }
  .fastkinTabs a.selected:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    top: 32px;
    left: 41.45%;
    border: 10px solid;
    border-color: #0f182c transparent transparent transparent; }
  .fastkinTabContent {
    margin-top: 30px;
    width: 50%;
    float: right; }
  .fastkinTabContent p {
    margin: 20px 0; }
  .fastkinTabContent ul {
    list-style-type: none; }
  .fastkinTabContent ul li {
    margin-bottom: 26px;
    padding-left: 36px; }
  .productVariant .sizeChartLabel {
    display: inline-block;
    width: 100%; }
  .variationSelectionError {
    width: 61%;
    padding: 9px 0 0px 0px;
    line-height: 12px; }
  .colorSelectionError .option:last-child a:after {
    position: absolute;
    margin: 8px 0 0px 10px;
    content: "*"; }
  .sizeSelectionError span.error {
    margin: 0 0 0 8px; }
  iframe.videoFrame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; }
  iframe.mobileVideoFrame {
    display: none; }
  .productCarousalBottom.clearfix {
    margin: 0 0 20px; }
  .promotionPopup .promotionalBox {
    height: auto;
    line-height: 18px; }
  .promotionPopup {
    width: 415px;
    padding: 35px 25px; }
  #learn-how-content {
    line-height: 18px; }
  /*Size Guide*/
  .promotionalBox {
    height: 500px; }
  .promotionalBox table.sizeChartTable {
    text-align: center;
    margin-bottom: 20px; }
  .promotionalBox .heading {
    text-align: center;
    border-right: 1px dashed #fff; }
  .promotionalBox .heading:first-child {
    border-top-left-radius: 5px; }
  .promotionalBox .heading:last-child {
    border-right: none;
    border-top-right-radius: 5px; }
  .promotionalBox table.sizeChartTable thead {
    text-align: center;
    height: 49px; }
  .promotionalBox table.sizeChartTable tr {
    height: 45px; }
  .promotionalBox table.sizeChartTable span.unit {
    text-align: center;
    display: block; }
  .promotionalBox .measuringImg {
    float: left;
    margin-right: 63px; }
  .promotionalBox .measuringUl {
    float: right;
    margin-top: 23px;
    width: 72%; }
  .promotionalBox .measuringUl li {
    list-style: none;
    padding: 16px 0 9px;
    border-bottom: 1px solid #ededed; }
  .promotionalBox .measuringUl li:last-child {
    border-bottom: none; }
  .promotionalBox .measuringUl span {
    display: block;
    margin-bottom: 3px; }
  .promotionalBox .MeasuringWrapper {
    margin-top: 25px; }
  .promotionalBox .MeasuringWrapper dt,
  .promotionalBox dd {
    height: 30px;
    float: left;
    margin-bottom: 10px;
    min-height: 60px; }
  .promotionalBox .MeasuringWrapper dt {
    width: 20%;
    padding-left: 10px;
    text-transform: uppercase; }
  .promotionalBox .MeasuringWrapper dd {
    width: 75%;
    padding-left: 10px;
    font-size: 12px; }
  /*EOF*/
  ul.rotate-direction-nav li,
  li.rotateViewSwatchThumbnail {
    list-style: none; }
  .rotateImageContainer {
    display: none; }
  .fastkinTabs a:link {
    border: none;
    outline: none; }
  .rotateViewSwatchThumbnail.hideinMobile > a {
    display: inline-block;
    position: relative;
    height: 100%;
    max-height: 114px; }
  .validationMsgPopup .qtip-content {
    margin: 20px 0 10px 0; }
  .reevooDescBlock .jspVerticalBar {
    width: 5px; }
  .productNotAvailableWrapper .pageHeading {
    margin-bottom: 0; }
  div#productWrapper.productNotAvailableWrapper {
    padding-bottom: 0; } }

@media only print and (max-width: 800px), screen and (min-width: 768px) and (max-width: 800px) {
  .fastkinTabContent ul li {
    background-position: 0 3px; } }

@media only print and (max-width: 800px), screen and (min-width: 768px) and (max-width: 800px) {
  .fastkin .title3 {
    font-size: 20px;
    line-height: 24px; }
  .fastkin p,
  .fastkinTabContent ul li,
  .playerName {
    font-size: 14px;
    line-height: 20px; } }

@media only print and (max-width: 925px), screen and (min-width: 768px) and (max-width: 925px) {
  .backinstockDiv .backinstockDone {
    margin-bottom: 10px;
    margin-top: 0px; } }

@media only print and (max-width: 768px) and (orientation: portrait), screen and (min-width: 768px) and (max-width: 768px) and (orientation: portrait) {
  .mainImageContainer.zoomed {
    position: static; }
  .mainImageContainer.zoomed .imageZoomIcon {
    right: 33px;
    top: 22px; }
  .variationSelectionError {
    padding-top: 4px;
    width: 51%; } }

@media only print and (min-width: 767px) and (max-width: 1024px) and (orientation: landscape), screen and (min-width: 768px) and (min-width: 767px) and (max-width: 1024px) and (orientation: landscape) {
  .mainImageContainer.zoomed {
    position: static; }
  .mainImageContainer.zoomed .imageZoomIcon {
    right: 41px;
    top: 27px; } }

@media only print and (min-width: 768px) and (max-width: 1024px), screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .zoomed .mainImage {
    height: auto;
    width: auto;
    max-width: none;
    max-height: none; } }

@media only print and (min-width: 960px), screen and (min-width: 768px) and (min-width: 960px) {
  .fastkinTabContent {
    height: 401px; } }

@media only print and (max-width: 800px), screen and (min-width: 768px) and (max-width: 800px) {
  .fastkinTabContent {
    margin-top: 0; }
  .fastkinTabContent p {
    margin: 10px 0; }
  .fastkinTabContent ul li {
    margin-bottom: 20px; } }

@media only print and (max-width: 768px) and (orientation: portrait), screen and (min-width: 768px) and (max-width: 768px) and (orientation: portrait) {
  .socialLinks .gplus iframe {
    margin-top: -8px; }
  .cartActionsButton .cartActionsButtonText {
    padding-left: 22px;
    margin-left: 0; } }

@media only print and (min-width: 767px) and (max-width: 1024px) and (orientation: landscape), screen and (min-width: 768px) and (min-width: 767px) and (max-width: 1024px) and (orientation: landscape) {
  .socialLinks .gplus iframe {
    margin-top: -8px; } }

/* mq */
/* mobile */
@media only print, screen and (max-width: 767px) {
  /*
    product-color.css

    This file contains rules used on the Product details page
    This is a color-specific css file containing *ONLY* color-related rules
    (color, background, border, outline, box-shadow, border-radius, opcaity, etc.)
*/
  /* ----------------------------------------------------------- LESS MIXIN DEFINITIONS */
  /* ----------------------------------------------------------- STYLES  */
  .productPricing {
    color: #757575; }
  .price.sale {
    color: #c10435; }
  .mainImageContainer {
    border: 1px solid transparent; }
  .mainImageContainer .imageZoomIcon {
    /* this fixes a problem with mobile browsers (Safari on iOS and the Android
    browser) where using position:absolute in a parent element with
    overflow:hidden misplaces the absolutely positioned element */
    -webkit-backface-visibility: hidden; }
  .mainImageContainer .imageZoomIcon:before {
    background: url(../../img/zoom_icons.png) no-repeat left bottom; }
  .mainImageContainer.zoomed .imageZoomIcon:before {
    background-position: left 4px; }
  .productViewer .loadingLabel {
    background: url(../../img/loading-icon.gif) no-repeat 50% center; }
  .promotionalBox .promotionalTitle {
    color: #dd1e29; }
  .promotionPopup .promotionalBox {
    color: #42515b; }
  .descriptionBlock .productDesList {
    background: url("../../img/accordianArrow.png") no-repeat scroll right 10px; }
  .productVariant.variantSwatches {
    background: url("../../img/accordianArrow.png") no-repeat scroll right top; }
  .descriptionBlock .activeBlock {
    background: url("../../img/accordianArrow.png") no-repeat scroll right -18px; }
  .promotionalwrapper {
    background: url("../../img/popbg.png") repeat; }
  .variantOptions .option {
    color: white;
    cursor: pointer; }
  .sizeSwatches .variantOptions .option {
    background-color: #ebebeb; }
  .sizeSwatches .variantOptions .option.unselectable,
  .sizeSwatches .variantOptions .option.active.unselectable {
    background: none repeat scroll 0 0 transparent; }
  .variantOptions.swatches img {
    border: 0 none; }
  .productVariant .variation-select option.disabled {
    color: #aaa; }
  .productQuantity .backinstockButton {
    color: #42515b; }
  .productQuantity .backinstockButton {
    background: none; }
  .backinstockDiv .backinstockInputCell button,
  .backinstockDiv .backinstockDone button {
    background: #dd1e29; }
  .PreNext .product-prev a {
    background: url(../../img/Spd_prev_mob.png) left center no-repeat; }
  .PreNext .product-next a {
    background: url(../../img/Spd_next_mob.png) right center no-repeat; }
  .PreNext li a {
    color: #828282; }
  .hpCarouselTitle {
    background: none; }
  .hpCarouselTitle .hpCarouselTitleSpan {
    background-color: #fff;
    color: #25190f; }
  .catCarousel .catCarousalTitle,
  .carousel .price,
  .carousel .CarProductPrice,
  .catCarousel .price {
    color: #25190f; }
  .productPricing .stockStatus {
    color: #25190F; }
  .promotionalText {
    color: #dd1e29; }
  .price.sale {
    color: #25190F; }
  .price {
    color: #e33837; }
  .promotionalBox {
    background-color: #fff; }
  .descriptionBlock .productListTrigger {
    color: #42515b; }
  .shortDescription .quantity-select {
    background: url("../../img/mobile/brownarrow.jpg") no-repeat right center transparent; }
  .descriptionBlock .productListTrigger {
    color: #42515b; }
  .productListContent {
    color: #828282; }
  /* =========================================================== custom select styles */
  .productVariant .customSelect.quantitySelect {
    background-color: #ffffff 50%;
    background: -o-linear-gradient(top, #ffffff 50%, #ededee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff 50%', endColorstr='#ededee 50%', GradientType=0);
    border-color: #a6a6a6; }
  /* =========================================================== variant styles */
  .variantSwatches {
    background: url("../../img/mobile/accordianArrow.png") no-repeat scroll right 5px transparent; }
  .variantSwatches.expanded {
    background: url("../../img/mobile/accordianArrow.png") no-repeat scroll right -25px transparent; }
  .productVariant .variantTitle {
    color: #42515b; }
  .expanded .sizeChart {
    background: url("../../img/mobile/accordianBgsizeguide.png") no-repeat scroll left 3px transparent; }
  .expanded .activeBlock .sizeChart {
    background: url("../../img/mobile/accordianBgsizeguide.png") no-repeat scroll left -33px transparent; }
  .sizeSwatches .swatches .swatchanchor {
    color: #323232; }
  .productVariant .customSelect:before {
    background: url("../../img/count_Select_img.png") no-repeat scroll 50% 45%; }
  .cartActionsButton {
    background-color: #ebebeb; }
  .variationSelectionError,
  .colorSelectionError .option:last-child a:after,
  .sizeSelectionError span.error {
    color: #dd1e29; }
  .addToCart.button {
    border: 0; }
  /*Size Guide Popup*/
  .promotionalBox h3.promotionalSubTitle {
    color: #121212; }
  .promotionalBox .promotionalBox h3 {
    color: #dd1e29; }
  .promotionalBox table.sizeChartTable {
    color: #333534; }
  .promotionalBox .heading {
    background-color: #d2d5d5; }
  .promotionalBox table.sizeChartTable thead {
    background-image: url("../../img/sizeCharTableHead.png");
    background-repeat: repeat-x;
    color: #000000; }
  .promotionalBox table.sizeChartTable tr.gray {
    background-color: #e5e5e5; }
  .promotionalBox table.sizeChartTable tr.gray:first-child {
    background-color: none; }
  .promotionalBox p#sizeChartTitle {
    color: #000000; }
  .promotionalBox .MeasuringWrapper dt,
  .promotionalBox dd {
    background-color: #fff; }
  .promotionalBox .MeasuringWrapper dt {
    color: #f00600; }
  /*EOF*/
  /*
* Optimum Size Calculator
********************************************************************************/
  .optimumSizeCalulator .button {
    background: url("../../img/cart_button_arrow.png") no-repeat scroll 93% center #dd1e29;
    background-size: 9%; }
  .productNoLongerText {
    color: #323232; }
  .productNotAvailableWrapper .cartActionsButtonNoLonger {
    background-color: #ebebeb; }
  /*
    product-font.css

    This file contains rules used on the Product details page
    This is a font-specific css file containing *ONLY* font-related rules
    (font-size, text-align, line-height, text-decoration, etc.)
*/
  /* ----------------------------------------------------------- FONT STYLES  */
  .pageHeading .pageTitle {
    font-size: 22px;
    font-weight: normal; }
  .promotionalText {
    font-size: 12px; }
  .price.current,
  .productNoLongerText {
    font-size: 22px;
    font-weight: normal; }
  .price {
    font-size: 14px;
    font-weight: normal; }
  .productQuantity label {
    font-size: 14px; }
  .promotionalBox .promotionalTitle {
    font-size: 12px; }
  .promotionPopup .promotionalBox {
    font-size: 10px; }
  .cartActionsButton .button,
  .productConfirmation .button {
    font-size: 16px; }
  .cartActionsButton .cartActionsButtonText {
    font-size: 16px; }
  .descriptionBlock .productDesList {
    font-size: 16px;
    font-weight: bold; }
  .descriptionBlock .producDescBlock {
    font-size: 14px;
    font-weight: normal; }
  .productListContent {
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit; }
  .productQuantity .backinstockButton {
    text-decoration: none;
    font-size: 12px; }
  .backinstockDiv .backinstockTitle {
    font-size: 12px; }
  .backinstockDiv .backinstockInputCell button,
  .backinstockDiv .backinstockDone button {
    font-size: 12px; }
  .productQuantity input {
    text-align: center; }
  .highlightsItem .catCarousalTitle {
    font-size: 13px;
    font-weight: normal; }
  .highlightsItem .price {
    font-size: 12px; }
  .productPricing .stockStatus {
    font-size: 14px; }
  .productPricing .regular {
    text-decoration: line-through; }
  .stockStatus {
    font-size: 14px; }
  .PreNext a {
    font-size: 14px; }
  .carousel .hpCarouselTitle .hpCarouselTitleSpan {
    font-size: 20px; }
  .shortDescription li,
  .productAdditionalInformation li {
    list-style-position: inside;
    list-style-type: disc; }
  .mainImageContainer {
    text-align: center; }
  .productViewer .loadingLabel {
    text-align: center;
    font-size: 12px; }
  .promotionalBox {
    font-size: 13px; }
  .promotionalTitle h3 {
    font-size: 20px; }
  .promotionalText .promotionalBoxMini {
    font-size: 13px; }
  .descriptionBlock .productListTrigger {
    font-size: 14px;
    font-weight: normal; }
  /* =========================================================== variant styles */
  .productVariant .variantTitle {
    font-size: 14px; }
  .variationSelectionError {
    font-size: 12px; }
  .sizeSwatches .swatches .swatchanchor {
    font-size: 20px;
    line-height: 40px;
    text-align: center; }
  /*
 * Product No Longer Available Template
 ******************************************************************************************************/
  /*EOF*/
  /*11
    product-struct.css

    This file contains rules used on the Product details page
    This is a layout-specific css file containing *ONLY* layout-related rules
    (width, height, margin, padding, display, position, overflow, float, etc.)
*/
  html {
    -webkit-text-size-adjust: none;
    /* Prevent font scaling in landscape */ }
  .productPricing {
    display: inline-block;
    text-align: left;
    width: 100%;
    position: relative; }
  .flex-viewport {
    top: 11px; }
  .productViewer {
    position: relative;
    margin: 0  0 20px; }
  .mainImageContainer {
    position: relative;
    margin-bottom: 10px;
    overflow: auto;
    border: 2px solid #d2d2d2;
    margin: 20px 20px 10px 20px; }
  .mainImageContainer a {
    display: block; }
  .mainImageContainer .mainImage,
  .loading .mainImageContainer.zoomed .mainImage {
    vertical-align: bottom;
    height: auto;
    max-width: 100%; }
  /*For Portrait size*/
  /*For Landscape size*/
  .productViewer .loadingLabel {
    display: none;
    position: absolute;
    z-index: 200;
    top: 5%;
    left: 10%;
    width: 80%;
    padding: 160px 0 80px; }
  .productViewer.loading .loadingLabel {
    display: block; }
  .imageSwatchesContainer {
    max-width: 100%;
    min-height: 100px; }
  .flex-direction-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    right: 0; }
  .shortDescription {
    padding: 10px 0 0; }
  .shortDescription .quantity-select {
    height: 20px;
    width: 60px;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding-top: 0; }
  .countrySelect select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ''; }
  .descriptionBlock .productDesList {
    padding: 10px;
    padding-right: 10px;
    padding-left: 20px;
    list-style: none;
    border-top: 1px solid #c2c2c2; }
  .descriptionBlock .productDesList .productDescText {
    margin: 2% 0 0; }
  .descriptionBlock .producDescBlock {
    margin: 2% 0;
    padding-right: 42px;
    display: none; }
  .descriptionBlock .productListTrigger {
    cursor: pointer;
    display: block; }
  .descriptionBlock .activeBlock .productListTrigger {
    margin-bottom: 10px; }
  .descriptionBlock .activeBlock .producDescBlock {
    display: block; }
  .variantContainer {
    position: relative; }
  .productQuantity label {
    display: inline-block;
    width: 180px; }
  .productQuantity input {
    width: 20px;
    padding: 6px; }
  .productVariant {
    position: relative; }
  .productVariant .variantTitle {
    display: block;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 5px; }
  .productVariant select {
    min-width: 70px; }
  /* this will make the checkbox look good before the js scipt styles it */
  .socialLinks {
    width: auto;
    float: none; }
  .productDetails .socialLinks {
    padding: 20px 12px 20px 20px; }
  .print {
    display: none; }
  /* TO BE REMOVED */
  .productDetails .socialLink,
  .reviewsList .socialLink {
    display: inline-block;
    text-indent: 9999px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    margin-left: 5px; }
  .articleTitle {
    margin: 20px 0 15px;
    font-weight: normal; }
  .productQuantity .backinstockButton {
    display: none;
    padding: 0px;
    margin: 0px 0px 10px;
    float: left;
    width: 100%;
    min-height: 0px; }
  .backinstockDiv > div,
  .backinstockDiv .backinstockTitle {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
  .backinstockDiv .backinstockInputCell {
    display: table-cell;
    width: 100%; }
  .backinstockDiv .backinstockInputCellEmail {
    padding-top: 0;
    margin-bottom: 10px; }
  .backinstockDiv .backinstockInputCell button,
  .backinstockDiv .backinstockDone button {
    padding: 0px;
    position: relative;
    right: 10px;
    min-width: 0px;
    width: 54px;
    text-align: center;
    line-height: 26px; }
  .buttonHide {
    display: none; }
  /* =========================================================== TEMP */
  ::-webkit-scrollbar {
    display: none; }
  .productDetails .productHeading,
  .productDetails .productPricing,
  .productPricing .stockStatus {
    display: none; }
  .addToFavoritesIcon {
    background: url(../../img/sprite.png) -435px 0 no-repeat; }
  .cartActionsButton.backinstockVisible {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -moz-box-direction: reverse;
    -webkit-box-direction: reverse;
    box-direction: reverse;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical; }
  .backinstockVisible .cartActionsButtonText,
  .backinstockVisible .backinstockDiv {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1; }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  input[type=date]::-webkit-inner-spin-button,
  input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none; }
  .cartActionsButton.backinstockVisible .cartActionsButtonText {
    float: none; }
  .productQuantity label {
    width: auto;
    margin-right: 16px; }
  .productQuantity input {
    border-radius: 6px;
    background-clip: padding-box; }
  .productVariant select {
    min-width: 60px; }
  .productPricing .regular {
    text-decoration: line-through; }
  .cartActionsButton .cartActionsButtonText:hover {
    text-decoration: underline; }
  .cartActionsButton .cartActionsButtonText {
    display: inline-block;
    padding: 7px 3px 0;
    position: relative;
    top: 0;
    line-height: 16px;
    margin-right: 10px;
    clear: both;
    margin-left: 20px; }
  .PreNext {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    border-left: 0;
    border-right: 0;
    width: 100%;
    text-align: center;
    min-height: 19px;
    overflow: hidden; }
  .PreNext li {
    display: inline;
    padding: 10px 0;
    width: 50%; }
  .PreNext li.product-prev {
    text-align: left;
    float: left; }
  .PreNext li.product-next {
    float: right; }
  .PreNext li a {
    display: block;
    padding: 3%;
    box-sizing: border-box; }
  .PreNext .product-next a {
    float: right;
    padding-right: 25px; }
  .PreNext li span {
    display: none; }
  .PreNext .product-prev a {
    float: left;
    padding-left: 25px; }
  .imageSwatches .swatchImage img {
    border: 1px solid #d2d2d2; }
  .imageSwatches.slides {
    top: 0px;
    margin: 0 0 0 2%; }
  .imageSwatches .flex-viewport {
    top: 10px; }
  .productHeading .itemNumber {
    display: inline-block;
    padding: 12px 20px 10px; }
  .productPriceReviewBlock {
    padding: 0 20px; }
  .productPricing .price {
    margin-right: 13px;
    display: inline-block; }
  .pageTitle.productTitle {
    padding: 20px 20px 0;
    line-height: 24px; }
  .promotionalText {
    position: relative;
    margin-top: 20px;
    padding-left: 20px;
    cursor: pointer; }
  .promotionalText .moreLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px; }
  .addToCart {
    float: left; }
  .imageSwatches .active img {
    border: 1px solid #25190F; }
  /* Hide Product name in PDP page */
  /* =========================================================== variants styles */
  .productVariant.expanded {
    border-bottom: 1px solid #e9ebe9; }
  .productVariant .variantTitle {
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #e9ebe9;
    padding: 0 20px 10px 20px; }
  .variantSwatches.expanded .variantTitle {
    border-bottom: none; }
  .productVariant .variantTitle span {
    display: none; }
  .productVariant.variantSwatches label.variantTitle:before {
    content: "Select"; }
  .variantSwatches .variantOptions {
    list-style: none outside none;
    margin: 0 34px 10px;
    overflow: hidden;
    display: none; }
  .variantOptions .option {
    display: inline-block;
    margin: 0 7px 13px 10px;
    min-height: 38px;
    min-width: 41px; }
  .sizeSwatches .variantOptions .option {
    border: 1px solid #D2D2D2; }
  .sizeSwatches .variantOptions .option.unselectable,
  .sizeSwatches .variantOptions .option.active.unselectable {
    border: 1px solid #D2D2D2; }
  .variantOptions .option.active {
    border: 1px solid #ff0000; }
  .sizeSwatches .option.unselectable .swatchanchor {
    cursor: default;
    opacity: 0.5; }
  .variantOptions .swatchanchor {
    display: block; }
  .productVariant .variantSummary,
  .technologyimages,
  .techimgtop {
    display: none; }
  .variantOptions .swatchanchor img {
    height: 40px;
    vertical-align: bottom;
    width: 43px; }
  .variantOptions.swatches img {
    border: 0 none; }
  .variantSwatches {
    position: relative; }
  .variantSwatches.expanded .variantOptions {
    display: block; }
  .sizeSwatches .swatches .swatchanchor {
    padding: 0 8px; }
  /* =========================================================== accordian styles */
  /* CSS for video Thumbnail Image */
  iframe.mobileVideoFrame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none; }
  iframe.videoFrame {
    display: none; }
  /*EOF*/
  .hideinMobile {
    display: none !important;
    /*Please note that important is kept as runtime though JS display:block is assigned.*/ }
  .imageSwatchesContainer ul li {
    list-style: none; }
  /*
 * Size Asset Calculator
 ******************************************************************************************************/
  #mobileSizeAsset .optimumSizeCalulator {
    background: #FFFFFF;
    max-width: 450px; }
  .variantSwatches.expanded #mobileSizeAsset {
    display: block; }
  .productNotAvailableWrapper .cartActionsButtonNoLonger {
    padding: 10px; }
  .productNotAvailableWrapper .productViewer {
    margin: 0 0 15px; } }

@media only print and (max-width: 320px), screen and (max-width: 767px) and (max-width: 320px) {
  .mainImageContainer.zoomed .imageZoomIcon:before {
    top: 6px;
    left: 250px; } }

@media only print and (min-width: 321px) and (max-width: 360px), screen and (max-width: 767px) and (min-width: 321px) and (max-width: 360px) {
  .mainImageContainer.zoomed .imageZoomIcon:before {
    top: 4px;
    left: 300px; } }

/* mq */
/*
 * 
 */
/*****
* Essential sass includes 
*/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/**
*utilities
*/
/* * Use this mixin for text style */
/*
* Use this mixin for tablet and desktop specific styling
*/
/** 
* Gillsans & tiempos Font 
*/
/**
* Colour Palette 
*/
/*** Variables as per SG ***/
/**
* Essential sass includes 
*/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/**
*utilities
*/
/* * Use this mixin for text style */
/*
* Use this mixin for tablet and desktop specific styling
*/
/** 
* Gillsans & tiempos Font 
*/
/**
* Colour Palette 
*/
/*** Variables as per SG ***/
.recommendationsContainer, .hpCarouselBg {
  padding: 0;
  max-width: inherit; }
  @media only screen and (min-width: 768px) {
    .recommendationsContainer .mobile, .hpCarouselBg .mobile {
      text-align: center;
      font-size: 0; } }
  @media only screen and (max-width: 767px) {
    .recommendationsContainer .mobile, .hpCarouselBg .mobile {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 768px) {
    .recommendationsContainer .slides, .hpCarouselBg .slides {
      text-align: center;
      font-size: 0; } }
  @media only screen and (max-width: 767px) {
    .recommendationsContainer .slides, .hpCarouselBg .slides {
      padding-left: 10px;
      padding-right: 10px; } }
  .recommendationsContainer .slide, .hpCarouselBg .slide {
    text-align: center; }
    @media (min-width: 768px) {
      .recommendationsContainer .slide, .hpCarouselBg .slide {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 25%; } }
    @media only screen and (min-width: 768px) {
      .recommendationsContainer .slide, .hpCarouselBg .slide {
        float: none;
        display: inline-block; } }
    @media only screen and (max-width: 767px) {
      .recommendationsContainer .slide, .hpCarouselBg .slide {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px; } }
    .recommendationsContainer .slide .reevooRecommendationBadgeDesktop, .hpCarouselBg .slide .reevooRecommendationBadgeDesktop {
      margin: 0 auto;
      padding: 0;
      min-height: 36px; }
    .recommendationsContainer .slide .reevoomark_badge, .hpCarouselBg .slide .reevoomark_badge {
      margin: 0 auto; }
    .recommendationsContainer .slide .reevooRecommendationBadgeMobile, .hpCarouselBg .slide .reevooRecommendationBadgeMobile {
      padding: 0;
      min-height: 46px; }
    .recommendationsContainer .slide .carouselItem, .hpCarouselBg .slide .carouselItem {
      width: 100%;
      margin: 5px auto;
      margin-top: 5px;
      padding: 0;
      min-height: inherit; }
      .recommendationsContainer .slide .carouselItem:hover, .hpCarouselBg .slide .carouselItem:hover {
        box-shadow: none; }
      .recommendationsContainer .slide .carouselItem a, .hpCarouselBg .slide .carouselItem a {
        display: block; }
        @media only screen and (min-width: 768px) {
          .recommendationsContainer .slide .carouselItem a, .hpCarouselBg .slide .carouselItem a {
            padding-bottom: 5px; } }
        @media only screen and (max-width: 767px) {
          .recommendationsContainer .slide .carouselItem a, .hpCarouselBg .slide .carouselItem a {
            padding-bottom: 3px; } }
      @media only screen and (min-width: 768px) {
        .recommendationsContainer .slide .carouselItem .firstImg-container, .hpCarouselBg .slide .carouselItem .firstImg-container {
          max-height: 280px;
          max-width: 280px;
          margin: 0 auto; } }
      @media only screen and (max-width: 767px) {
        .recommendationsContainer .slide .carouselItem .firstImg-container, .hpCarouselBg .slide .carouselItem .firstImg-container {
          max-height: 140px;
          max-width: 140px;
          margin: 0 auto; } }
      .recommendationsContainer .slide .carouselItem .secondaryImg-container, .hpCarouselBg .slide .carouselItem .secondaryImg-container {
        width: 100%; }
        @media only screen and (min-width: 768px) {
          .recommendationsContainer .slide .carouselItem .secondaryImg-container, .hpCarouselBg .slide .carouselItem .secondaryImg-container {
            max-height: 280px; } }
        @media only screen and (max-width: 767px) {
          .recommendationsContainer .slide .carouselItem .secondaryImg-container, .hpCarouselBg .slide .carouselItem .secondaryImg-container {
            max-height: 140px; } }
      @media only screen and (min-width: 768px) {
        .recommendationsContainer .slide .carouselItem img, .hpCarouselBg .slide .carouselItem img {
          max-height: 280px; } }
      @media only screen and (max-width: 767px) {
        .recommendationsContainer .slide .carouselItem img, .hpCarouselBg .slide .carouselItem img {
          max-height: 140px; } }
      .recommendationsContainer .slide .carouselItem .carouselItemTitle, .hpCarouselBg .slide .carouselItem .carouselItemTitle {
        height: auto;
        padding: 0;
        color: #152935;
        font-size: 16px; }
        @media only screen and (min-width: 768px) {
          .recommendationsContainer .slide .carouselItem .carouselItemTitle, .hpCarouselBg .slide .carouselItem .carouselItemTitle {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #152935;
            font-size: 1rem;
            line-height: 20px;
            letter-spacing: 0px;
            margin: 17px 0 14px 0;
            padding-left: 5px;
            padding-right: 5px;
            overflow: hidden; } }
        @media only screen and (max-width: 767px) {
          .recommendationsContainer .slide .carouselItem .carouselItemTitle, .hpCarouselBg .slide .carouselItem .carouselItemTitle {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #152935;
            font-size: 0.625rem;
            line-height: 12px;
            letter-spacing: 0px;
            margin: 8px 0 8px 0;
            overflow: hidden; } }
      .recommendationsContainer .slide .carouselItem .carouselItemPrice, .hpCarouselBg .slide .carouselItem .carouselItemPrice {
        margin: 0; }
        @media only screen and (min-width: 768px) {
          .recommendationsContainer .slide .carouselItem .carouselItemPrice .price-sales, .hpCarouselBg .slide .carouselItem .carouselItemPrice .price-sales {
            font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
            color: #152935;
            font-size: 1rem;
            line-height: 20px;
            letter-spacing: 0px; } }
        @media only screen and (max-width: 767px) {
          .recommendationsContainer .slide .carouselItem .carouselItemPrice .price-sales, .hpCarouselBg .slide .carouselItem .carouselItemPrice .price-sales {
            font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
            color: #152935;
            font-size: 0.625rem;
            line-height: 12px;
            letter-spacing: 0px; } }
        @media only screen and (min-width: 768px) {
          .recommendationsContainer .slide .carouselItem .carouselItemPrice .price-standard, .hpCarouselBg .slide .carouselItem .carouselItemPrice .price-standard {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #EE3224;
            font-size: 0.75rem;
            line-height: 20px;
            letter-spacing: 0px; } }
        @media only screen and (max-width: 767px) {
          .recommendationsContainer .slide .carouselItem .carouselItemPrice .price-standard, .hpCarouselBg .slide .carouselItem .carouselItemPrice .price-standard {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #EE3224;
            font-size: 0.625rem;
            line-height: 12px;
            letter-spacing: 0px; } }

.cartRecommendations .recommendationsContainer {
  padding: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .cartRecommendations .recommendationsContainer {
      padding: 0 20px; } }
  .cartRecommendations .recommendationsContainer .slide {
    padding: 0; }
    .cartRecommendations .recommendationsContainer .slide .carouselItem {
      position: relative;
      width: 180px;
      margin: 0 auto; }
    .cartRecommendations .recommendationsContainer .slide:hover {
      background: #fff; }

.speedoBasket section#productRecommendationsCarousel {
  max-width: 1024px; }
  @media screen and (min-device-width: 200px) and (max-device-width: 767px) {
    .speedoBasket section#productRecommendationsCarousel {
      padding-bottom: 0px; } }

.speedoBasket .mainWrapper {
  max-width: 1024px; }
  @media screen and (min-device-width: 200px) and (max-device-width: 767px) {
    .speedoBasket .mainWrapper .carouselTitle {
      display: none; } }
  .speedoBasket .mainWrapper .recommendations {
    min-height: auto; }
    @media screen and (min-device-width: 200px) and (max-device-width: 767px) {
      .speedoBasket .mainWrapper .recommendations {
        padding-top: 10px; } }
    .speedoBasket .mainWrapper .recommendations .carouselTitle.recommendationsTitle {
      margin-top: 5px;
      margin-bottom: 17px;
      font-size: 20px;
      color: #42515B; }
    .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer {
      padding-left: 0;
      padding-right: 0;
      /*Tablet*/
      /*Mobile*/
      padding-left: 0px;
      padding-right: 0px; }
      @media screen and (max-width: 1023px) {
        .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer {
          max-width: 100%; } }
      @media screen and (max-width: 767px) {
        .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer {
          max-width: 100%; } }
      @media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
        .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .mobile {
          width: 100% !important;
          background: #ebebeb; } }
      @media screen and (min-device-width: 200px) and (max-device-width: 767px) {
        .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .mobile {
          width: 100% !important;
          background-color: #fff;
          border-right: 0;
          border-left: 0; } }
      .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .mobile li {
        list-style: none; }
      @media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
        .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .slides {
          width: 100% !important;
          background: #ebebeb; } }
      @media screen and (min-device-width: 200px) and (max-device-width: 767px) {
        .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .slides {
          width: 100% !important;
          background-color: #fff;
          border-right: 10px solid #eee;
          border-left: 10px solid #eee; } }
      .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .carouselItem {
        width: 236px; }
        @media screen and (max-width: 1023px) {
          .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .carouselItem {
            width: 100%; } }
        @media screen and (max-width: 767px) {
          .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .carouselItem .firstImg-container {
            max-height: 100%;
            max-width: 100%; } }
        .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .carouselItem img {
          height: 234px;
          width: 236px; }
          @media screen and (max-width: 1023px) {
            .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .carouselItem img {
              width: 172px;
              height: 172px; } }
          @media screen and (max-width: 767px) {
            .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .carouselItem img {
              height: 157px;
              min-width: 157px;
              max-width: 100%; } }
          @media screen and (min-device-width: 200px) and (max-device-width: 374px) {
            .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .carouselItem img {
              min-width: 150px; } }
      .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .slide {
        margin-left: 10px;
        margin-right: 10px;
        background-color: #fff;
        width: 236px !important;
        height: 363px;
        /*Tablet*/
        /*Mobile*/ }
        @media screen and (max-width: 1023px) {
          .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .slide {
            width: 170px !important;
            height: 325px;
            margin-left: 10px;
            margin-right: 12px; } }
        @media screen and (max-width: 767px) {
          .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .slide {
            width: 44% !important;
            margin-right: 10px;
            margin-left: 10px;
            height: auto; } }
        @media screen and (min-device-width: 200px) and (max-device-width: 374px) {
          .speedoBasket .mainWrapper .recommendations .cartRecommendationLists .recommendationsContainer .slide {
            width: 150px !important; } }

.formWrapper .wrapper {
  padding-left: 0px;
  padding-right: 0px; }

/**
* Essential sass includes 
*/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/**
*utilities
*/
/* * Use this mixin for text style */
/*
* Use this mixin for tablet and desktop specific styling
*/
/** 
* Gillsans & tiempos Font 
*/
/**
* Colour Palette 
*/
/*** Variables as per SG ***/
/*
*styling for poduct sets desktop
*/
.mainWrapperps {
  /*
   * psp go faster section
   */ }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productViewer {
      margin-bottom: 0; } }
  .mainWrapperps .informationPopupmbl {
    text-align: center;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .mainWrapperps .informationPopupmbl {
        display: none !important; } }
  @media (max-width: 767px) {
    .mainWrapperps .masterproduct {
      display: none !important; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .reevooShowBadge {
      margin-top: 8px; } }
  @media (max-width: 767px) {
    .mainWrapperps .variantTitleset {
      display: none !important; } }
  @media (min-width: 768px) {
    .mainWrapperps .variantTitleset {
      display: none !important; } }
  @media (min-width: 768px) {
    .mainWrapperps .productImageslg {
      display: none !important; } }
  @media (max-width: 767px) {
    .mainWrapperps .productImagesmbl {
      display: none !important; } }
  @media (max-width: 767px) {
    .mainWrapperps .stockStatusbackinstockBoxlg {
      display: none !important; } }
  @media (max-width: 767px) {
    .mainWrapperps .promotionsContainermbl {
      display: none !important; } }
  .mainWrapperps .sizeDropdown {
    margin-right: 0;
    float: right; }
    .mainWrapperps .sizeDropdown .sizeLbl {
      height: 56px;
      overflow: inherit;
      display: table-cell;
      vertical-align: middle; }
      @media only screen and (min-width: 768px) {
        .mainWrapperps .sizeDropdown .sizeLbl {
          width: 230px;
          padding-right: 30px; } }
      @media (min-width: 768px) and (max-width: 800px) {
        .mainWrapperps .sizeDropdown .sizeLbl {
          width: 140px; } }
      @media (min-width: 800px) and (max-width: 1024px) {
        .mainWrapperps .sizeDropdown .sizeLbl {
          width: 190px;
          padding-right: 30px; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .mainWrapperps .sizeDropdown .sizeLbl {
          padding: 20px; } }
  .mainWrapperps .dropdownHeightPatch {
    background1: transparent;
    display: block;
    height: 30px;
    margin-top: -5px;
    display: none; }
  .mainWrapperps .stockStatusbackinstockBoxmbl {
    text-align: center; }
    @media (min-width: 768px) {
      .mainWrapperps .stockStatusbackinstockBoxmbl {
        display: none !important; } }
    .mainWrapperps .stockStatusbackinstockBoxmbl .stockStatusDesktop {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #EE3224;
      font-size: 0.8125rem;
      line-height: 20px;
      letter-spacing: 0px; }
  @media (min-width: 768px) {
    .mainWrapperps .sizeShippingWrappermbl {
      display: none !important; } }
  @media (max-width: 767px) {
    .mainWrapperps .sizeShippingWrapperlg {
      display: none !important; } }
  .mainWrapperps .productPricing .stockStatus {
    margin-top: 9px; }
    @media (max-width: 767px) {
      .mainWrapperps .productPricing .stockStatus {
        display: block !important; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .zoomContainer .productPricing .price {
      display: inline-block; } }
  .mainWrapperps .zoomContainer .productTitlePriceBlock {
    margin: 0; }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .reevoomark_badge {
      margin: 0 auto;
      display: inline-block; } }
  @media (max-width: 767px) {
    .mainWrapperps .variantTitlembl {
      display: none !important; } }
  @media (max-width: 767px) {
    .mainWrapperps .variationDecriptionlg {
      display: none !important; } }
  @media (min-width: 768px) {
    .mainWrapperps .productTitlePriceBlockmbl {
      display: none !important; } }
  .mainWrapperps .pdpMainImageSlider {
    border-bottom: none; }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .pdpMainImageSlider .flex-control-paging {
        border-bottom: 1px solid #cbd5df;
        height: 20px;
        max-width: 100%;
        margin-bottom: -20px;
        margin-left: 18px;
        margin-right: 18px;
        width: initial; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productbundles {
      margin-top: 9px; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .productbundles {
      margin-top: 68px; } }
  @media (min-width: 768px) {
    .mainWrapperps .productbundles .productViewerpsp {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 25%; } }
  .mainWrapperps .productbundles .productViewerpsp img {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .productbundles .productViewerpsp img {
        max-height: 280px;
        width: auto; } }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .productbundles .productViewerpsp img {
        max-height: 319px;
        width: auto; } }
  .mainWrapperps .productbundles .productViewerpsp .productViewModel {
    font-size: 11px; }
  .mainWrapperps .productbundles .productImages {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .productbundles .productImages {
        margin-top: 20px;
        border-top: 1px solid #cbd5df;
        border-bottom: 1px solid #cbd5df;
        margin-left: -10px;
        margin-right: -10px;
        height: 321px; } }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .productbundles .productImages {
        border: 1px solid #cbd5df;
        padding-top: 1px; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .productbundles .product-model-text {
      padding: 4px 10px; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productbundles .product-model-text {
      border-bottom: 1px solid #cbd5df;
      margin-bottom: 0; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .productbundles .product-model-text {
      position: absolute;
      height: inherit;
      margin-top: 0;
      left: 0;
      right: 0; } }
  .mainWrapperps .productbundles .wishlistSection {
    margin-top: 15px; }
    @media (max-width: 767px) {
      .mainWrapperps .productbundles .wishlistSection {
        display: none !important; } }
    @media (max-width: 767px) {
      .mainWrapperps .productbundles .wishlistSection.wishlistSectionmbl {
        display: block !important; } }
  .mainWrapperps .errorAddTocart .errorAddTocartMess {
    top: initial;
    bottom: 100px; }
    @media only screen and (min-width: 1300px) {
      .mainWrapperps .errorAddTocart .errorAddTocartMess {
        max-width: 535px;
        width: 108%;
        padding: 36px 33px 33px 29px;
        left: -4%; } }
    @media (min-width: 768px) and (max-width: 1300px) {
      .mainWrapperps .errorAddTocart .errorAddTocartMess {
        width: 100%;
        max-width: 535px;
        left: 0; } }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .errorAddTocart .errorAddTocartMess {
        bottom: 20px;
        padding: 47px 12px 12px 12px; } }
    .mainWrapperps .errorAddTocart .errorAddTocartMess .errorMessageText {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #EE3224;
      font-size: 1.375rem;
      line-height: 28px;
      letter-spacing: 0; }
      @media only screen and (max-width: 767px) {
        .mainWrapperps .errorAddTocart .errorAddTocartMess .errorMessageText {
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #EE3224;
          font-size: 1.25rem;
          line-height: 24px;
          letter-spacing: 0; } }
    .mainWrapperps .errorAddTocart .errorAddTocartMess .errorTip {
      top: initial;
      bottom: -17px; }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .add-all-to-cart {
      padding: 0 8px; } }
  @media (min-width: 768px) {
    .mainWrapperps .bundlesright {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 75%; } }
  .mainWrapperps .bundlesright .wishlistSectionmbl {
    text-transform: uppercase;
    text-align: center; }
    @media (min-width: 768px) {
      .mainWrapperps .bundlesright .wishlistSectionmbl {
        display: none !important; } }
  .mainWrapperps .bundlesright .productTitle {
    width: 65.99%;
    display: inline-block; }
    @media (max-width: 767px) {
      .mainWrapperps .bundlesright .productTitle {
        display: none !important; } }
    @media (max-width: 767px) {
      .mainWrapperps .bundlesright .productTitle.productTitlembl {
        display: block !important; } }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .bundlesright .productTitle.productTitlembl {
        width: 100%;
        margin-bottom: 0; } }
    .mainWrapperps .bundlesright .productTitle a {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1.5rem;
      line-height: 28px;
      letter-spacing: 0px; }
      @media only screen and (max-width: 767px) {
        .mainWrapperps .bundlesright .productTitle a {
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #323232;
          font-size: 1.25rem;
          line-height: 24px;
          letter-spacing: 0px; } }
  .mainWrapperps .bundlesright .productPricinglg {
    width: 100%;
    display: inline-block; }
    @media (max-width: 767px) {
      .mainWrapperps .bundlesright .productPricinglg .productrevoo {
        display: none !important; } }
    @media (max-width: 767px) {
      .mainWrapperps .bundlesright .productPricinglg .productrevoo.productrevoo {
        display: block !important; } }
    .mainWrapperps .bundlesright .productPricinglg .colorLable {
      position: inherit;
      margin-bottom: 0; }
      .mainWrapperps .bundlesright .productPricinglg .colorLable .variantTitle {
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #929BA9;
        font-size: 0.8125rem;
        line-height: 16px;
        letter-spacing: 0px; }
  .mainWrapperps .bundlesright .productShortDescriptionBlock {
    padding: 0 !important; }
    @media (max-width: 767px) {
      .mainWrapperps .bundlesright .productShortDescriptionBlock {
        display: none !important; } }
    @media (min-width: 768px) {
      .mainWrapperps .bundlesright .productShortDescriptionBlock {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 73.63%; } }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .bundlesright .productShortDescriptionBlock {
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #929BA9;
        font-size: 0.8125rem;
        line-height: 16px;
        letter-spacing: 0px; } }
    .mainWrapperps .bundlesright .productShortDescriptionBlock a {
      text-decoration: underline;
      color: #929BA9; }
  .mainWrapperps .bundlesright .productcode {
    margin-top: 14px;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #929BA9;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px;
    display: inline-block; }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .bundlesright .sizeShippingWrapper {
      float: right;
      width: auto;
      margin: 15px 0 25px 0; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .bundlesright .sizeShippingWrapper {
      margin: 17px 0 24px 0; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .bundlesright .sizeShippingWrapper .setsizeChartLabel {
      padding-right: 0;
      width: 100%; } }
  .mainWrapperps .bundlesright .sizeShippingWrapper .setsizeChartLabel .sizeChartLink {
    width: auto;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 1.3px;
    text-align: center;
    padding: 0 30px 0 0; }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .bundlesright .sizeShippingWrapper .setsizeChartLabel .sizeChartLink {
        font-size: 14px;
        text-align: left; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .bundlesright .quantitySize {
      position: initial; } }
  @media (max-width: 767px) {
    .mainWrapperps .addtobagvarient {
      display: none !important; } }
  @media (min-width: 768px) {
    .mainWrapperps .addtobagvarient {
      display: none !important; } }
  .mainWrapperps .productrevoo {
    padding-left: 0 !important; }
    @media (min-width: 768px) {
      .mainWrapperps .productrevoo {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 44.33%; } }
    @media (max-width: 767px) {
      .mainWrapperps .productrevoo .reevooPDPBadgelg {
        display: none !important; } }
    .mainWrapperps .productrevoo .reevooPDPBadgelg .reevooPDPConversation {
      width: 51.8%; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .mainWrapperps .productrevoo .reevooPDPBadgelg .reevooPDPConversation {
          width: auto; } }
    @media (min-width: 768px) {
      .mainWrapperps .productrevoo .reevooPDPRatingMobile {
        display: none !important; } }
    @media (max-width: 767px) {
      .mainWrapperps .productrevoo .reevooPDPRating {
        display: none !important; } }
    .mainWrapperps .productrevoo .reevooPDPRating, .mainWrapperps .productrevoo .reevooPDPConversation {
      display: inline-block; }
  @media (min-width: 768px) {
    .mainWrapperps .sizecolorvarient {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 55.67%; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .sizecolorvarient {
      margin-right: auto;
      margin-left: auto;
      padding-left: 10px;
      padding-right: 10px;
      padding: 0 18px; }
      .mainWrapperps .sizecolorvarient:before, .mainWrapperps .sizecolorvarient:after {
        content: " ";
        display: table; }
      .mainWrapperps .sizecolorvarient:after {
        clear: both; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .sizecolorvarient {
      padding-right: 0; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .sizecolorvarient .stockStatusbackinstockBox {
      padding-top: 8px;
      width: 47.93%;
      float: right;
      clear: both; } }
  .mainWrapperps .sizecolorvarient .stockStatusbackinstockBox .stockStatusDesktop {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #EE3224;
    font-size: 0.8125rem;
    line-height: 20px;
    letter-spacing: 0px; }
  .mainWrapperps .productViewerpspmbl {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 1.25rem;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center; }
    @media (min-width: 768px) {
      .mainWrapperps .productViewerpspmbl {
        display: none !important; } }
    .mainWrapperps .productViewerpspmbl a {
      color: #323232; }
    .mainWrapperps .productViewerpspmbl h2 {
      font-size: 1.25rem;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif; }
  @media (max-width: 767px) {
    .mainWrapperps .productcode {
      display: none !important; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .sizecolorvarient {
      -ms-flex-direction: column;
          flex-direction: column;
      display: -ms-flexbox;
      display: flex;
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .sizecolorvarient .shortDescription {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productVariant {
      -ms-flex-order: 2;
          order: 2; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .productVariant {
      position: absolute; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .sizeShippingWrapper {
      -ms-flex-order: 1;
          order: 1; } }
  .mainWrapperps .sizeShippingWrapper .shippingContent .shippingText {
    padding: 5px 0; }
  .mainWrapperps .sizeShippingWrapper .sizeChartLabel {
    margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productVariant.variationsize {
      -ms-flex-order: 3;
          order: 3;
      margin-right: 0;
      margin-bottom: 0;
      margin: 0 auto;
      width: 100%; } }
  @media (max-width: 767px) {
    .mainWrapperps .mainImageContainer {
      display: none !important; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .mainImageContainer .videoFrame {
      width: 100%;
      height: 100%; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .mainImageContainer {
      border: none; } }
  @media (max-width: 767px) {
    .mainWrapperps .mainImageContainer .mainImage {
      display: block !important; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .product-model-text {
      padding: 4px; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .product-model-text {
      margin-left: 8px;
      margin-right: 8px;
      padding: 4px; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productTitlePriceBlock {
      margin: 13px 0 44px 0;
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productTitlePriceBlock .setPricing {
      margin: 0; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productTitlePriceBlock .setPricing .pricerange {
      padding: 0 !important; } }
  .mainWrapperps .productTitlePriceBlock .productTitle {
    margin-bottom: 19px; }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .productTitlePriceBlock .productTitle {
        margin-bottom: 0; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .productTitlePriceBlock .productPriceReviewBlock {
      width: 280px;
      height: 28px;
      display: inline-block; } }
  .mainWrapperps .productTitlePriceBlock .productShortDescriptionBlock {
    width: 90%;
    display: block;
    clear: both;
    padding: 0;
    margin-bottom: 82px;
    line-height: 24px;
    font-size: 20px;
    max-height: 50px;
    overflow: hidden; }
    @media (max-width: 767px) {
      .mainWrapperps .productTitlePriceBlock .productShortDescriptionBlock {
        display: none !important; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .mainWrapperps .productTitlePriceBlock .productShortDescriptionBlock {
        width: 100%; } }
    .mainWrapperps .productTitlePriceBlock .productShortDescriptionBlock .pdpshort {
      display: inline-block; }
  .mainWrapperps .productTitlePriceBlock .variationDecription {
    margin-top: 16px; }
  .mainWrapperps .productTitlePriceBlock .promotionalText {
    margin-top: 41px; }
  .mainWrapperps .shortDescription {
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .shortDescription {
        width: 100%;
        float: left;
        height: inherit !important; } }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .shortDescription .product-add-to-cart {
        padding: 0 8px; } }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .shortDescription .addToCart {
        margin-top: 45px; } }
    .mainWrapperps .shortDescription .sizeChartLabel {
      text-align: left; }
      @media only screen and (max-width: 767px) {
        .mainWrapperps .shortDescription .sizeChartLabel {
          text-align: center; } }
  .mainWrapperps .promotionalText {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #EE3224;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px;
    background: none;
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .promotionalText {
        margin-bottom: 23px;
        cursor: default; } }
    .mainWrapperps .promotionalText a {
      background: none;
      padding: 0; }
      .mainWrapperps .promotionalText a.moreLink {
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #EE3224;
        font-size: 0.8125rem;
        line-height: 16px;
        letter-spacing: 0px;
        text-decoration: none;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .mainWrapperps .promotionalText a.moreLink {
            display: block;
            text-indent: initial;
            top: inherit;
            left: inherit;
            position: inherit; } }
  .mainWrapperps .informationPopup h4 {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #EE3224;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px;
    display: inline-block; }
  .mainWrapperps .informationPopup a {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #EE3224;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px; }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .informationPopup a {
        display: block; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .informationPopup {
      margin-left: 18px;
      margin-right: 18px; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .informationMessageWrapper #psp_information_message {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1.25rem;
      line-height: 24px;
      letter-spacing: 0px;
      width: 354px;
      margin-top: 23px;
      margin-bottom: 20px; } }
  @media (min-width: 768px) and (max-width: 870px) {
    .mainWrapperps .informationMessageWrapper #psp_information_message {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .informationMessageWrapper #psp_information_message {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1rem;
      line-height: 22px;
      letter-spacing: 0px;
      margin-top: 17px;
      margin-bottom: 15px; } }
  .mainWrapperps .pdpForm {
    position: initial; }
  .mainWrapperps .productSize {
    z-index: 1; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .productSize {
        top: 78px; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .mainWrapperps .productSize {
        top: 77px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .mainWrapperps .productSize {
        top: 77px; } }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .productSize.masterproduct {
        top: 78px;
        width: 97.8%; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .mainWrapperps .productSize.masterproduct {
        top: 77px; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .productColorSwatch {
      margin-bottom: 15px; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .productColorSwatch {
      position: absolute;
      width: 98%; } }
  .mainWrapperps .productColorSwatch .selectcontainer {
    width: 84.94%;
    position: relative;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .productColorSwatch .selectcontainer {
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .quantityColor {
      position: relative; } }
  .mainWrapperps .quantityColor select {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px;
    margin: 0; }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .quantityColor {
      background: #fff;
      border: 2px solid #cbd5df;
      border-radius: 2px;
      max-width: 480px;
      width: 100%;
      position: absolute;
      z-index: 1;
      top: -5px; }
      .mainWrapperps .quantityColor ul {
        padding: 26px; }
      .mainWrapperps .quantityColor li.option {
        border: 1px solid #cbd5df;
        width: 72px;
        height: 40px;
        margin-right: -1px;
        margin-bottom: -1px;
        background: #fff;
        text-align: center;
        float: left; }
      .mainWrapperps .quantityColor img {
        width: 100%;
        height: 40px; } }
  @media (min-width: 768px) and (max-width: 800px) {
    .mainWrapperps .quantityColor {
      top: -6px; } }
  @media only screen and (max-width: 767px) {
    .mainWrapperps .bundletitle {
      margin-top: 24px; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .bundletitle {
      margin-top: 61px; } }
  .mainWrapperps .bundletitle h1 {
    text-transform: uppercase;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .bundletitle h1 {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 3.6875rem;
        line-height: 59px;
        letter-spacing: 4px;
        text-align: center; } }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .bundletitle h1 {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1.25rem;
        line-height: 20px;
        letter-spacing: 1.66px;
        padding: 0 10px 0 17px; } }
  @media (max-width: 767px) {
    .mainWrapperps .bundletitle .productrevoo {
      display: none !important; } }
  .mainWrapperps .pspProductAccordion {
    clear: both; }
    .mainWrapperps .pspProductAccordion .ui-accordion-content {
      padding: inherit; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .pspProductAccordion .pdp-accordion-label {
        text-align: center;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 3rem;
        line-height: 59px;
        letter-spacing: 4px; } }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .pspProductAccordion .pdp-accordion-label {
        border-left: 0;
        border-right: 0;
        background-color: #fff; }
        .mainWrapperps .pspProductAccordion .pdp-accordion-label.ui-accordion-header {
          margin: -1px 0 0 0; } }
    .mainWrapperps .pspProductAccordion .pdp-accordion-label .ui-accordion-header-icon {
      right: 19px !important;
      left: inherit !important; }
    .mainWrapperps .pspProductAccordion .pdp-accordion-label .ui-icon.ui-icon-plus {
      background: url("../img/add-icon.svg") no-repeat;
      background-size: 12px;
      width: 12px;
      height: 12px; }
    .mainWrapperps .pspProductAccordion .pdp-accordion-label .ui-icon.ui-icon-minus {
      background: url("../img/minus-icon.svg") no-repeat;
      background-size: 12px;
      width: 12px;
      height: 12px;
      background-position-y: 5px; }
    .mainWrapperps .pspProductAccordion .ui-state-default, .mainWrapperps .pspProductAccordion .ui-state-hover, .mainWrapperps .pspProductAccordion .ui-state-active {
      border-top: 1px solid #cbd5df; }
  .mainWrapperps .goFasterTitleBlock {
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .goFasterTitleBlock {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 3rem;
        line-height: 59px;
        letter-spacing: 4px;
        padding-top: 54px;
        padding-bottom: 69px;
        border-top: 1px solid #cbd5df;
        margin-top: -1px;
        text-align: center; } }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .goFasterTitleBlock {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1.25rem;
        line-height: 24px;
        letter-spacing: 1.66px;
        padding: 20px 19px 20px 17px; } }
  .mainWrapperps .goFasterContentBlock {
    border-bottom: 1px solid #cbd5df; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .goFasterContentBlock {
        padding-bottom: 93px; } }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .goFasterContentBlock {
        padding-bottom: 0;
        margin: 0; } }
  .mainWrapperps .setProduct {
    width: 100%;
    float: left; }
    @media only screen and (max-width: 767px) {
      .mainWrapperps .setProduct {
        margin-top: 20px;
        border-bottom: 1px solid #cbd5df;
        padding-bottom: 22px; } }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .setProduct {
        padding: 36px 0 35px 0; } }
    .mainWrapperps .setProduct:first-child {
      padding-top: 0; }
    .mainWrapperps .setProduct:last-child {
      padding: 36px 0 94px 0;
      border-bottom: none; }
    .mainWrapperps .setProduct .price {
      padding-top: 14px;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1.25rem;
      line-height: 16px;
      letter-spacing: 0px; }
      @media only screen and (max-width: 767px) {
        .mainWrapperps .setProduct .price {
          padding-top: 0;
          margin-right: 5px; } }
      .mainWrapperps .setProduct .price.regular {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #EE3224;
        font-size: 1rem;
        line-height: 16px;
        letter-spacing: 0px; }
    .mainWrapperps .setProduct .productid {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #929BA9;
      font-size: 0.8125rem;
      line-height: 16px;
      letter-spacing: 0px; }
      @media only screen and (min-width: 768px) {
        .mainWrapperps .setProduct .productid {
          margin-top: 10px; } }
  .mainWrapperps .promotionsContainer {
    padding-top: 6px;
    margin: 0; }
    .mainWrapperps .promotionsContainer .promotionalText, .mainWrapperps .promotionsContainer a {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #EE3224;
      font-size: 0.8125rem;
      line-height: 16px;
      letter-spacing: 0px;
      background: none;
      padding: 0; }
    .mainWrapperps .promotionsContainer a {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif; }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .colorDropdown, .mainWrapperps .sizeDropdown {
      width: 47.93%;
      height: auto;
      border-width: 2px 2px 2px 2px;
      border-color: #cbd5df;
      border-style: solid;
      border-radius: 2px;
      background: #fff;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.56px;
      display: inline-block;
      text-align: center;
      z-index: 2;
      position: relative;
      text-transform: uppercase;
      cursor: pointer; } }
  @media only screen and (min-width: 768px) and (max-width: 767px) {
    .mainWrapperps .colorDropdown, .mainWrapperps .sizeDropdown {
      display: none !important; } }
  @media only screen and (min-width: 768px) {
      .mainWrapperps .colorDropdown .colorImg, .mainWrapperps .colorDropdown .sizeNmbr, .mainWrapperps .sizeDropdown .colorImg, .mainWrapperps .sizeDropdown .sizeNmbr {
        display: inline-block; }
      .mainWrapperps .colorDropdown .dropDown, .mainWrapperps .sizeDropdown .dropDown {
        background: url("../img/DropDown Arrow.svg") no-repeat;
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 8px;
        right: 13px;
        top: 25px; }
      .mainWrapperps .colorDropdown .arrowUp, .mainWrapperps .sizeDropdown .arrowUp {
        background: url("../img/DropDown Arrow Up.svg") no-repeat;
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 9px;
        right: 10px;
        top: 25px; } }
  @media only screen and (min-width: 768px) {
    .mainWrapperps .colorDropdown {
      margin-right: 3.8%;
      height: 60px; } }
  .mainWrapperps .colorDropdown .colorLbl {
    display: inline-block;
    width: 100%;
    height: 56px;
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (min-width: 768px) {
      .mainWrapperps .colorDropdown .colorLbl {
        width: 230px;
        padding-right: 30px; } }
    @media (min-width: 768px) and (max-width: 800px) {
      .mainWrapperps .colorDropdown .colorLbl {
        width: 140px; } }
    @media (min-width: 800px) and (max-width: 1024px) {
      .mainWrapperps .colorDropdown .colorLbl {
        width: 190px;
        padding-right: 30px; } }
    .mainWrapperps .colorDropdown .colorLbl .colorImg {
      pointer-events: none; }
      @media (min-width: 768px) and (max-width: 800px) {
        .mainWrapperps .colorDropdown .colorLbl .colorImg {
          display: block; } }
  @media (max-width: 767px) {
    .mainWrapperps .productidlg {
      display: none !important; } }
  .mainWrapperps .productidmbl {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #929BA9;
    font-size: 0.6875rem;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 8px; }
    @media (min-width: 768px) {
      .mainWrapperps .productidmbl {
        display: none !important; } }
    .mainWrapperps .productidmbl .promotionalText {
      margin-top: 0; }
  @media (max-width: 767px) {
    .mainWrapperps .cartActionsButton {
      display: none !important; } }
  @media (min-width: 768px) {
    .mainWrapperps .cartActionsButton {
      display: none !important; } }
  @media (max-width: 767px) {
    .mainWrapperps .quantityActionWrapper {
      display: none !important; } }
  @media (min-width: 768px) {
    .mainWrapperps .quantityActionWrapper {
      display: none !important; } }
  .mainWrapperps .promotionalText .moreLink {
    margin: 0;
    float: none; }
  .mainWrapperps .wishlistSection .cartActionsButtonText {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 1.36px;
    position: relative;
    text-transform: uppercase; }
  .mainWrapperps .wishlistSection span {
    display: inline-block; }
  .mainWrapperps .setwishlist {
    background: url("../img/Wishlist.svg") no-repeat;
    width: 16px;
    height: 14px;
    float: right;
    margin-left: 5px;
    margin-top: 1px; }

.socialLinks {
  display: none; }

.social-section-iframe {
  transform: scale(1.7);
  transform-origin: top left; }

.socialLinkIcon {
  box-shadow: none;
  border: 1px solid #000;
  padding: 27px 28px;
  margin-top: -34px;
  border-radius: 3px;
  margin-left: -39px; }
  @media only screen and (max-width: 767px) {
    .socialLinkIcon {
      border: none;
      padding: 13px 72px 0px;
      margin-left: 0%; } }
  .socialLinkIcon .prodcutSocial {
    width: 100%;
    float: left; }
    .socialLinkIcon .prodcutSocial .social-section {
      width: 18.67%;
      float: left;
      margin: 0 3.1%;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .socialLinkIcon .prodcutSocial .social-section {
          width: 43.67%;
          margin: 0 3.33% 38px 3%; } }
      .socialLinkIcon .prodcutSocial .social-section .social-section-iframe {
        transform: scale(1.7);
        transform-origin: top left; }
      .socialLinkIcon .prodcutSocial .social-section a.sociallink.fb {
        width: 36px;
        height: 36px; }
        @media only screen and (max-width: 767px) {
          .socialLinkIcon .prodcutSocial .social-section a.sociallink.fb {
            width: 44px;
            height: 44px; } }
      .socialLinkIcon .prodcutSocial .social-section a.sociallink.tw {
        width: 36px;
        height: 36px; }
        @media only screen and (max-width: 767px) {
          .socialLinkIcon .prodcutSocial .social-section a.sociallink.tw {
            width: 44px;
            height: 44px; } }
      .socialLinkIcon .prodcutSocial .social-section.pinterest {
        outline: none; }
        .socialLinkIcon .prodcutSocial .social-section.pinterest a {
          width: 36px;
          height: 36px;
          display: block;
          outline: none; }
          @media only screen and (max-width: 767px) {
            .socialLinkIcon .prodcutSocial .social-section.pinterest a {
              width: 44px;
              height: 44px; } }
        .socialLinkIcon .prodcutSocial .social-section.pinterest span {
          background: url(../img/Pinterest_HEX_v1.svg) no-repeat;
          width: 36px;
          height: 36px;
          outline: none; }
          @media only screen and (max-width: 767px) {
            .socialLinkIcon .prodcutSocial .social-section.pinterest span {
              width: 44px;
              height: 44px; } }
      .socialLinkIcon .prodcutSocial .social-section a.sociallink.print {
        width: 36px;
        height: 36px; }
        @media only screen and (max-width: 767px) {
          .socialLinkIcon .prodcutSocial .social-section a.sociallink.print {
            width: 44px;
            height: 44px; } }
  .socialLinkIcon .mobShare {
    display: none; }
    @media only screen and (max-width: 767px) {
      .socialLinkIcon .mobShare {
        display: block;
        text-align: center;
        padding-bottom: 30px;
        text-transform: uppercase;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1.25rem;
        line-height: 20px;
        letter-spacing: 2px; } }
  .socialLinkIcon .qtip-tip {
    background: none; }
    .socialLinkIcon .qtip-tip canvas {
      display: block;
      margin-left: -1px;
      margin-top: -1px; }
  .socialLinkIcon .qtip-close {
    background: url("../img/Cross_4.svg") no-repeat 50% 50%;
    width: 8px;
    height: 12px;
    right: 17px;
    top: 10px; }
    @media only screen and (max-width: 767px) {
      .socialLinkIcon .qtip-close {
        margin: 0; } }

.imageSwatchesContainer .addAllToFavoritesMobile {
  display: none; }

.socialSection .wishlistSection .addAllToFavorites {
  display: none; }

.pspManualRecommendationTitleWrappper {
  border-top: 1px solid #e4e4e4;
  float: left;
  width: 100%; }
  .pspManualRecommendationTitleWrappper #psp-manual-recommendation-title {
    float: left;
    width: 100%;
    text-align: center; }

@media only screen and (min-width: 768px) {
  .recommendationsContainer {
    max-width: 100%;
    padding: 0;
    margin: 0; } }

/**
 * 
 */
/**
* Global Dropdown css
**/
.ddcommon {
  position: relative;
  float: left;
  outline: none;
  height: 45px;
  padding: 0 5px;
  cursor: pointer; }
  .ddcommon .arrow {
    display: inline-block;
    position: absolute;
    top: 41%;
    right: 10px; }
  .ddcommon ul {
    padding: 0;
    margin: 0; }
  .ddcommon .ddChild {
    border: 1px solid #c3c3c3;
    left: -1px;
    position: absolute;
    display: none;
    width: 100.44%;
    overflow-y: auto;
    overflow-x: hidden;
    zoom: 1;
    z-index: 9999; }
    .ddcommon .ddChild li {
      cursor: pointer;
      padding-left: 42px;
      clear: both;
      list-style-type: none;
      padding: 7px 5px; }
      .ddcommon .ddChild li .ddlabel {
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1rem;
        line-height: 16px;
        letter-spacing: 0px; }
    .ddcommon .ddChild li.selected .ddlabel {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #fff;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 0px; }

.mainWrapper {
  /*
*product no longer available 
*/ }
  .mainWrapper .pageWrapper {
    position: relative; }
    @media (min-width: 768px) {
      .mainWrapper .pageWrapper .productTitlePriceBlock {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 100%; } }
  .mainWrapper .productViewer {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      .mainWrapper .productViewer {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 58.3333333333%; } }
    @media only screen and (max-width: 767px) {
      .mainWrapper .productViewer {
        margin-bottom: 8px; } }
  @media (min-width: 768px) {
    .mainWrapper .zoomContainer {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 41.6666666667%; } }
  @media only screen and (min-width: 768px) {
    .mainWrapper .zoomContainer {
      min-height: 580px; } }
  .mainWrapper .zoomContainer .productTitlePriceBlock {
    margin-bottom: 200px; }
    @media (max-width: 767px) {
      .mainWrapper .zoomContainer .productTitlePriceBlock {
        display: none !important; } }
    @media (min-width: 768px) {
      .mainWrapper .zoomContainer .productTitlePriceBlock {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 100%; } }
    .mainWrapper .zoomContainer .productTitlePriceBlock.productHeading {
      padding: 0; }
  @media only screen and (min-width: 768px) {
    .mainWrapper .zoomContainer .shortDescription {
      padding: 0;
      position: absolute;
      width: 100%;
      bottom: 0; } }
  .mainWrapper .productDetails {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }
    @media only screen and (min-width: 768px) {
      .mainWrapper .productDetails {
        padding: 0;
        position: absolute;
        bottom: 0;
        margin-bottom: 0;
        width: 96.1%; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .mainWrapper .productDetails {
        width: 94.1%; } }
    @media only screen and (max-width: 767px) {
      .mainWrapper .productDetails .cartActionsButton {
        padding: 0;
        background: none;
        width: 94.67%;
        display: inline-block; } }
    @media only screen and (min-width: 768px) {
      .mainWrapper .productDetails .cartActionsButton {
        margin-top: 0; } }
    @media (max-width: 767px) {
      .mainWrapper .productDetails .cartActionsButton .variationSelectionError {
        display: none !important; } }
    @media (min-width: 768px) {
      .mainWrapper .productDetails .cartActionsButton .variationSelectionError {
        display: none !important; } }
    @media only screen and (min-width: 768px) {
      .mainWrapper .productDetails button {
        padding: 0; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .mainWrapper .productDetails button {
        padding: 0; } }
    .mainWrapper .productDetails button[disabled].addToCart {
      background: #EE3224 !important; }
    .mainWrapper .productDetails button[disabled].addtocart:hover {
      background: #EE3224; }
    .mainWrapper .productDetails .addToCart {
      background: #EE3224;
      border-radius: 2px;
      width: 100%;
      text-align: center;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #fff;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.56px;
      height: 69px;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .mainWrapper .productDetails .addToCart {
          height: 44px;
          margin-top: 9px; } }
      @media only screen and (min-width: 1024px) {
        .mainWrapper .productDetails .addToCart.structrured-applepay {
          width: 48.5%;
          margin-right: 2%;
          margin-top: -3px; } }
    .mainWrapper .productDetails .applepay-button {
      height: 69px;
      width: 100%;
      background-size: 30% 40%;
      border-radius: 3px; }
      @media only screen and (min-width: 1024px) {
        .mainWrapper .productDetails .applepay-button {
          width: 47.5%;
          margin-left: 1%; } }
      @media only screen and (max-width: 1023px) {
        .mainWrapper .productDetails .applepay-button {
          margin: 9px auto 0; } }
      @media only screen and (max-width: 767px) {
        .mainWrapper .productDetails .applepay-button {
          height: 44px;
          background-size: 40% 50%; } }
    .mainWrapper .productDetails button.dw-apple-pay-logo-white {
      border: 1px solid #323232; }
  .mainWrapper .pdpNoavailble .productNoLongerText {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #EE3224;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .mainWrapper .pdpNoavailble .productNoLongerText {
        margin-bottom: 7px;
        padding: 0; } }
  .mainWrapper .pdpNoavailble .sizeChartLabel {
    margin-bottom: 0; }
    .mainWrapper .pdpNoavailble .sizeChartLabel .sizeGuidediv .sizeChartLink {
      padding-bottom: 4px; }
      @media only screen and (min-width: 768px) and (max-width: 1025px) {
        .mainWrapper .pdpNoavailble .sizeChartLabel .sizeGuidediv .sizeChartLink {
          padding: 4px 0; } }
      @media only screen and (max-width: 767px) {
        .mainWrapper .pdpNoavailble .sizeChartLabel .sizeGuidediv .sizeChartLink {
          padding: 4px 0;
          width: 130px; } }
    .mainWrapper .pdpNoavailble .sizeChartLabel .shippingText {
      padding-bottom: 4px; }
      @media only screen and (min-width: 768px) and (max-width: 1025px) {
        .mainWrapper .pdpNoavailble .sizeChartLabel .shippingText {
          margin-left: 10px;
          padding: 4px 0; } }
  .mainWrapper .pdpNoavailble .cartActionsButtonNoLonger {
    background-color: transparent; }
    .mainWrapper .pdpNoavailble .cartActionsButtonNoLonger a {
      background: #EE3224;
      border-radius: 2px;
      width: 100%;
      text-align: center;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #fff;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.56px;
      padding: 23px 0;
      text-transform: uppercase;
      margin-top: 20px; }
      @media only screen and (min-width: 768px) and (max-width: 1025px) {
        .mainWrapper .pdpNoavailble .cartActionsButtonNoLonger a {
          font-size: 13px; } }
      @media only screen and (max-width: 767px) {
        .mainWrapper .pdpNoavailble .cartActionsButtonNoLonger a {
          height: 44px;
          margin-top: 5px;
          padding: 17px 0;
          font-size: 10px;
          margin: 0; } }
      @media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
        .mainWrapper .pdpNoavailble .cartActionsButtonNoLonger a {
          font-size: 16px;
          padding: 14px 0; } }
    @media only screen and (max-width: 767px) {
      .mainWrapper .pdpNoavailble .cartActionsButtonNoLonger {
        padding-top: 15px; } }
  @media only screen and (max-width: 767px) {
    .mainWrapper .pdpNoavailble {
      margin-bottom: 4px; } }
  .mainWrapper .productNotAvailableWrapper .socialSection .videoSection {
    text-align: center; }
    @media (min-width: 768px) {
      .mainWrapper .productNotAvailableWrapper .socialSection .videoSection {
        margin-left: 0%; } }
    @media (min-width: 768px) {
      .mainWrapper .productNotAvailableWrapper .socialSection .videoSection {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 58.3333333333%; } }
    .mainWrapper .productNotAvailableWrapper .socialSection .videoSection a {
      width: 100%;
      float: none; }

@media (min-width: 768px) {
  .productViewercontainer .productTitlePriceBlock {
    display: none !important; } }

@media (min-width: 768px) {
  .productViewercontainer .productTitlePriceBlock {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 100%; } }

.zoomWrapper {
  height: 580px;
  width: 96%;
  z-index: -1;
  position: absolute; }
  @media (max-width: 767px) {
    .zoomWrapper {
      display: none !important; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .zoomWrapper {
      height: 364px; } }

.zoomIndex {
  z-index: 3;
  border: 1px solid #cbd5df; }

.zoomImg {
  cursor: url("../img/ZoomPan_Desktop_v1.svg") 32 39, auto !important; }

.mainImageContainer {
  cursor: url("../img/ZoomExpand_Desktop_v1.svg") 32 32, crosshair; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mainImageContainer {
      cursor: url("../img/ZoomExpand_Desktop_v1.svg"), crosshair; } }
  .mainImageContainer .imageZoomIcon {
    position: absolute;
    z-index: 5;
    top: 19px;
    right: 15px;
    width: 32px;
    height: 32px;
    cursor: pointer; }
    @media (min-width: 768px) {
      .mainImageContainer .imageZoomIcon {
        display: none !important; } }
    .mainImageContainer .imageZoomIcon:before {
      background: url("../img/CROSS.svg") no-repeat left bottom;
      content: '';
      left: 0;
      width: 32px;
      height: 32px;
      position: absolute; }

@media only screen and (max-width: 767px) {
  .zoomed .imageZoomIcon {
    position: absolute;
    z-index: 5;
    top: 17px;
    right: 15px;
    width: 32px;
    height: 32px;
    cursor: pointer; }
    .zoomed .imageZoomIcon:before {
      background: url("../img/CROSS 2.svg") no-repeat left bottom;
      content: '';
      left: 0;
      width: 32px;
      height: 32px;
      position: absolute; } }

/*
 * You may like section
 */
#pdp-recommendation-title, #psp-manual-recommendation-title {
  text-transform: uppercase;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    #pdp-recommendation-title, #psp-manual-recommendation-title {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #42515B;
      font-size: 2rem;
      line-height: 39px;
      letter-spacing: 2.66px;
      margin-top: 44px;
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    #pdp-recommendation-title, #psp-manual-recommendation-title {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1rem;
      line-height: 20px;
      letter-spacing: 1.6px;
      margin-top: 32px;
      margin-bottom: 20px; } }

/*
 * PDP Accordian for GO FASTER,TECHNOLOGY OVERVIEW,READ REVIEWS area
 */
.pdp-accordion-grp {
  width: 100%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .pdp-accordion-grp {
      -ms-flex-order: 1;
          order: 1; } }
  .pdp-accordion-grp .ui-accordion-content {
    padding: inherit; }
  .pdp-accordion-grp .pdp-accordion-label {
    clear: both;
    margin: 0; }
    @media only screen and (min-width: 768px) {
      .pdp-accordion-grp .pdp-accordion-label {
        text-align: center;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 3rem;
        line-height: 59px;
        letter-spacing: 4px; } }
    @media only screen and (max-width: 767px) {
      .pdp-accordion-grp .pdp-accordion-label {
        border-left: 0;
        border-right: 0;
        background-color: #fff;
        line-height: 64px; }
        .pdp-accordion-grp .pdp-accordion-label.ui-accordion-header {
          border-top: 1px solid #cbd5df;
          border-bottom: 1px solid #cbd5df;
          margin: -1px 0 0 0;
          padding: 0;
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #323232;
          font-size: 1.25rem;
          line-height: 64px;
          letter-spacing: 1.66px; } }
    .pdp-accordion-grp .pdp-accordion-label .ui-accordion-header-icon {
      right: 19px !important;
      left: inherit !important; }
    .pdp-accordion-grp .pdp-accordion-label.reevooTitleBlock {
      display: none;
      text-transform: uppercase; }
      @media only screen and (min-width: 768px) {
        .pdp-accordion-grp .pdp-accordion-label.reevooTitleBlock {
          padding-top: 90px;
          padding-bottom: 57px;
          border-top: 1px solid #cbd5df;
          max-width: 1200px;
          margin: 0 auto; } }
      @media only screen and (max-width: 767px) {
        .pdp-accordion-grp .pdp-accordion-label.reevooTitleBlock {
          padding-left: 17px; } }
    .pdp-accordion-grp .pdp-accordion-label.tech-label {
      border: none; }
      @media only screen and (max-width: 767px) {
        .pdp-accordion-grp .pdp-accordion-label.tech-label .ui-icon.ui-icon-plus {
          background: url("../img/add-icon-white.svg") no-repeat; }
        .pdp-accordion-grp .pdp-accordion-label.tech-label .ui-icon.ui-icon-minus {
          background: url("../img/minus-icon-white.svg") no-repeat;
          background-position-y: 5px; } }
      .pdp-accordion-grp .pdp-accordion-label.tech-label .tech-label-content {
        background-color: #42515B; }
        @media only screen and (min-width: 768px) {
          .pdp-accordion-grp .pdp-accordion-label.tech-label .tech-label-content {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #fff;
            font-size: 3rem;
            line-height: 59px;
            letter-spacing: 4px;
            padding-top: 103px;
            padding-bottom: 83px; } }
        @media only screen and (max-width: 767px) {
          .pdp-accordion-grp .pdp-accordion-label.tech-label .tech-label-content {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #fff;
            font-size: 1.25rem;
            line-height: 24px;
            letter-spacing: 1.66px;
            padding: 20px 19px 20px 17px; } }
    @media only screen and (min-width: 768px) {
      .pdp-accordion-grp .pdp-accordion-label .goFasterTitleBlock {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 3rem;
        line-height: 59px;
        letter-spacing: 4px;
        padding-top: 54px;
        padding-bottom: 69px;
        border-top: 1px solid #cbd5df;
        margin-top: -1px; } }
    @media only screen and (max-width: 767px) {
      .pdp-accordion-grp .pdp-accordion-label .goFasterTitleBlock {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1.25rem;
        line-height: 24px;
        letter-spacing: 1.66px;
        padding: 20px 19px 20px 17px; } }
  .pdp-accordion-grp .ui-icon.ui-icon-plus {
    background: url("../img/add-icon.svg") no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px; }
  .pdp-accordion-grp .ui-icon.ui-icon-minus {
    background: url("../img/minus-icon.svg") no-repeat;
    background-size: 12px;
    width: 12px;
    height: 12px;
    background-position-y: 5px; }
  .pdp-accordion-grp .ui-state-default {
    color: #323232; }
  .pdp-accordion-grp .ui-state-hover {
    color: #323232; }
  .pdp-accordion-grp .tech-body {
    background-color: #42515B;
    color: #fff;
    overflow-x: hidden;
    padding: 0;
    margin-top: -1px; }
    @media only screen and (min-width: 768px) {
      .pdp-accordion-grp .tech-body {
        padding: 0 0 111px 0; } }
    @media (min-width: 768px) {
      .pdp-accordion-grp .tech-body .video-area {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 58.3333333333%; } }
    @media only screen and (min-width: 768px) {
      .pdp-accordion-grp .tech-body .video-area {
        height: 384px; } }
    @media (min-width: 767px) and (max-width: 1024px) {
      .pdp-accordion-grp .tech-body .video-area {
        height: 246px; } }
    @media only screen and (max-width: 767px) {
      .pdp-accordion-grp .tech-body .video-area {
        height: 200px; } }
    .pdp-accordion-grp .tech-body .small-text {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #fff;
      font-size: 1rem;
      line-height: 18px;
      letter-spacing: 0px; }
      @media (min-width: 768px) {
        .pdp-accordion-grp .tech-body .small-text {
          position: relative;
          min-height: 1px;
          padding-left: 10px;
          padding-right: 10px;
          float: left;
          width: 33.3333333333%; } }
      @media (min-width: 768px) {
        .pdp-accordion-grp .tech-body .small-text {
          margin-left: 8.3333333333%; } }
      @media only screen and (min-width: 768px) {
        .pdp-accordion-grp .tech-body .small-text {
          padding: 0 10px 44px 10px; } }
      @media only screen and (max-width: 767px) {
        .pdp-accordion-grp .tech-body .small-text {
          padding: 24px 40px 44px 20px; } }
  @media only screen and (min-width: 768px) {
    .pdp-accordion-grp .goFasterContentBlock {
      padding-bottom: 93px; } }
  @media only screen and (max-width: 767px) {
    .pdp-accordion-grp .goFasterContentBlock {
      padding-bottom: 0;
      margin: 0; } }
  @media only screen and (min-width: 768px) {
    .pdp-accordion-grp .reevooDescBlockContainer {
      padding-bottom: 47px; } }
  .pdp-accordion-grp .reevooDescBlockContainer .reevooModelContainer {
    display: none; }

/*
 * pdp model text section
 */
.product-model-text {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px; }
  @media only screen and (min-width: 768px) {
    .product-model-text {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #929BA9;
      font-size: 0.75rem;
      line-height: 16px;
      letter-spacing: 0px;
      margin-top: 10px;
      height: 17px;
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    .product-model-text {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #929BA9;
      font-size: 0.6875rem;
      line-height: 16px;
      letter-spacing: 0px;
      margin-top: 4px;
      margin-bottom: 26px; } }

/*
 * pdp long description section
 */
.productLongDescriptionBlock {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  color: #42515B;
  font-size: 1rem;
  line-height: 18px;
  letter-spacing: 0px; }
  @media (min-width: 768px) {
    .productLongDescriptionBlock {
      margin-left: 8.3333333333%; } }
  @media (min-width: 768px) {
    .productLongDescriptionBlock {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 33.3333333333%; } }
  @media only screen and (max-width: 767px) {
    .productLongDescriptionBlock {
      padding: 0 40px 30px 20px;
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #42515B;
      font-size: 0.6875rem;
      line-height: 12px;
      letter-spacing: 0px; } }
  @media only screen and (min-width: 768px) {
    .productLongDescriptionBlock .description {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #42515B;
      font-size: 1rem;
      line-height: 1.2em;
      letter-spacing: 0px; } }
  @media only screen and (max-width: 767px) {
    .productLongDescriptionBlock .description {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #42515B;
      font-size: 0.6875rem;
      line-height: 12px;
      letter-spacing: 0px; } }
  .productLongDescriptionBlock .desc-title {
    display: block;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) {
      .productLongDescriptionBlock .desc-title {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 1.5rem;
        line-height: 1;
        letter-spacing: 2px;
        margin-bottom: 11px;
        margin-top: 22px; } }
    @media only screen and (max-width: 767px) {
      .productLongDescriptionBlock .desc-title {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 1rem;
        line-height: 1;
        letter-spacing: 1.33px;
        margin-top: 14px;
        margin-bottom: 2px; } }
  .productLongDescriptionBlock ul.u1 {
    margin-top: 10px; }
  .productLongDescriptionBlock li.l1 {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #42515B;
    font-size: 1rem;
    line-height: 18px;
    letter-spacing: 0px;
    margin: 0;
    display: inherit; }
    @media only screen and (max-width: 767px) {
      .productLongDescriptionBlock li.l1 {
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 0.6875rem;
        line-height: 12px;
        letter-spacing: 0px; } }

/*
 * * zoom image for mobile
 */
.zoomIconWrapper {
  right: 0;
  top: 0;
  width: 65px;
  height: 65px;
  z-index: 1;
  position: absolute; }

.zoomIcon {
  position: absolute;
  background: url("../img/CROSS.svg") no-repeat;
  width: 32px;
  height: 32px;
  z-index: 1;
  right: 15px;
  top: 18px;
  display: inline-block;
  padding: 10px; }
  @media (min-width: 768px) {
    .zoomIcon {
      display: none !important; } }
  .zoomIcon.zoomedIcon {
    background: url("../img/CROSS 2.svg") no-repeat;
    width: 32px;
    height: 32px; }

.wishlistIconclick {
  position: absolute;
  width: 32px;
  height: 32px;
  background: url("../img/Wishlist_v2.svg") no-repeat;
  right: 15px;
  top: 55px;
  z-index: 1; }
  @media (min-width: 768px) {
    .wishlistIconclick {
      display: none !important; } }

/*
 * pdp model image section
 */
@media (min-width: 768px) {
  .pdp-model-img-section {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 50%; } }

@media (min-width: 768px) {
  .pdp-model-img-section {
    margin-left: 8.3333333333%; } }

@media (max-width: 767px) {
  .pdp-model-img-section {
    display: none !important; } }

.pdp-model-img-section .pdp-model-img-wrapper {
  max-height: 584px;
  text-align: center;
  overflow: hidden; }
  .pdp-model-img-section .pdp-model-img-wrapper img {
    max-height: 584px; }

.pinch-zoom-container {
  width: 100%;
  height: 320px !important; }
  .pinch-zoom-container .flex-viewport {
    transition: inherit;
    min-height: 320px !important; }
  .pinch-zoom-container ul {
    width: 100%; }
  .pinch-zoom-container img {
    width: 100%; }

.pdpMainImageSlider {
  margin-left: -10px;
  margin-right: -10px; }
  .pdpMainImageSlider:before, .pdpMainImageSlider:after {
    content: " ";
    display: table; }
  .pdpMainImageSlider:after {
    clear: both; }
  @media only screen and (min-width: 768px) {
    .pdpMainImageSlider .imageSwatchesContainer .flex-viewport {
      width: 80px;
      margin-top: 31px;
      margin-bottom: 29px; } }
  @media only screen and (max-width: 767px) {
    .pdpMainImageSlider .imageSwatchesContainer .flex-viewport {
      top: 0; } }
  @media only screen and (max-width: 767px) {
    .pdpMainImageSlider {
      border-bottom: 1px solid #cbd5df;
      border-top: 1px solid #cbd5df;
      min-height: 320px; } }

.productWrapper {
  margin-left: -10px;
  margin-right: -10px; }
  .productWrapper:before, .productWrapper:after {
    content: " ";
    display: table; }
  .productWrapper:after {
    clear: both; }
  @media only screen and (min-width: 768px) {
    .productWrapper {
      margin-top: 49px; } }

.mainImageContainerWrapper {
  background: none; }
  @media (min-width: 768px) {
    .mainImageContainerWrapper {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 85.7142857%; } }

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

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

.imageSwatchesContainer {
  background: none; }
  @media (min-width: 768px) {
    .imageSwatchesContainer {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 14.28571428%; } }
  @media only screen and (max-width: 767px) {
    .imageSwatchesContainer {
      min-height: 320px;
      border-bottom: 1px solid #cbd5df;
      max-height: 320px;
      overflow: hidden; } }
  @media only screen and (min-width: 768px) {
    .imageSwatchesContainer {
      padding: 0 10px;
      height: 580px;
      overflow: hidden; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .imageSwatchesContainer {
      height: 320px; } }
  @media only screen and (max-width: 767px) {
    .imageSwatchesContainer .flex-control-paging li a {
      background: #cbd5df;
      width: 12px;
      height: 12px;
      border-radius: 6px;
      margin: 5px; }
      .imageSwatchesContainer .flex-control-paging li a.flex-active {
        background: #323232; } }
  @media only screen and (max-width: 767px) {
    .imageSwatchesContainer .flex-control-nav {
      bottom: 25px;
      max-width: 300px;
      left: 0;
      right: 0;
      margin: 0 auto;
      padding: 0;
      z-index: 2;
      height: 0; } }
  .imageSwatchesContainer .flex-direction-nav {
    top: inherit;
    position: initial; }
    .imageSwatchesContainer .flex-direction-nav .flex-prev {
      top: 0;
      display: block;
      background: url("../img/flexslider_arrow_up.svg") no-repeat; }
      @media only screen and (min-width: 768px) {
        .imageSwatchesContainer .flex-direction-nav .flex-prev {
          left: 0;
          right: 0; } }
      .imageSwatchesContainer .flex-direction-nav .flex-prev.flex-disabled {
        background: url("../img/flexslider_arrow_disable_up.svg") no-repeat;
        pointer-events: none; }
    .imageSwatchesContainer .flex-direction-nav .flex-next {
      top: inherit;
      bottom: 17px;
      display: block;
      background: url("../img/flexslider_arrow_down.svg") no-repeat; }
      .imageSwatchesContainer .flex-direction-nav .flex-next:hover {
        background-position: initial; }
      @media only screen and (min-width: 768px) {
        .imageSwatchesContainer .flex-direction-nav .flex-next {
          left: 0;
          right: 0; } }
      .imageSwatchesContainer .flex-direction-nav .flex-next.flex-disabled {
        background: url("../img/flexslider_arrow_disable_down.svg") no-repeat;
        pointer-events: none; }
      .imageSwatchesContainer .flex-direction-nav .flex-next.disableFlexMainmove {
        background: url("../img/flexslider_arrow_disable_down.svg") no-repeat;
        pointer-events: none;
        cursor: none; }
    .imageSwatchesContainer .flex-direction-nav a {
      width: 36px;
      height: 12px;
      margin: 0 auto; }

.imageSwatches.slides {
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .imageSwatches.slides {
      overflow: hidden;
      width: 100%; } }

.imageSwatches li.swatchImage, .imageSwatches li.rotateViewSwatchThumbnail, .imageSwatches li.productVideoThumbnailImage {
  display: block;
  float: left;
  list-style-type: none;
  width: 100%;
  margin: 0; }
  @media only screen and (min-width: 768px) {
    .imageSwatches li.swatchImage, .imageSwatches li.rotateViewSwatchThumbnail, .imageSwatches li.productVideoThumbnailImage {
      max-width: 80px;
      height: 80px;
      border: 2px solid #cbd5df;
      margin-bottom: 4px;
      box-sizing: border-box; } }
  .imageSwatches li.swatchImage img, .imageSwatches li.rotateViewSwatchThumbnail img, .imageSwatches li.productVideoThumbnailImage img {
    width: 100%;
    max-height: 100%;
    opacity: 0.8; }
    @media only screen and (max-width: 767px) {
      .imageSwatches li.swatchImage img, .imageSwatches li.rotateViewSwatchThumbnail img, .imageSwatches li.productVideoThumbnailImage img {
        opacity: 1;
        border: none;
        display: block;
        margin: 0 auto;
        width: auto;
        height: 320px; } }
    @media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
      .imageSwatches li.swatchImage img, .imageSwatches li.rotateViewSwatchThumbnail img, .imageSwatches li.productVideoThumbnailImage img {
        width: 44%; } }
    @media only screen and (min-width: 768px) {
      .imageSwatches li.swatchImage img, .imageSwatches li.rotateViewSwatchThumbnail img, .imageSwatches li.productVideoThumbnailImage img {
        max-height: 76px;
        height: 76px;
        width: auto;
        margin: 0 auto; } }

@media only screen and (min-width: 768px) {
  .imageSwatches li.swatchImage.active, .imageSwatches li.rotateViewSwatchThumbnail.active, .imageSwatches li.productVideoThumbnailImage.video-active {
    border-color: #929BA9; } }

.imageSwatches li.swatchImage.active img, .imageSwatches li.rotateViewSwatchThumbnail.active img, .imageSwatches li.productVideoThumbnailImage.video-active img {
  opacity: 1; }
  @media only screen and (max-width: 767px) {
    .imageSwatches li.swatchImage.active img, .imageSwatches li.rotateViewSwatchThumbnail.active img, .imageSwatches li.productVideoThumbnailImage.video-active img {
      border: none; } }
  @media only screen and (min-width: 768px) {
    .imageSwatches li.swatchImage.active img, .imageSwatches li.rotateViewSwatchThumbnail.active img, .imageSwatches li.productVideoThumbnailImage.video-active img {
      border-color: #929BA9;
      height: auto; } }

.imageSwatches li.productVideoThumbnailImage {
  cursor: pointer; }
  .imageSwatches li.productVideoThumbnailImage.video-active img {
    border-color: #929BA9; }
  @media only screen and (min-width: 768px) {
    .imageSwatches li.productVideoThumbnailImage span.playicon {
      background: url("../img/PlayButton.svg") no-repeat left bottom;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto auto;
      width: 35px;
      height: 35px;
      background-color: #fff; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 825px) {
    .imageSwatches li.productVideoThumbnailImage span.playicon {
      top: -4px;
      width: 25px;
      height: 25px; } }
  @media only screen and (max-width: 767px) {
    .imageSwatches li.productVideoThumbnailImage {
      display: none !important; } }

@media only screen and (max-width: 767px) {
  .mainImageContainer {
    display: none !important; } }

.mainImageContainer .mainImage {
  height: auto;
  max-width: 100%;
  display: block;
  width: auto;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .mainImageContainer .mainImage {
      max-height: 320px;
      display: none; } }

@media only screen and (min-width: 768px) {
  .mainImageContainer {
    margin: 0;
    max-height: 580px;
    max-width: 100%;
    overflow: hidden;
    height: 580px;
    border: 1px solid #cbd5df; }
    .mainImageContainer .videoFrame {
      width: 100%;
      height: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mainImageContainer {
    height: 364px; } }

@media only screen and (max-width: 767px) {
  .mainImageContainer {
    height: 320px;
    max-height: 320px; } }

.rotateImageContainer {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 580px;
  border: 1px solid #cbd5df; }
  @media (max-width: 767px) {
    .rotateImageContainer {
      display: none !important; } }
  .rotateImageContainer .spritespin-instance {
    margin: 0 auto; }
  .rotateImageContainer .spritespin-stage img {
    height: auto !important;
    cursor: pointer; }

@media (min-width: 768px) {
  .rotate-direction-nav {
    display: none !important; } }

@media (max-width: 767px) {
  .rotate-direction-nav {
    display: none !important; } }

.slider360wrapper {
  position: absolute;
  z-index: 1;
  bottom: 62px;
  width: 96.5%;
  height: 3.5%; }
  @media (max-width: 767px) {
    .slider360wrapper {
      display: none !important; } }

@media (max-width: 767px) {
  .slider360Box {
    display: none !important; } }

.slider360Box.ui-slider-horizontal {
  height: 2px;
  position: relative;
  width: 60.67%;
  z-index: 1;
  margin: 1.7% auto;
  background: #323232; }
  .slider360Box.ui-slider-horizontal span.ui-state-default {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #323232;
    top: -7px;
    cursor: pointer;
    border: none; }

.icon360slider {
  display: none;
  width: 33px;
  height: 33px;
  background: url("../img/pdp-360-slider-icon.svg") no-repeat;
  position: absolute;
  right: 24px;
  bottom: 60px; }
  @media (max-width: 767px) {
    .icon360slider {
      display: none !important; } }

.rotateViewSwatchThumbnail {
  width: 100%; }
  @media (max-width: 767px) {
    .rotateViewSwatchThumbnail {
      display: none !important; } }
  .rotateViewSwatchThumbnail.active .viewswatch360icon {
    border-color: #929BA9; }
  .rotateViewSwatchThumbnail .viewswatch360icon {
    display: block;
    max-width: 80px;
    height: 100%;
    width: 100%;
    background: url("../img/pdp-360-icon.svg") no-repeat;
    background-size: contain;
    background-position: center;
    border: 2px solid #cbd5df; }

.socialLinks {
  display: none; }

.social-section-iframe {
  transform: scale(1.7);
  transform-origin: top left; }

.socialSection {
  width: 100%;
  float: left;
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 48px;
  margin-bottom: 56px;
  -ms-flex-order: 4;
      order: 4; }
  @media only screen and (max-width: 767px) {
    .socialSection {
      margin-top: 26px;
      margin-bottom: 22px; } }
  .socialSection .watchShareContainer {
    text-align: center;
    clear: both;
    font-size: 0; }
    @media only screen and (min-width: 768px) {
      .socialSection .watchShareContainer {
        margin-left: 16.6666666667%;
        position: relative;
        float: left;
        width: 33.3333333333%;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px; } }
    @media only screen and (max-width: 767px) {
      .socialSection .watchShareContainer {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px; } }
    .socialSection .watchShareContainer .videoSection {
      position: relative;
      float: left;
      width: 50%;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      display: inline-block;
      float: none;
      text-align: center;
      max-height: 20px; }
      @media only screen and (max-width: 767px) {
        .socialSection .watchShareContainer .videoSection.emptyVideoBox {
          display: none; } }
      .socialSection .watchShareContainer .videoSection a {
        cursor: pointer;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1rem;
        line-height: 16px;
        letter-spacing: 1.56px;
        vertical-align: top;
        float: left;
        margin-right: 5px;
        padding-top: 2px; }
        @media only screen and (max-width: 767px) {
          .socialSection .watchShareContainer .videoSection a {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #323232;
            font-size: 0.875rem;
            line-height: 16px;
            letter-spacing: 1.36px; } }
      .socialSection .watchShareContainer .videoSection .videoWatch {
        cursor: pointer;
        background: url("../img/Watch.svg") no-repeat right;
        height: 20px;
        width: 20px;
        display: inline-block; }
      .socialSection .watchShareContainer .videoSection .videoWatchWrapper {
        display: inline-block; }
    .socialSection .watchShareContainer .shareLinks {
      position: relative;
      float: left;
      width: 50%;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      display: inline-block;
      float: none;
      text-align: center;
      vertical-align: top;
      cursor: pointer;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.56px; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .socialSection .watchShareContainer .shareLinks {
          background-position: -10px; } }
      @media only screen and (max-width: 767px) {
        .socialSection .watchShareContainer .shareLinks {
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #323232;
          font-size: 0.875rem;
          line-height: 16px;
          letter-spacing: 1.36px; }
          .socialSection .watchShareContainer .shareLinks.shareLinksFullWidth {
            float: none;
            margin: 0 auto;
            background-position: right;
            max-width: 89px;
            padding: 0; } }
      .socialSection .watchShareContainer .shareLinks .shareText {
        display: inline-block;
        vertical-align: top;
        padding-top: 2px; }
      .socialSection .watchShareContainer .shareLinks .icon-cart {
        cursor: pointer;
        background: url("../img/Share_v1.svg") no-repeat right;
        height: 19px;
        width: 19px;
        display: inline-block; }
  @media (min-width: 768px) {
    .socialSection .wishlistSection {
      margin-left: 8.3333333333%; } }
  @media (min-width: 768px) {
    .socialSection .wishlistSection {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 41.6666666667%; } }
  .socialSection .wishlistSection a {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 1rem;
    line-height: 16px;
    letter-spacing: 1.56px;
    padding-right: 7px;
    float: left; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .socialSection .wishlistSection a {
        background-position: 85px;
        display: inline-block; } }
    @media only screen and (min-width: 768px) {
      .socialSection .wishlistSection a {
        padding-top: 3px; } }
    @media only screen and (max-width: 767px) {
      .socialSection .wishlistSection a {
        display: none; } }
  .socialSection .wishlistSection .wishListText {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 1rem;
    line-height: 16px;
    letter-spacing: 1.56px; }
  .socialSection .wishlistSection .wishListImage {
    background-image: url("../img/Wishlist.svg");
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    cursor: pointer;
    float: left;
    margin-top: 3px; }
    @media only screen and (max-width: 767px) {
      .socialSection .wishlistSection .wishListImage {
        display: none; } }

.socialLinkIcon {
  box-shadow: none;
  border: 2px solid #323232;
  padding: 27px 28px;
  margin-top: -34px;
  border-radius: 3px;
  margin-left: 0; }
  @media only screen and (max-width: 767px) {
    .socialLinkIcon {
      border: none;
      padding: 13px 72px 0px;
      margin-left: 0%; } }
  .socialLinkIcon .prodcutSocial {
    width: 100%;
    float: left; }
    .socialLinkIcon .prodcutSocial .social-section {
      width: 18.67%;
      float: left;
      margin: 0 3.1%;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .socialLinkIcon .prodcutSocial .social-section {
          width: 50%;
          margin: 0 0 38px 0; } }
      .socialLinkIcon .prodcutSocial .social-section .social-section-iframe {
        transform: scale(1.7);
        transform-origin: top left; }
      .socialLinkIcon .prodcutSocial .social-section a.sociallink.fb {
        width: 36px;
        height: 36px; }
        @media only screen and (max-width: 767px) {
          .socialLinkIcon .prodcutSocial .social-section a.sociallink.fb {
            width: 44px;
            height: 44px;
            float: left; } }
      .socialLinkIcon .prodcutSocial .social-section a.sociallink.tw {
        width: 36px;
        height: 36px; }
        @media only screen and (max-width: 767px) {
          .socialLinkIcon .prodcutSocial .social-section a.sociallink.tw {
            width: 44px;
            height: 44px;
            float: right; } }
      .socialLinkIcon .prodcutSocial .social-section.pinterest {
        outline: none; }
        .socialLinkIcon .prodcutSocial .social-section.pinterest a {
          width: 36px;
          height: 36px;
          display: block;
          outline: none; }
          @media only screen and (max-width: 767px) {
            .socialLinkIcon .prodcutSocial .social-section.pinterest a {
              width: 44px;
              height: 44px;
              float: left; } }
        .socialLinkIcon .prodcutSocial .social-section.pinterest span {
          background: url(../img/Pinterest_HEX_v1.svg) no-repeat;
          width: 36px;
          height: 36px;
          outline: none;
          box-shadow: none; }
          @media only screen and (max-width: 767px) {
            .socialLinkIcon .prodcutSocial .social-section.pinterest span {
              width: 44px;
              height: 44px; } }
      .socialLinkIcon .prodcutSocial .social-section a.sociallink.print {
        width: 36px;
        height: 36px; }
        @media (max-width: 767px) {
          .socialLinkIcon .prodcutSocial .social-section a.sociallink.print {
            display: none !important; } }
        @media only screen and (max-width: 767px) {
          .socialLinkIcon .prodcutSocial .social-section a.sociallink.print {
            width: 44px;
            height: 44px;
            float: right; } }
  .socialLinkIcon .mobShare {
    display: none; }
    @media only screen and (max-width: 767px) {
      .socialLinkIcon .mobShare {
        display: block;
        text-align: center;
        padding-bottom: 30px;
        text-transform: uppercase;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1.25rem;
        line-height: 20px;
        letter-spacing: 2px; } }
  .socialLinkIcon .qtip-tip {
    background: none; }
    .socialLinkIcon .qtip-tip canvas {
      display: block;
      margin-left: -1px;
      margin-top: -1px; }
  .socialLinkIcon .qtip-close {
    background: url("../img/Cross_4.svg") no-repeat 50% 50%;
    width: 8px;
    height: 12px;
    right: 17px;
    top: 17px;
    padding: 0px 5px; }

.promotionPopup {
  margin-top: -30px; }
  @media only screen and (max-width: 767px) {
    .promotionPopup {
      margin-top: -40px; } }
  .promotionPopup .promotionalBox {
    text-align: center;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #929BA9;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px; }
  .promotionPopup .promotionalTitle {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #EE3224;
    font-size: 1.375rem;
    line-height: 28px;
    letter-spacing: 0px; }
  .promotionPopup .qtip-tip {
    background: none; }
    .promotionPopup .qtip-tip canvas {
      display: block;
      margin-top: 0px; }
  .promotionPopup .qtip-close {
    background: url("../img/PopupClose_v1.svg") no-repeat 50% 50%;
    width: 44px;
    height: 44px;
    top: 4px;
    right: 4px;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .promotionPopup .qtip-close {
        width: 34px;
        height: 34px; } }

.productTitlePriceBlock {
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .productTitlePriceBlock {
      padding-bottom: 20px;
      padding-top: 13px;
      text-align: center;
      width: 100%; } }
  .productTitlePriceBlock .pageTitle {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 2rem;
    line-height: 36px;
    letter-spacing: 0px;
    margin: 0 0 16px;
    padding-left: 0; }
    @media only screen and (min-width: 768px) and (max-width: 1025px) {
      .productTitlePriceBlock .pageTitle {
        font-size: 20px;
        line-height: 30px; } }
    @media only screen and (max-width: 767px) {
      .productTitlePriceBlock .pageTitle {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1.25rem;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: center;
        margin: 0;
        padding: 0 30px; } }
  .productTitlePriceBlock .productShortDescriptionBlock {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #929BA9;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px;
    padding-bottom: 15px;
    width: 90%;
    clear: both;
    max-height: 35px;
    overflow: hidden; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .productTitlePriceBlock .productShortDescriptionBlock {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .productTitlePriceBlock .productShortDescriptionBlock {
        display: none; } }
    .productTitlePriceBlock .productShortDescriptionBlock span {
      display: inline; }
    .productTitlePriceBlock .productShortDescriptionBlock a.pdpshort {
      outline: none;
      color: #929BA9;
      text-decoration: underline;
      display: inline-block; }
  .productTitlePriceBlock .productPriceReviewBlock {
    padding-left: 0;
    padding-bottom: 16px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .productTitlePriceBlock .productPriceReviewBlock {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .productTitlePriceBlock .productPriceReviewBlock .productPricing {
        text-align: center; } }
    @media only screen and (min-width: 768px) and (max-width: 1025px) {
      .productTitlePriceBlock .productPriceReviewBlock .productPricing {
        width: 100%; } }
    .productTitlePriceBlock .productPriceReviewBlock .productPricing .price, .productTitlePriceBlock .productPriceReviewBlock .productPricing .pricerange {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1.75rem;
      line-height: 28px;
      letter-spacing: 0px;
      margin-right: 0; }
      .productTitlePriceBlock .productPriceReviewBlock .productPricing .price.regular, .productTitlePriceBlock .productPriceReviewBlock .productPricing .pricerange.regular {
        font-size: 20px;
        color: #EE3224; }
        @media only screen and (min-width: 768px) and (max-width: 1025px) {
          .productTitlePriceBlock .productPriceReviewBlock .productPricing .price.regular, .productTitlePriceBlock .productPriceReviewBlock .productPricing .pricerange.regular {
            font-size: 13px; } }
        @media only screen and (max-width: 767px) {
          .productTitlePriceBlock .productPriceReviewBlock .productPricing .price.regular, .productTitlePriceBlock .productPriceReviewBlock .productPricing .pricerange.regular {
            font-size: 15px; } }
      @media only screen and (min-width: 768px) and (max-width: 1025px) {
        .productTitlePriceBlock .productPriceReviewBlock .productPricing .price, .productTitlePriceBlock .productPriceReviewBlock .productPricing .pricerange {
          font-size: 17px; } }
      @media only screen and (max-width: 767px) {
        .productTitlePriceBlock .productPriceReviewBlock .productPricing .price, .productTitlePriceBlock .productPriceReviewBlock .productPricing .pricerange {
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #323232;
          font-size: 1.25rem;
          line-height: 24px;
          letter-spacing: 0px;
          padding-bottom: 8px; } }
  .productTitlePriceBlock .variationDecription {
    margin-bottom: 11px; }
    .productTitlePriceBlock .variationDecription .colorLable {
      margin: 0;
      background: none; }
      .productTitlePriceBlock .variationDecription .colorLable .variantTitle {
        margin: 0;
        padding: 0;
        border: none;
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #929BA9;
        font-size: 0.8125rem;
        line-height: 16px;
        letter-spacing: 0px;
        cursor: initial; }
        .productTitlePriceBlock .variationDecription .colorLable .variantTitle:before {
          content: none; }
      .productTitlePriceBlock .variationDecription .colorLable span {
        display: inline-block; }
      @media only screen and (max-width: 767px) {
        .productTitlePriceBlock .variationDecription .colorLable {
          background: none; } }
    .productTitlePriceBlock .variationDecription .itemNumber {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #929BA9;
      font-size: 0.8125rem;
      line-height: 16px;
      letter-spacing: 0px;
      padding: 0; }
  .productTitlePriceBlock .reevooPDPBadge {
    padding: 0;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .productTitlePriceBlock .reevooPDPBadge.reevooShowBadge {
        display: inline-block;
        height: inherit; } }
    @media only screen and (min-width: 768px) and (max-width: 1013px) {
      .productTitlePriceBlock .reevooPDPBadge .reevooPDPRating {
        margin-left: 0px;
        display: block;
        margin-bottom: 10px;
        float: none; } }
    @media only screen and (min-width: 1014px) {
      .productTitlePriceBlock .reevooPDPBadge .reevooPDPConversation {
        float: right;
        margin-top: 30px;
        margin-right: 5px;
        margin-left: 5px; } }
    @media only screen and (min-width: 768px) and (max-width: 1013px) {
      .productTitlePriceBlock .reevooPDPBadge .reevooPDPConversation {
        float: left;
        margin-left: 0;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .productTitlePriceBlock .reevooPDPBadge .reevooPDPConversation {
        display: none; } }
  .productTitlePriceBlock .promotionalText {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #EE3224;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px;
    background-color: transparent;
    padding-left: 0;
    margin-top: 14px;
    margin-bottom: 29px;
    display: inline-block;
    width: 100%;
    float: left; }
    .productTitlePriceBlock .promotionalText a {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #EE3224;
      font-size: 0.8125rem;
      line-height: 16px;
      letter-spacing: 0px;
      float: none;
      text-decoration: none;
      position: inherit; }

.variationDecriptionMob {
  display: none; }
  @media only screen and (max-width: 767px) {
    .variationDecriptionMob {
      display: block;
      clear: both; } }
  .variationDecriptionMob .variationDecription {
    text-align: center;
    padding-bottom: 15px; }
    .variationDecriptionMob .variationDecription .colorLable {
      margin: 0;
      background: none; }
      .variationDecriptionMob .variationDecription .colorLable .variantTitle {
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #929BA9;
        font-size: 0.8125rem;
        line-height: 16px;
        letter-spacing: 0px;
        margin: 0;
        padding: 0;
        border: none;
        cursor: initial; }
        .variationDecriptionMob .variationDecription .colorLable .variantTitle:before {
          content: none; }
      .variationDecriptionMob .variationDecription .colorLable span {
        display: inline-block; }
      @media only screen and (max-width: 767px) {
        .variationDecriptionMob .variationDecription .colorLable {
          background: none; } }
    .variationDecriptionMob .variationDecription .itemNumber {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #929BA9;
      font-size: 0.8125rem;
      line-height: 16px;
      letter-spacing: 0px; }
  .variationDecriptionMob .promotionalText {
    margin-top: 0;
    text-align: center;
    background-color: transparent;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #EE3224;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px; }
    @media only screen and (max-width: 767px) {
      .variationDecriptionMob .promotionalText {
        padding: 0 20px; } }
    .variationDecriptionMob .promotionalText .moreLink {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #EE3224;
      font-size: 0.8125rem;
      line-height: 16px;
      letter-spacing: 0px;
      float: none;
      text-decoration: none;
      position: inherit;
      display: block;
      text-indent: inherit; }

.reevooPDPBadge .reevooPDPConversationMobile {
  display: none; }

.dropdownSize, .dropdownQty {
  text-transform: uppercase; }

.pdpForm {
  position: relative; }
  @media (min-width: 767px) and (max-width: 1200px) {
    .pdpForm .spaceContainer {
      width: 47.9%; } }
  @media only screen and (min-width: 1200px) {
    .pdpForm .spaceContainer {
      width: 48.1%; } }

.productVariant.expanded {
  border-bottom: none; }

@media (max-width: 767px) {
  .productVariant .qtyLbl {
    display: none !important; } }

@media (min-width: 768px) {
  .productVariant .qtyLbl {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .productVariant.variationsize {
    margin-right: 8px;
    display: inline-block;
    width: 45.34%;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .productVariant.variationsize select {
      position: absolute;
      opacity: 0;
      left: 0;
      top: 0;
      width: 100%;
      height: 44px; } }

.productVariant.variationsize .selectcontainer {
  padding-right: 22px; }
  @media only screen and (max-width: 767px) {
    .productVariant.variationsize .selectcontainer {
      padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .productQuantity label {
    margin-right: 5px; } }

@media only screen and (max-width: 767px) {
  .productDetails {
    text-align: center; } }

@media (max-width: 767px) {
  .productDetails .productColorSwatch {
    display: none !important; } }

@media (min-width: 768px) {
  .productDetails .productColorSwatch {
    display: none !important; } }

@media (max-width: 767px) {
  .productDetails .variantTitle {
    display: none !important; } }

@media (min-width: 768px) {
  .productDetails .variantTitle {
    display: none !important; } }

.productDetails .backinstockButton {
  margin: 10px 0 0;
  width: 100%;
  text-align: right;
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  color: #929BA9;
  font-size: 0.75rem;
  line-height: 14px;
  letter-spacing: 0px;
  text-decoration: underline;
  background: none; }

.productDetails .productSize {
  display: inline-block;
  width: 100%;
  float: left; }
  @media only screen and (min-width: 768px) {
    .productDetails .productSize {
      position: absolute; } }
  @media only screen and (max-width: 767px) {
    .productDetails .productSize {
      width: 45.34%;
      margin-right: 12px;
      margin-left: 3.33%; } }

@media only screen and (min-width: 768px) {
  .productDetails .quantityActionWrapper {
    width: 48.1%;
    height: 70px;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (max-width: 767px) {
  .productDetails .quantityActionWrapper {
    display: inline-block;
    width: 45.34%; } }

.productDetails .quantityActionWrapper .productQuantityContainer {
  width: 100%; }

@media only screen and (max-width: 767px) {
  .productDetails .quantityActionWrapper .productQuantity {
    padding: 0; } }

.productDetails .stockStatusbackinstockBox {
  margin-top: 2px; }
  @media only screen and (min-width: 768px) {
    .productDetails .stockStatusbackinstockBox {
      line-height: 16px;
      margin-top: 5px;
      margin-bottom: 6px; } }
  @media only screen and (max-width: 767px) {
    .productDetails .stockStatusbackinstockBox {
      min-height: 3px; } }
  .productDetails .stockStatusbackinstockBox .backinstockButton {
    width: auto;
    display: inline-block;
    float: right; }
  .productDetails .stockStatusbackinstockBox .stockStatus {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #929BA9;
    font-size: 0.8125rem;
    line-height: 16px;
    letter-spacing: 0px; }
    .productDetails .stockStatusbackinstockBox .stockStatus .in-stock-msg, .productDetails .stockStatusbackinstockBox .stockStatus .inventory-na-msg, .productDetails .stockStatusbackinstockBox .stockStatus .preorder-msg, .productDetails .stockStatusbackinstockBox .stockStatus .backorder-msg {
      display: inline-block;
      color: #929BA9; }
      @media only screen and (min-width: 768px) {
        .productDetails .stockStatusbackinstockBox .stockStatus .in-stock-msg, .productDetails .stockStatusbackinstockBox .stockStatus .inventory-na-msg, .productDetails .stockStatusbackinstockBox .stockStatus .preorder-msg, .productDetails .stockStatusbackinstockBox .stockStatus .backorder-msg {
          max-width: 100%;
          margin: 0; } }
      @media only screen and (max-width: 767px) {
        .productDetails .stockStatusbackinstockBox .stockStatus .in-stock-msg, .productDetails .stockStatusbackinstockBox .stockStatus .inventory-na-msg, .productDetails .stockStatusbackinstockBox .stockStatus .preorder-msg, .productDetails .stockStatusbackinstockBox .stockStatus .backorder-msg {
          width: 100%;
          text-align: center;
          margin: 7px 0 0 0; } }
    @media (min-width: 768px) {
      .productDetails .stockStatusbackinstockBox .stockStatus .stockStatusMsg {
        display: none !important; } }
    @media (max-width: 767px) {
      .productDetails .stockStatusbackinstockBox .stockStatus .stockStatusMsg {
        display: none !important; } }

@media (min-width: 768px) {
  .cartActionsButton .stockStatusMobile {
    display: none !important; } }

@media (max-width: 767px) {
  .cartActionsButton .stockStatusMobile {
    display: none !important; } }

.brd {
  position: absolute;
  height: 1px;
  width: 52.4%;
  background: #cbd5df;
  top: 0px;
  right: 0; }
  @media (min-width: 768px) and (max-width: 1024px) {
    .brd {
      display: none; } }

@media (max-width: 767px) {
  .hidecolorvariations {
    display: none !important; } }

@media (min-width: 768px) {
  .hidecolorvariations {
    display: none !important; } }

.sizeDropdown {
  background: #fff; }
  .sizeDropdown .sizeLbl {
    display: inline-block;
    height: 70px;
    padding: 26px;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .sizeDropdown .sizeLbl {
        height: 60px;
        overflow: hidden; } }
  @media only screen and (min-width: 768px) {
    .sizeDropdown {
      width: 48.1%;
      height: 70px;
      border-width: 2px 2px 2px 2px;
      border-color: #cbd5df;
      border-style: solid;
      border-radius: 2px;
      background: #fff;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.56px;
      display: table;
      text-align: center;
      z-index: 2;
      position: relative;
      text-transform: uppercase;
      cursor: pointer;
      float: left;
      margin-right: 3.8%; } }
  @media only screen and (min-width: 768px) and (max-width: 767px) {
    .sizeDropdown {
      display: none !important; } }
  @media only screen and (min-width: 768px) {
      .sizeDropdown .sizeNmbr {
        display: inline-block;
        pointer-events: none; }
      .sizeDropdown .dropDown {
        background: url("../img/DropDown Arrow.svg") no-repeat;
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 9px;
        right: 10px;
        top: 30px; }
      .sizeDropdown .arrowUp {
        background: url("../img/DropDown Arrow Up.svg") no-repeat;
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 9px;
        right: 10px;
        top: 30px; } }

@media only screen and (min-width: 768px) {
  .quantitySize {
    background: #fff;
    border: 2px solid #cbd5df;
    border-radius: 2px;
    max-width: 480px;
    width: 100%;
    position: absolute;
    z-index: 1; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .quantitySize ul {
      padding: 26px; } }

@media only screen and (min-width: 768px) {
    .quantitySize li.option {
      border: 1px solid #cbd5df;
      width: 72px;
      height: 40px;
      margin-right: -5px;
      margin-bottom: -1px;
      background: #fff;
      text-align: center; }
      .quantitySize li.option:hover {
        background: #cbd5df; }
      .quantitySize li.option a {
        font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
        color: #42515B;
        font-size: 1rem;
        line-height: 16px;
        letter-spacing: 0px;
        padding: 10px 0; }
        .quantitySize li.option a:hover {
          color: #fff; }
    .quantitySize li.unselectable.js-outOfStock {
      background: #ECF0F6; }
      .quantitySize li.unselectable.js-outOfStock a {
        color: #cbd5df; }
    .quantitySize li.active {
      background: #323232;
      border: 1px solid #323232;
      color: #fff; }
      .quantitySize li.active:hover, .quantitySize li.active:focus {
        background: #323232; }
      .quantitySize li.active a {
        color: #fff; } }

.selectcontainer {
  border: 1px solid #cbd5df;
  border-radius: 2px;
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  color: #323232;
  font-size: 0.9375rem;
  line-height: 16px;
  letter-spacing: 1.46px;
  text-align: center;
  width: 100%;
  padding-top: 14px;
  text-transform: uppercase;
  padding-top: 13px;
  padding-bottom: 13px; }
  .selectcontainer:before {
    background: url("../img/DropDown Arrow.svg") no-repeat;
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 8px;
    top: 19px;
    content: "";
    right: 10px; }

.quantitySelect {
  background: #fff; }
  @media only screen and (min-width: 768px) {
    .quantitySelect {
      border-radius: 2px;
      width: 100%;
      text-align: center;
      border-style: solid;
      border-color: #cbd5df;
      height: 70px;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.6px;
      border-width: 2px; }
      .quantitySelect .selectcontainer {
        padding-right: 22px; } }
    @media only screen and (min-width: 768px) and (max-width: 767px) {
      .quantitySelect .selectcontainer {
        padding-right: 0; } }
  @media only screen and (min-width: 768px) {
        .quantitySelect .selectcontainer.ie-container {
          border: none;
          padding-top: 25px;
          padding-bottom: 25px;
          position: relative; }
          .quantitySelect .selectcontainer.ie-container:before {
            top: 32px; }
          .quantitySelect .selectcontainer.ie-container .hidemlabel {
            font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
            color: #323232;
            font-size: 0.9375rem;
            line-height: 16px;
            letter-spacing: 1.46px; }
      .quantitySelect select {
        box-sizing: content-box;
        padding: 20px 0;
        border: none;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1rem;
        line-height: 16px;
        letter-spacing: 1.6px; }
        .quantitySelect select.ie-select {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          padding: 0; } }
  .quantitySelect .customSelect {
    display: inherit;
    overflow: inherit;
    border: none; }
    @media only screen and (max-width: 767px) {
      .quantitySelect .customSelect {
        width: 100%; } }
    .quantitySelect .customSelect .wrapped {
      position: absolute;
      opacity: 0;
      left: 0;
      top: 0; }
  .quantitySelect .ddcommon {
    height: 70px;
    width: 100%; }
  .quantitySelect .ddcommon .ddChild {
    background: #fff;
    border-width: 0px 2px 2px 2px;
    border-style: solid;
    border-color: #cbd5df;
    padding: 0 24px 24px;
    top: 66px !important;
    left: -2px;
    right: -2px;
    width: initial; }
    .quantitySelect .ddcommon .ddChild li {
      padding: 11px 61px 11px 62px;
      border-width: 0 1px 1px 1px;
      border-style: solid;
      border-color: #cbd5df;
      line-height: 16px; }
      .quantitySelect .ddcommon .ddChild li:first-child {
        border-top: 1px solid #cbd5df; }
      .quantitySelect .ddcommon .ddChild li:hover {
        background: #cbd5df; }
      .quantitySelect .ddcommon .ddChild li.enabled._msddli_.selected {
        background: #323232;
        color: #fff; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .quantitySelect .ddcommon .ddChild li {
          padding: 7px 5px; } }
  .quantitySelect .ddcommon .ddTitle {
    padding: 26px; }
  .quantitySelect .ddcommon.borderRadius .arrow {
    background: url("../img/DropDown Arrow.svg") no-repeat;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 9px; }
  .quantitySelect .ddcommon.borderRadiusBtm .arrow {
    background: url("../img/DropDown Arrow Up.svg") no-repeat;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 9px; }
  .quantitySelect .ddcommon.borderRadiusTp .arrow {
    background: url("../img/DropDown Arrow Up.svg") no-repeat;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 9px; }
  @media only screen and (max-width: 767px) {
    .quantitySelect select {
      position: absolute;
      opacity: 0;
      left: 0;
      top: 0; } }

/*
 * Size Guide and Shipping Links
 */
.sizeShippingWrapper {
  float: left;
  width: 100%; }
  .sizeShippingWrapper .sizeChartLabel {
    display: block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 12px; }
    @media (min-width: 768px) {
      .sizeShippingWrapper .sizeChartLabel {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 50%; } }
    @media only screen and (min-width: 768px) {
      .sizeShippingWrapper .sizeChartLabel {
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 1rem;
        line-height: 16px;
        letter-spacing: 1.6px; } }
    @media only screen and (max-width: 767px) {
      .sizeShippingWrapper .sizeChartLabel {
        margin-bottom: 6px;
        font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
        color: #323232;
        font-size: 0.875rem;
        line-height: 16px;
        letter-spacing: 1.39px; } }
    .sizeShippingWrapper .sizeChartLabel .sizeGuidediv .sizeChartLink {
      color: inherit;
      background: url("../img/SizeGuide.svg") no-repeat right;
      display: inline-block;
      text-align: left;
      padding: 10px 0;
      background-size: 24px 11px; }
      @media only screen and (min-width: 768px) {
        .sizeShippingWrapper .sizeChartLabel .sizeGuidediv .sizeChartLink {
          width: 142px;
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #323232;
          font-size: 1rem;
          line-height: 16px;
          letter-spacing: 1.6px; } }
      @media only screen and (max-width: 767px) {
        .sizeShippingWrapper .sizeChartLabel .sizeGuidediv .sizeChartLink {
          width: 125px;
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #323232;
          font-size: 0.875rem;
          line-height: 16px;
          letter-spacing: 1.39px; } }
  @media only screen and (max-width: 767px) {
    .sizeShippingWrapper .shippingContent {
      display: none; } }
  .sizeShippingWrapper .shippingContent .shippingText {
    background: url("../img/Shipping.svg") no-repeat right;
    display: inline-block;
    width: 125px;
    text-align: left;
    background-size: 23px 24px;
    padding: 10px 0; }

.shippingWrapper {
  width: 698px;
  color: #323232;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0px; }
  .shippingWrapper.qtip {
    padding: 56px 44px 50px 43px; }
    .shippingWrapper.qtip .qtip-close {
      background: url("../img/PopupClose_v1.svg") no-repeat 50% 50%;
      width: 45px;
      height: 45px;
      padding: 5px;
      top: 10px;
      right: 10px; }

.sizeChartPopup {
  font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
  color: #323232;
  font-size: 1rem;
  line-height: 18px;
  letter-spacing: 0px; }
  @media only screen and (min-width: 768px) {
    .sizeChartPopup {
      width: 698px; } }
  @media only screen and (max-width: 767px) {
    .sizeChartPopup {
      width: 90%; } }
  .sizeChartPopup.qtip {
    box-shadow: none; }
    @media only screen and (min-width: 768px) {
      .sizeChartPopup.qtip {
        padding: 56px 26px 27px 26px; } }
    @media only screen and (max-width: 767px) {
      .sizeChartPopup.qtip {
        padding: 39px 9px 11px 12px; } }
    .sizeChartPopup.qtip .qtip-tip canvas {
      display: none; }
    .sizeChartPopup.qtip .qtip-close {
      background: url("../img/PopupClose_v1.svg") no-repeat 50% 50%;
      width: 45px;
      height: 45px;
      padding: 5px;
      top: 10px;
      right: 10px; }
      @media only screen and (max-width: 767px) {
        .sizeChartPopup.qtip .qtip-close {
          width: 34px;
          height: 34px;
          background-size: 30px 30px;
          top: 4px;
          right: 4px; } }
  .sizeChartPopup .guides {
    color: #323232;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px; }
    @media only screen and (min-width: 768px) {
      .sizeChartPopup .guides {
        padding: 0 18px 0 17px; } }
    @media only screen and (max-width: 767px) {
      .sizeChartPopup .guides {
        padding: 0 4px 0 3px;
        font-size: 13px; } }
  .sizeChartPopup table.sizeguide {
    margin: 36px 0 0 0; }
    .sizeChartPopup table.sizeguide th {
      background-color: #323232;
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #fff;
      font-size: 0.8125rem;
      line-height: 18px;
      letter-spacing: 0px; }
    .sizeChartPopup table.sizeguide tr {
      background-color: #D8D8D8;
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 0.8125rem;
      line-height: 18px;
      letter-spacing: 0px; }
      .sizeChartPopup table.sizeguide tr td {
        padding: 8px 0; }

#qtip-overlay {
  height: 100% !important; }
  #qtip-overlay div {
    background: rgba(65, 80, 91, 0.8);
    position: fixed;
    bottom: 0;
    top: 0;
    height: 100%; }

/*
 * pdp recommendation section
 */
.recommendation-and-pdp-accordian-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

@media only screen and (max-width: 767px) {
  .youMayLikeCarouselContainer {
    -ms-flex-order: 2;
        order: 2; } }

.youMayLikeCarouselContainer .youMayLikeCarousel {
  border-top: 1px solid #cbd5df;
  padding-left: 0;
  padding-right: 0; }
  @media only screen and (min-width: 768px) {
    .youMayLikeCarouselContainer .youMayLikeCarousel .reevooRecommendationBadgeDesktop {
      min-height: 70px; } }

.recommendations {
  background: #fff;
  box-shadow: none;
  min-height: 100%;
  padding: 0; }
  .recommendations .recommendationsTitle {
    padding: 0; }

@media (min-width: 768px) {
  .product-nav-container {
    display: none !important; } }

@media (max-width: 767px) {
  .product-nav-container {
    display: none !important; } }

.product-nav-container ul.PreNext a {
  font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
  color: #929BA9;
  font-size: 0.875rem;
  line-height: 16px;
  letter-spacing: 0;
  text-transform: uppercase; }

.product-nav-container ul.PreNext .product-next a {
  float: right;
  padding: 0 25px 0 0;
  background: url("../img/RightScrollerArrow_v1.svg") right center no-repeat; }

.product-nav-container ul.PreNext .product-prev a {
  float: left;
  padding: 0 0 0 25px;
  background: url("../img/LeftScrollerArrow_v1.svg") left center no-repeat; }

@media (max-width: 767px) {
  .productNavContainer {
    display: none !important; } }

.productNavContainer ul.PreNext {
  border-bottom: none;
  margin-top: -29px;
  float: right; }
  .productNavContainer ul.PreNext .product-prev a {
    border-right: 1px solid #D4D7DC; }
  .productNavContainer ul.PreNext li:after {
    content: ""; }

@media only screen and (max-width: 767px) {
  .pdpWrapper {
    padding: 0; }
    .pdpWrapper .recommendations {
      padding: 0; }
    .pdpWrapper .youMayLikeCarousel {
      border-bottom: none;
      margin-top: -1px; } }

@media only screen and (min-width: 768px) {
  .pdpWrapper .recommendationsContainer {
    max-width: 100%;
    padding: 0;
    margin: 0; } }

.errorAddTocart {
  display: none; }
  @media only screen and (max-width: 767px) {
    .errorAddTocart {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 221px; } }
  .errorAddTocart .overlayAddTocart {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #323232;
    opacity: 0.8;
    z-index: 300;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer; }
  .errorAddTocart .errorAddTocartMess {
    position: absolute;
    left: -72px;
    z-index: 400;
    background-color: #fff;
    width: 350px;
    text-align: center;
    height: auto;
    padding: 30px 20px;
    border: 2px solid #EE3224; }
    @media only screen and (max-width: 767px) {
      .errorAddTocart .errorAddTocartMess {
        top: -214px;
        width: 217px;
        left: 0;
        padding: 44px 15px 34px; } }
    .errorAddTocart .errorAddTocartMess .errorClose {
      background: url(../img/PopupClose_v1.svg) no-repeat 50% 50%;
      width: 44px;
      height: 44px;
      right: 0;
      position: absolute;
      top: 0;
      padding: 0;
      cursor: pointer; }
      @media only screen and (max-width: 767px) {
        .errorAddTocart .errorAddTocartMess .errorClose {
          width: 34px;
          height: 34px;
          top: 4px;
          right: 4px;
          background-size: 30px 30px; } }
    .errorAddTocart .errorAddTocartMess .errorMessageText, .errorAddTocart .errorAddTocartMess .remainErroMeg {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1.375rem;
      line-height: 28px;
      letter-spacing: 0; }
      @media only screen and (max-width: 767px) {
        .errorAddTocart .errorAddTocartMess .errorMessageText, .errorAddTocart .errorAddTocartMess .remainErroMeg {
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #323232;
          font-size: 1.25rem;
          line-height: 24px;
          letter-spacing: 0; } }
    .errorAddTocart .errorAddTocartMess .remainErroMeg {
      display: block; }
    .errorAddTocart .errorAddTocartMess .errorTip {
      content: '';
      background: url("../img/DropDown_Arrow_Error.svg") no-repeat;
      width: 30px;
      height: 20px;
      position: absolute;
      top: 113px;
      left: 45%; }
      @media only screen and (max-width: 767px) {
        .errorAddTocart .errorAddTocartMess .errorTip {
          top: 147px; } }

.ui-accordion .ui-accordion-content {
  border-top: 0;
  margin-top: -2px;
  position: relative;
  margin-bottom: 2px;
  overflow: auto;
  display: auto;
  zoom: 1; }

.backinstockpdpSizeCalcOuter {
  clear: both; }
  @media only screen and (max-width: 767px) {
    .backinstockpdpSizeCalcOuter {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; } }
  @media only screen and (max-width: 767px) {
    .backinstockpdpSizeCalcOuter .sizeCalc {
      -ms-flex-order: 2;
          order: 2; } }
  .backinstockpdpSizeCalcOuter .backinstock {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px; }
    @media only screen and (max-width: 767px) {
      .backinstockpdpSizeCalcOuter .backinstock {
        -ms-flex-order: 1;
            order: 1; } }
    @media only screen and (min-width: 768px) {
      .backinstockpdpSizeCalcOuter .backinstock {
        float: right !important; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .backinstockpdpSizeCalcOuter .backinstock {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 50%; } }
  @media (min-width: 768px) {
    .backinstockpdpSizeCalcOuter .backinstockright {
      position: relative;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      width: 41.6666666667%; } }
  .backinstockpdpSizeCalcOuter .backinstock {
    margin-bottom: 39px; }
    @media only screen and (max-width: 767px) {
      .backinstockpdpSizeCalcOuter .backinstock {
        margin: 0  0 11px 0; } }
    .backinstockpdpSizeCalcOuter .backinstock .backinstockcontainer {
      border: 2px solid #cbd5df;
      border-radius: 2px; }
      @media only screen and (max-width: 767px) {
        .backinstockpdpSizeCalcOuter .backinstock .backinstockcontainer {
          border: 1px solid #cbd5df;
          margin-right: 15px;
          margin: 0 7px; } }
    .backinstockpdpSizeCalcOuter .backinstock .backinstockButton {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #323232;
      font-size: 1rem;
      line-height: 20px;
      letter-spacing: 1.56px;
      width: 100%;
      background: #fff;
      text-align: center;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .backinstockpdpSizeCalcOuter .backinstock .backinstockButton {
          font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
          color: #323232;
          font-size: 0.75rem;
          line-height: 20px;
          letter-spacing: 1.17px;
          min-height: 44px;
          background: url("../img/pdp-size-calculator-down.svg") right no-repeat;
          background-size: 20px 9px;
          background-position-x: 97%;
          width: 100%; } }
      @media only screen and (min-width: 768px) {
        .backinstockpdpSizeCalcOuter .backinstock .backinstockButton {
          min-height: 56px;
          background: url("../img/pdp-size-calculator-down.svg") right no-repeat;
          background-size: 20px 9px;
          background-position-x: 80%;
          padding: 5px 0; } }
      @media (min-width: 768px) and (max-width: 1024px) {
        .backinstockpdpSizeCalcOuter .backinstock .backinstockButton {
          background-position-x: 97%; } }
    @media only screen and (min-width: 768px) {
      .backinstockpdpSizeCalcOuter .backinstock.backinstockright {
        border: none; } }
    @media only screen and (min-width: 768px) {
      .backinstockpdpSizeCalcOuter .backinstock.backinstockright .backinstockButton {
        background-position-x: 88% !important; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .backinstockpdpSizeCalcOuter .backinstock.backinstockright .backinstockButton {
        font-size: 13px;
        background-position-x: 98% !important; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .backinstockpdpSizeCalcOuter .backinstock.backinstockright .backinstockbtn {
        width: 120px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .backinstockpdpSizeCalcOuter .backinstock.backinstockright .sizeLbl {
        text-align: left; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .backinstockpdpSizeCalcOuter .backinstock.backinstockright .dropDown {
        right: 0; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .backinstockpdpSizeCalcOuter .backinstock.backinstockright .arrowUp {
        right: 0; } }
    @media only screen and (min-width: 768px) {
      .backinstockpdpSizeCalcOuter .backinstock.backinstockright .backinstockcontainer {
        border: 2px solid #cbd5df;
        border-radius: 2px; } }
  @media only screen and (max-width: 767px) {
    .backinstockpdpSizeCalcOuter .backinstockVisible .backinstockButton {
      background: url("../img/pdp-size-calculator-up.svg") right no-repeat;
      background-size: 20px 9px;
      background-position-x: 97%; } }
  @media only screen and (min-width: 768px) {
    .backinstockpdpSizeCalcOuter .backinstockVisible .backinstockButton {
      background: url("../img/pdp-size-calculator-up.svg") right no-repeat;
      background-size: 20px 9px;
      background-position-x: 80%;
      padding: 5px 0; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .backinstockpdpSizeCalcOuter .backinstockVisible .backinstockButton {
      background-position-x: 97%; } }
  .backinstockpdpSizeCalcOuter .backinstockDiv {
    text-align: center; }
    .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockVariantSelect {
      position: relative;
      clear: both; }
      .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockVariantSelect .sizeoutofstock .dropdownHeightPatch {
        background: #fff;
        display: none;
        height: 29px;
        border: 2px solid #cbd5df;
        border-top: 0;
        border-bottom: 0;
        margin: -5px -2px 0 -2px; }
    .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockInputCellEmail {
      width: 50.71%;
      min-height: 40px; }
      @media only screen and (max-width: 767px) {
        .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockInputCellEmail {
          width: 92.86%; } }
    .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockInputCell {
      display: inline-block; }
    .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockDescription {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #929BA9;
      font-size: 0.8125rem;
      line-height: 20px;
      letter-spacing: 0px;
      margin-top: 18px;
      margin-bottom: 9px;
      padding: 0 10px; }
      @media only screen and (max-width: 767px) {
        .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockDescription {
          padding: 0 24px;
          margin-top: 0;
          margin-bottom: 21px; } }
    .backinstockpdpSizeCalcOuter .backinstockDiv input {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #929BA9;
      font-size: 0.75rem;
      line-height: 16px;
      letter-spacing: 0px;
      min-height: 40px;
      border: 2px solid #cbd5df;
      border-radius: 2px; }
      @media only screen and (max-width: 767px) {
        .backinstockpdpSizeCalcOuter .backinstockDiv input {
          text-align: center; } }
    .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockTitle {
      font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
      color: #EE3224;
      font-size: 0.8125rem;
      line-height: 13px;
      letter-spacing: 0px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockTitle {
          margin-bottom: 23px;
          line-height: 20px; } }
    .backinstockpdpSizeCalcOuter .backinstockDiv .outOfStockVariantsSelect {
      padding: 26px;
      list-style-type: none;
      overflow: hidden; }
    .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockInput {
      margin-bottom: 37px; }
      @media only screen and (max-width: 767px) {
        .backinstockpdpSizeCalcOuter .backinstockDiv .backinstockInput {
          margin-bottom: 13px; } }
  .backinstockpdpSizeCalcOuter .backinstockMessage {
    text-align: center; }
    .backinstockpdpSizeCalcOuter .backinstockMessage .validationMessage {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #EE3224;
      font-size: 0.8125rem;
      line-height: 20px;
      letter-spacing: 0px; }
      .backinstockpdpSizeCalcOuter .backinstockMessage .validationMessage:before {
        background: none; }
  @media (max-width: 767px) {
    .backinstockpdpSizeCalcOuter .variantSelectlg {
      display: none !important; } }
  @media (min-width: 768px) {
    .backinstockpdpSizeCalcOuter .variantSelectmbl {
      display: none !important; } }
  .backinstockpdpSizeCalcOuter .variantSelectmbl select {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px; }
  .backinstockpdpSizeCalcOuter .sizeoutofstock {
    border: 2px solid #cbd5df;
    border-radius: 2px;
    width: 33.06%;
    display: inline-block;
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #323232;
    font-size: 1rem;
    line-height: 16px;
    letter-spacing: 1.56px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
    background: #fff;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .backinstockpdpSizeCalcOuter .sizeoutofstock {
        width: 71.38%;
        z-index: initial; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .backinstockpdpSizeCalcOuter .sizeoutofstock {
        font-size: 13px; } }
    .backinstockpdpSizeCalcOuter .sizeoutofstock .sizeLbl {
      display: inline-block;
      padding: 9px 0;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .backinstockpdpSizeCalcOuter .sizeoutofstock .sizeLbl {
          overflow: hidden; } }
    .backinstockpdpSizeCalcOuter .sizeoutofstock .dropDown {
      background: url("../img/DropDown Arrow.svg") no-repeat;
      display: inline-block;
      position: absolute;
      width: 20px;
      height: 9px;
      right: 10px;
      top: 14px; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .backinstockpdpSizeCalcOuter .sizeoutofstock .dropDown {
          right: 3px;
          top: 13px; } }
    .backinstockpdpSizeCalcOuter .sizeoutofstock .arrowUp {
      background: url("../img/DropDown Arrow Up.svg") no-repeat;
      display: inline-block;
      position: absolute;
      width: 20px;
      height: 9px;
      right: 10px;
      top: 13px; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .backinstockpdpSizeCalcOuter .sizeoutofstock .arrowUp {
          right: 3px;
          top: 13px; } }
  @media only screen and (min-width: 768px) {
    .backinstockpdpSizeCalcOuter .variantSelect {
      background: #fff;
      border: 2px solid #cbd5df;
      border-radius: 2px;
      position: absolute;
      margin-left: 33.5%;
      z-index: 1;
      top: 60px;
      min-width: 280px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 800px) {
    .backinstockpdpSizeCalcOuter .variantSelect {
      margin-left: 33.3%; } }
  @media only screen and (min-width: 768px) {
      .backinstockpdpSizeCalcOuter .variantSelect:before {
        background: none; } }
  .backinstockpdpSizeCalcOuter li {
    font-family: "Neue Helvetica for Speedo Rg", Helvetica, Arial, sans-serif;
    color: #42515B;
    font-size: 1rem;
    line-height: 16px;
    letter-spacing: 0px;
    float: left;
    width: 72px;
    height: 40px;
    border: 1px solid #cbd5df;
    margin-right: -1px;
    margin-bottom: -1px;
    background: #fff;
    text-align: center;
    padding: 10px 0;
    cursor: pointer; }
    .backinstockpdpSizeCalcOuter li:hover {
      background: #cbd5df;
      color: #42515B; }
    .backinstockpdpSizeCalcOuter li.active {
      background: #323232;
      color: #fff;
      border: 1px solid #323232; }
  .backinstockpdpSizeCalcOuter .backinstockbtn {
    width: 143px; }
    @media only screen and (max-width: 767px) {
      .backinstockpdpSizeCalcOuter .backinstockbtn {
        width: 102px; } }
    .backinstockpdpSizeCalcOuter .backinstockbtn .button {
      font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
      color: #fff;
      font-size: 1rem;
      line-height: 16px;
      letter-spacing: 1.56px;
      width: 100%;
      height: 40px;
      padding: 0;
      text-align: center;
      text-transform: uppercase;
      background: #EE3224;
      border-radius: 2px; }
      @media only screen and (max-width: 767px) {
        .backinstockpdpSizeCalcOuter .backinstockbtn .button {
          right: 0; } }
  @media only screen and (max-width: 767px) {
    .backinstockpdpSizeCalcOuter .customSelect {
      position: initial; } }
  .backinstockpdpSizeCalcOuter .customSelect:before {
    background: none; }
  @media only screen and (max-width: 767px) {
    .backinstockpdpSizeCalcOuter .validationError .validationMessage {
      text-indent: initial; } }
  .backinstockpdpSizeCalcOuter .backinstockDone .button {
    font-family: "Neue Helvetica for Speedo Bd", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1rem;
    line-height: 16px;
    letter-spacing: 1.56px;
    background: #EE3224;
    border-radius: 2px;
    height: 40px;
    text-align: center;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .backinstockpdpSizeCalcOuter .backinstockDone .button {
        width: 34.84%; } }
    @media only screen and (min-width: 768px) {
      .backinstockpdpSizeCalcOuter .backinstockDone .button {
        width: 24.76%;
        margin-bottom: 39px; } }

footer #join-a-conversation-slot .joinaconversation {
  margin-top: 0; }

.spaceContainer {
  position: absolute;
  left: 0;
  z-index: 2;
  border-left: 2px solid #cbd5df;
  border-right: 2px solid #cbd5df;
  background-color: #fff;
  height: 24px;
  display: none; }

.sizeSwatches .variantOptions .option.active.unselectable {
  border: 1px solid #cbd5df; }

.wrapped.ie-select {
  position: relative;
  height: 70px;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .imageSwatches li.swatchImage img.noimage {
    height: 320px;
    width: auto;
    margin: 0 auto; } }

.pdp-accordion-label.ui-state-default {
  background: none; }

/*DE SPECIFIC STYLES STARTS*/
@media only screen and (min-width: 768px) {
  .sizeShippingWrapper .sizeChartLabel .sizeGuidediv:lang(de-DE) .sizeChartLink {
    width: 205px; } }

@media only screen and (max-width: 767px) {
  .sizeShippingWrapper .sizeChartLabel .sizeGuidediv:lang(de-DE) .sizeChartLink {
    width: 54%; } }

@media only screen and (min-width: 768px) {
  .sizeShippingWrapper .sizeChartLabel:lang(de-DE) .shippingText {
    width: 144px; } }

@media only screen and (min-width: 768px) {
  .sizeShippingWrapper:lang(de-DE) .sizeChartLabel {
    width: 48%; } }

@media only screen and (min-width: 768px) {
  .productDetails .sizeShippingWrapper:lang(de-DE) .shippingContent {
    margin-left: 3.8%; } }

@media only screen and (max-width: 767px) {
  .productTitlePriceBlock .productPriceReviewBlock:lang(de-DE) .productPricing {
    margin-top: 14px; } }

@media only screen and (min-width: 768px) {
  .zoomContainer .productTitlePriceBlock:lang(de-DE) .productPriceReviewBlock {
    display: inline-block; } }

@media only screen and (max-width: 767px) {
  .reevooTitleBlock .hidden-sm:lang(de-DE) {
    display: none; } }

/*DE SPECIFIC STYLES ENDS*/