/*
* Essential sass includes 
*/
/**
* Typographies, breadcrumbs, buttons and utilities
*/
/*------------------------------------*    #UTILITY
\*------------------------------------*/
/* * Use this mixin for text style */
/*
* Use this mixin for tablet and desktop specific styling
*/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/**
* Essential sass includes 
*/
/* regular button like add to cart, load more product, etc.*/
/* Redesign mixins for regular button like add to cart, load more product, etc.*/
/* Horizontal Carousel previous and next button*/
/* Banner Horizontal Carousel previous and next button for home page, PDP page*/
/* Vertical Carousel Up and Down button */
/*
 * SVG related
 */
.svgWrapper .svgSlide {
  position: relative; }

svg a:hover {
  text-decoration: none; }

svg.svgSlideContent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/** 
* conflict & Baltica Font 
*/
/**
* Colour Palette 
*/
/*** Variables as per SG ***/
/*** SECONDARY COLOURS ***/
/*** PRIMARY COLOURS ***/
/*** BASIC COLOURS ***/
/**
 * This includes the styles for breadcrumbs as a component and can be included
 * globally. Any variations related to styles will have to go in page specific
 * files.
 */
/*------------------------------------*	#BREADCRUMBS Section
\*------------------------------------*/
.articleContainer {
  width: 100%;
  float: left;
  margin-top: 38px;
  padding-bottom: 26px; }
  @media (max-width: 767px) {
    .articleContainer {
      padding-bottom: 42px; } }
  .articleContainer .content-row {
    float: left;
    width: 100%;
    margin-top: 50px; }
    @media (max-width: 767px) {
      .articleContainer .content-row {
        margin-top: 43px;
        margin-left: -10px;
        margin-right: -10px; }
        .articleContainer .content-row:before, .articleContainer .content-row:after {
          content: " ";
          display: table; }
        .articleContainer .content-row:after {
          clear: both; } }
    @media only screen and (max-width: 639px) {
      .articleContainer .content-row {
        padding-left: 0;
        padding-right: 0; } }
  .articleContainer .header-row {
    border-bottom: 1px solid #e9e6df;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      .articleContainer .header-row {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 16px; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .articleContainer .header-row {
        float: left;
        width: 100%; } }
    @media (min-width: 940px) {
      .articleContainer .header-row {
        margin-left: -10px;
        margin-right: -10px; }
        .articleContainer .header-row:before, .articleContainer .header-row:after {
          content: " ";
          display: table; }
        .articleContainer .header-row:after {
          clear: both; } }
  .articleContainer .articlerow {
    clear: both; }
  @media (min-width: 940px) {
    .articleContainer .articleGroup {
      margin-left: -10px;
      margin-right: -10px; }
      .articleContainer .articleGroup:before, .articleContainer .articleGroup:after {
        content: " ";
        display: table; }
      .articleContainer .articleGroup:after {
        clear: both; } }
  .articleContainer .articleContainerHeading {
    font-family: "ConflictBlack";
    color: #003865;
    font-size: 44px;
    text-transform: uppercase;
    margin: 0; }
    @media (min-width: 768px) {
      .articleContainer .articleContainerHeading {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 50%; } }
    @media (max-width: 767px) {
      .articleContainer .articleContainerHeading {
        font-size: 54px; } }
    @media only screen and (max-width: 639px) {
      .articleContainer .articleContainerHeading {
        font-size: 27px; } }
    .articleContainer .articleContainerHeading:before {
      content: '';
      float: left;
      background-image: url(../img/sprites.png);
      background-position: -729px -383px;
      width: 11px;
      height: 30px;
      margin-top: 8px;
      padding-right: 27px; }
      .articleContainer .articleContainerHeading:before {
        height: 30px; }
      @media (max-width: 767px) {
        .articleContainer .articleContainerHeading:before {
          padding-right: 33px;
          margin-left: 3px;
          margin-top: 5px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articleContainerHeading:before {
          background-image: url(../img/sprites.png);
          background-position: -287px -91px;
          width: 6px;
          height: 15px;
          margin-top: 7px;
          padding-right: 12px; } }
  .articleContainer .searchInfo {
    font-family: "ConflictRegular";
    color: #363636;
    font-size: 16px;
    text-align: right;
    margin-top: 20px;
    line-height: 1.1; }
    @media (min-width: 768px) {
      .articleContainer .searchInfo {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 50%; } }
    .articleContainer .searchInfo b {
      font-family: "ConflictBlack";
      color: #363636;
      font-size: 16px;
      font-weight: normal;
      text-transform: uppercase; }
    @media (max-width: 767px) {
      .articleContainer .searchInfo {
        display: none; } }
  .articleContainer .articlePanel {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 45px; }
    @media (min-width: 768px) {
      .articleContainer .articlePanel {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 41.6666666667%; } }
    @media (max-width: 767px) {
      .articleContainer .articlePanel {
        margin-bottom: 46px; } }
    .articleContainer .articlePanel.even {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 10px;
      padding-right: 10px;
      margin-left: 0%; }
      @media (min-width: 768px) {
        .articleContainer .articlePanel.even {
          position: relative;
          min-height: 1px;
          padding-left: 10px;
          padding-right: 10px;
          float: left;
          width: 41.6666666667%; } }
      @media (min-width: 768px) {
        .articleContainer .articlePanel.even {
          margin-left: 16.6666666667%; } }
      @media (max-width: 767px) {
        .articleContainer .articlePanel.even {
          padding-right: 0; } }
    .articleContainer .articlePanel .articleTitle {
      font-family: "ConflictBlack";
      color: #333534;
      font-size: 20px;
      text-transform: uppercase;
      margin: 0; }
      @media (max-width: 767px) {
        .articleContainer .articlePanel .articleTitle {
          font-size: 30px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articlePanel .articleTitle {
          font-size: 15px; } }
      .articleContainer .articlePanel .articleTitle:before {
        content: '';
        float: left;
        background-image: url(../img/sprites.png);
        background-position: -729px -383px;
        width: 11px;
        height: 30px;
        margin-top: 3px;
        padding-right: 17px;
        margin-left: -5px; }
        .articleContainer .articlePanel .articleTitle:before {
          height: 14px; }
        @media (max-width: 767px) {
          .articleContainer .articlePanel .articleTitle:before {
            padding-right: 25px;
            margin-top: 5px;
            height: 20px;
            margin-left: 5px; } }
        @media only screen and (max-width: 639px) {
          .articleContainer .articlePanel .articleTitle:before {
            background-image: url(../img/sprites.png);
            background-position: -287px -91px;
            width: 6px;
            height: 15px;
            margin-top: 2px;
            padding-right: 12px; }
            .articleContainer .articlePanel .articleTitle:before {
              height: 11px; } }
    .articleContainer .articlePanel .readmore-button {
      width: 38.666667%;
      padding-left: 10px;
      padding-right: 5px;
      margin-top: 26px;
      float: right; }
      @media (max-width: 767px) {
        .articleContainer .articlePanel .readmore-button {
          width: 29.666667%;
          margin-top: 22px;
          padding-right: 13px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articlePanel .readmore-button {
          position: relative;
          float: left;
          width: 50%;
          min-height: 1px;
          padding-left: 10px;
          padding-right: 10px; }
          .articleContainer .articlePanel .readmore-button {
            float: right; } }
    .articleContainer .articlePanel .readMore {
      background-color: #fff;
      color: #003865;
      font-size: 20px;
      height: 55px;
      display: inline-block;
      border-radius: 10px 0 10px 10px;
      cursor: pointer;
      text-transform: uppercase;
      text-align: center;
      background-image: none;
      font-family: "ConflictBlack";
      transform: skewX(-15deg);
      border: 1px solid transparent;
      border: 1px solid #d7d2cb;
      width: 100%; }
      @media (max-width: 767px) {
        .articleContainer .articlePanel .readMore {
          font-size: 30px;
          height: 90px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articlePanel .readMore {
          font-size: 15px;
          height: 45px; } }
      .articleContainer .articlePanel .readMore:hover {
        background-color: #d7d2cb;
        color: #000; }
      .articleContainer .articlePanel .readMore span, .articleContainer .articlePanel .readMore a {
        transform: skewX(15deg);
        display: inline-block; }
      .articleContainer .articlePanel .readMore:hover {
        border: 1px solid #d7d2cb; }
      .articleContainer .articlePanel .readMore {
        font-family: "ConflictBlack";
        color: #003865;
        font-size: 16px;
        height: 40px;
        line-height: 40px; }
      @media (max-width: 767px) {
        .articleContainer .articlePanel .readMore {
          font-size: 26px;
          line-height: 90px;
          height: 90px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .articlePanel .readMore {
          font-size: 18px;
          line-height: 45px;
          height: 45px; } }
  .articleContainer .pagetitle {
    color: #003865;
    font-family: "ConflictBlack";
    font-size: 44px;
    text-transform: uppercase;
    margin-top: 29px; }
    @media (max-width: 767px) {
      .articleContainer .pagetitle {
        font-size: 54px;
        margin-bottom: 57px; } }
    @media only screen and (max-width: 639px) {
      .articleContainer .pagetitle {
        font-size: 27px;
        margin-bottom: 29px; } }
    .articleContainer .pagetitle:before {
      content: '';
      float: left;
      background-image: url(../img/sprites.png);
      background-position: -729px -383px;
      width: 11px;
      height: 30px;
      margin-top: 11px;
      padding-right: 20px; }
      .articleContainer .pagetitle:before {
        height: 20px; }
      @media (max-width: 767px) {
        .articleContainer .pagetitle:before {
          padding-right: 16px;
          margin-top: 5px;
          height: 29px; } }
      @media only screen and (max-width: 639px) {
        .articleContainer .pagetitle:before {
          background-image: url(../img/sprites.png);
          background-position: -287px -91px;
          width: 6px;
          height: 15px;
          margin-top: 14px;
          padding-right: 12px; }
          .articleContainer .pagetitle:before {
            height: 15px; } }

@media only screen and (max-width: 767px) {
  .noSearchResults {
    margin-top: 30px; } }

@media only screen and (max-width: 639px) {
  .noSearchResults {
    margin-top: 15px; } }

@media only screen and (min-width: 768px) {
  .noSearchResults {
    margin-top: 25px; } }

@media only screen and (max-width: 767px) {
  .noSearchResults .mobileNoSearchResultsSummary {
    padding-left: 15px; } }

@media only screen and (max-width: 639px) {
  .noSearchResults .mobileNoSearchResultsSummary {
    padding-left: 7px; } }

@media only screen and (min-width: 768px) {
  .noSearchResults .mobileNoSearchResultsSummary {
    display: none; } }

.noSearchResults .mobileNoSearchResultsSummary .slashIcon {
  transform: skew(-15deg, 0);
  display: inline-block;
  border-left: 1px solid #d50032;
  height: 20px; }
  @media only screen and (max-width: 767px) {
    .noSearchResults .mobileNoSearchResultsSummary .slashIcon {
      padding-right: 15px; } }
  @media only screen and (max-width: 639px) {
    .noSearchResults .mobileNoSearchResultsSummary .slashIcon {
      padding-right: 7px;
      height: 10px; } }

.noSearchResults .mobileNoSearchResultsSummary ul {
  font-family: "ConflictBlack";
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .noSearchResults .mobileNoSearchResultsSummary ul {
      font-size: 26px; } }
  @media only screen and (max-width: 639px) {
    .noSearchResults .mobileNoSearchResultsSummary ul {
      font-size: 13px; } }

.noSearchResults .mobileNoSearchResultsSummary a {
  color: #666666; }

.noSearchResults .bredcrumbwrapper {
  border: 0;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  .noSearchResults .bredcrumbwrapper {
    padding: 0; }
  @media (max-width: 767px) {
    .noSearchResults .bredcrumbwrapper {
      display: block; } }
  .noSearchResults .bredcrumbwrapper li {
    display: inline-block;
    text-transform: uppercase; }
    @media only screen and (min-width: 768px) {
      .noSearchResults .bredcrumbwrapper li:first-child {
        padding-left: 0; } }
    .noSearchResults .bredcrumbwrapper li:not(:nth-last-child(2)) {
      font-family: "ConflictBold";
      color: #666666;
      font-size: 16px; }
      @media (max-width: 767px) {
        .noSearchResults .bredcrumbwrapper li:not(:nth-last-child(2)) {
          display: none; } }
    .noSearchResults .bredcrumbwrapper li:only-child {
      border-left: 1px solid #d50032;
      transform: skew(-15deg);
      padding: 0 0 0 21px; }
      .noSearchResults .bredcrumbwrapper li:only-child span {
        transform: skew(15deg, 0);
        display: inline-block; }
  .noSearchResults .bredcrumbwrapper .breadcrumbs {
    width: 100%; }
    .noSearchResults .bredcrumbwrapper .breadcrumbs li {
      background-color: transparent;
      padding: 0 15px;
      line-height: 20px; }
      .noSearchResults .bredcrumbwrapper .breadcrumbs li:not(:last-child) {
        transform: skew(-15deg, 0);
        display: inline-block;
        border-right: 1px solid #d50032; }
        .noSearchResults .bredcrumbwrapper .breadcrumbs li:not(:last-child) span {
          transform: skew(15deg, 0);
          display: block; }
        @media (max-width: 767px) {
          .noSearchResults .bredcrumbwrapper .breadcrumbs li:not(:last-child) {
            border-right: 0 none; } }
      .noSearchResults .bredcrumbwrapper .breadcrumbs li span {
        font-family: "ConflictBold";
        color: #152935;
        font-size: 16px;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          .noSearchResults .bredcrumbwrapper .breadcrumbs li span {
            font-size: 24px; } }
        @media only screen and (max-width: 639px) {
          .noSearchResults .bredcrumbwrapper .breadcrumbs li span {
            font-size: 12px; } }
      @media only screen and (max-width: 639px) {
        .noSearchResults .bredcrumbwrapper .breadcrumbs li {
          padding: 0 10px;
          line-height: normal; } }
      @media (max-width: 767px) {
        .noSearchResults .bredcrumbwrapper .breadcrumbs li {
          border-left: 1px solid #d50032; } }
      .noSearchResults .bredcrumbwrapper .breadcrumbs li.last {
        display: inline-block; }
        @media (max-width: 767px) {
          .noSearchResults .bredcrumbwrapper .breadcrumbs li.last {
            transform: skew(-15deg, 0);
            display: inline-block;
            display: none; } }
        .noSearchResults .bredcrumbwrapper .breadcrumbs li.last span {
          color: #003865; }
          @media (max-width: 767px) {
            .noSearchResults .bredcrumbwrapper .breadcrumbs li.last span {
              color: #666666;
              transform: skew(15deg, 0);
              display: block; } }
    @media only screen and (min-width: 768px) {
      .noSearchResults .bredcrumbwrapper .breadcrumbs li:first-child:not(.last) {
        padding: 0 21px 0 0; } }
  .noSearchResults .bredcrumbwrapper a {
    transform: skew(15deg, 0);
    display: block;
    font-family: "ConflictBold";
    color: #666666;
    font-size: 16px; }

@media (max-width: 767px) {
  .noSearchResults .contactHelpLoginIntercept {
    display: none; } }

@media only screen and (max-width: 639px) {
  .noSearchResults .contactHelpLoginIntercept {
    display: none; } }

.noSearchResults .noResultsPageTitle {
  font-family: "ConflictBlack";
  line-height: 0.926;
  color: #00365f;
  text-transform: uppercase;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .noSearchResults .noResultsPageTitle {
      font-size: 54px; } }
  @media only screen and (max-width: 639px) {
    .noSearchResults .noResultsPageTitle {
      font-size: 27px; } }
  @media only screen and (min-width: 768px) {
    .noSearchResults .noResultsPageTitle {
      font-size: 44px; } }

@media (max-width: 767px) {
  .noSearchResults .breadcrumbs {
    display: none; } }

@media only screen and (max-width: 639px) {
  .noSearchResults .breadcrumbs {
    display: none; } }

@media only screen and (min-width: 768px) {
  .noResultsFound {
    float: left;
    width: 100%; } }

.noResultsFound .slashIcon {
  background-image: url(../img/sprites.png);
  background-position: -729px -383px;
  width: 11px;
  height: 30px;
  margin: 5px 7px 0 0;
  float: left; }
  @media only screen and (max-width: 767px) {
    .noResultsFound .slashIcon {
      margin: 9px 19px 0 0; } }
  @media only screen and (max-width: 639px) {
    .noResultsFound .slashIcon {
      background-image: url(../img/sprites.png);
      background-position: -287px -91px;
      width: 6px;
      height: 15px;
      margin: 5px 19px 0 0; } }
  @media only screen and (min-width: 768px) {
    .noResultsFound .slashIcon {
      margin: 5px 15px 0 0; } }

.noResultsFound .needhelp .slashIcon {
  height: 15px;
  margin: 5px 7px 0 0; }

.noResultsFound .contactinfo {
  float: right;
  display: block;
  width: 100%;
  text-align: right; }
  .noResultsFound .contactinfo .customersupport {
    color: #000;
    font-family: "ConflictBlack";
    font-size: 16px; }
    .noResultsFound .contactinfo .customersupport:before, .noResultsFound .contactinfo .customersupport:after {
      content: " ";
      display: table; }
    .noResultsFound .contactinfo .customersupport:after {
      clear: both; }
    @media only screen and (min-width: 768px) {
      .noResultsFound .contactinfo .customersupport {
        letter-spacing: 0.5px; } }
    .noResultsFound .contactinfo .customersupport a {
      color: #00365f; }

@media (min-width: 768px) {
  .helpfulTips, .contentSearch {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    width: 50%; } }

@media only screen and (max-width: 767px) {
  .helpfulTips, .contentSearch {
    margin-bottom: 55px;
    width: 94%; } }

@media only screen and (max-width: 639px) {
  .helpfulTips, .contentSearch {
    margin-bottom: 28px;
    width: 100%; } }

.helpfulTips .helpfulTipscontainer, .helpfulTips .contentSearchcontainer, .contentSearch .helpfulTipscontainer, .contentSearch .contentSearchcontainer {
  background-color: #d7d2cb;
  border-radius: 5px; }
  @media only screen and (max-width: 767px) {
    .helpfulTips .helpfulTipscontainer, .helpfulTips .contentSearchcontainer, .contentSearch .helpfulTipscontainer, .contentSearch .contentSearchcontainer {
      margin-bottom: 55px;
      padding: 20px 35px; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips .helpfulTipscontainer, .helpfulTips .contentSearchcontainer, .contentSearch .helpfulTipscontainer, .contentSearch .contentSearchcontainer {
      margin-bottom: 28px;
      padding: 10px 17px; } }
  @media only screen and (min-width: 768px) {
    .helpfulTips .helpfulTipscontainer, .helpfulTips .contentSearchcontainer, .contentSearch .helpfulTipscontainer, .contentSearch .contentSearchcontainer {
      min-height: 414px;
      padding: 25px; } }

@media only screen and (max-width: 767px) {
  .helpfulTips .contentSearchcontainer, .contentSearch .contentSearchcontainer {
    padding: 35px; } }

@media only screen and (max-width: 639px) {
  .helpfulTips .contentSearchcontainer, .contentSearch .contentSearchcontainer {
    padding: 17px; } }

.helpfulTips .slashIcon, .contentSearch .slashIcon {
  background-image: url(../img/sprites.png);
  background-position: -729px -383px;
  width: 11px;
  height: 30px;
  float: left; }
  .helpfulTips .slashIcon, .contentSearch .slashIcon {
    height: 20px; }
  @media only screen and (max-width: 767px) {
    .helpfulTips .slashIcon, .contentSearch .slashIcon {
      height: 30px;
      margin: 10px 15px 0 0; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips .slashIcon, .contentSearch .slashIcon {
      background-image: url(../img/sprites.png);
      background-position: -287px -91px;
      width: 6px;
      height: 15px; }
      .helpfulTips .slashIcon, .contentSearch .slashIcon {
        margin: 5px 7px 0 0; } }
  @media only screen and (min-width: 768px) {
    .helpfulTips .slashIcon, .contentSearch .slashIcon {
      margin: 9px 10px 0 4px; } }

.helpfulTips h5, .contentSearch h5 {
  margin: 0;
  text-transform: uppercase;
  font-family: "ConflictBlack";
  color: #000;
  line-height: 1.2; }
  @media only screen and (max-width: 767px) {
    .helpfulTips h5, .contentSearch h5 {
      font-size: 48px;
      padding-left: 25px; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips h5, .contentSearch h5 {
      font-size: 24px;
      padding-left: 12px; } }
  @media only screen and (min-width: 768px) {
    .helpfulTips h5, .contentSearch h5 {
      font-size: 32px; } }

@media only screen and (max-width: 767px) {
  .helpfulTips .checkBulletsList, .contentSearch .checkBulletsList {
    margin-left: 55px; } }

@media only screen and (max-width: 639px) {
  .helpfulTips .checkBulletsList, .contentSearch .checkBulletsList {
    margin-left: 27px; } }

@media only screen and (min-width: 768px) {
  .helpfulTips .checkBulletsList, .contentSearch .checkBulletsList {
    margin-left: 44px;
    margin-top: 33px; } }

.helpfulTips .checkBulletsList li, .contentSearch .checkBulletsList li {
  list-style: disc;
  font-family: "BalticaRegular";
  color: #000; }
  @media only screen and (max-width: 767px) {
    .helpfulTips .checkBulletsList li, .contentSearch .checkBulletsList li {
      font-size: 24px;
      padding-bottom: 19px;
      padding-left: 25px; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips .checkBulletsList li, .contentSearch .checkBulletsList li {
      font-size: 12px;
      padding-bottom: 10px;
      padding-left: 13px; } }
  @media only screen and (min-width: 768px) {
    .helpfulTips .checkBulletsList li, .contentSearch .checkBulletsList li {
      font-size: 14px;
      padding-bottom: 15px; } }

.helpfulTips .inputtextfloat, .contentSearch .inputtextfloat {
  float: left; }
  @media only screen and (max-width: 767px) {
    .helpfulTips .inputtextfloat, .contentSearch .inputtextfloat {
      width: 78.4%; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips .inputtextfloat, .contentSearch .inputtextfloat {
      width: 79%; } }
  @media only screen and (min-width: 768px) {
    .helpfulTips .inputtextfloat, .contentSearch .inputtextfloat {
      width: 70%;
      padding: 0 18px; } }
  @media (min-width: 768px) and (max-width: 939px) {
    .helpfulTips .inputtextfloat, .contentSearch .inputtextfloat {
      padding: 0 13px; } }
  .helpfulTips .inputtextfloat input::-webkit-input-placeholder, .contentSearch .inputtextfloat input::-webkit-input-placeholder {
    color: #999999; }

@media (max-width: 767px) {
  .helpfulTips .searchtitle, .contentSearch .searchtitle {
    display: none !important; } }

.helpfulTips .searchTextBox, .contentSearch .searchTextBox {
  font-family: "BalticaRegular"; }
  @media only screen and (max-width: 767px) {
    .helpfulTips .searchTextBox, .contentSearch .searchTextBox {
      font-size: 26px;
      height: 90px; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips .searchTextBox, .contentSearch .searchTextBox {
      height: 45px;
      font-size: 13px; } }
  @media only screen and (min-width: 768px) {
    .helpfulTips .searchTextBox, .contentSearch .searchTextBox {
      height: 38px;
      font-size: 14px; } }

.helpfulTips .searchButtonnew, .contentSearch .searchButtonnew {
  background-color: #003865;
  color: #fff;
  font-size: 20px;
  height: 55px;
  display: inline-block;
  border-radius: 10px 0 10px 10px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  background-image: none;
  font-family: "ConflictBlack";
  transform: skewX(-15deg);
  border: 1px solid transparent;
  width: 25%; }
  @media (max-width: 767px) {
    .helpfulTips .searchButtonnew, .contentSearch .searchButtonnew {
      font-size: 30px;
      height: 90px; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips .searchButtonnew, .contentSearch .searchButtonnew {
      font-size: 15px;
      height: 45px; } }
  .helpfulTips .searchButtonnew:hover, .contentSearch .searchButtonnew:hover {
    background-color: #009cde;
    color: #fff; }
  .helpfulTips .searchButtonnew span, .helpfulTips .searchButtonnew a, .contentSearch .searchButtonnew span, .contentSearch .searchButtonnew a {
    transform: skewX(15deg);
    display: inline-block; }
  @media only screen and (max-width: 767px) {
    .helpfulTips .searchButtonnew, .contentSearch .searchButtonnew {
      margin-left: -8%;
      width: 29%; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips .searchButtonnew, .contentSearch .searchButtonnew {
      margin-left: -9%; } }
  @media only screen and (min-width: 768px) {
    .helpfulTips .searchButtonnew, .contentSearch .searchButtonnew {
      height: 40px;
      margin-left: -54px;
      width: 42.2%;
      font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .helpfulTips .noresultsBodyContent, .contentSearch .noresultsBodyContent {
    margin-top: 41px;
    padding-bottom: 20px; } }

@media only screen and (max-width: 639px) {
  .helpfulTips .noresultsBodyContent, .contentSearch .noresultsBodyContent {
    margin-top: 20px;
    padding-bottom: 10px; } }

@media only screen and (min-width: 768px) {
  .helpfulTips .noresultsBodyContent, .contentSearch .noresultsBodyContent {
    margin-top: 37px; } }

.helpfulTips .noresultsBodyContent p, .contentSearch .noresultsBodyContent p {
  font-family: "BalticaRegular";
  color: #000;
  line-height: 1.2; }
  @media only screen and (max-width: 767px) {
    .helpfulTips .noresultsBodyContent p, .contentSearch .noresultsBodyContent p {
      font-size: 24px;
      padding: 0 52px 0 52px; } }
  @media only screen and (max-width: 639px) {
    .helpfulTips .noresultsBodyContent p, .contentSearch .noresultsBodyContent p {
      font-size: 12px;
      padding: 0 29% 0 8%; } }
  @media only screen and (min-width: 768px) {
    .helpfulTips .noresultsBodyContent p, .contentSearch .noresultsBodyContent p {
      font-size: 14px;
      padding: 0 74px 0 29px; } }

@media only screen and (max-width: 767px) {
  .helpfulTips .noresultsBodyContent .contacts, .contentSearch .noresultsBodyContent .contacts {
    padding-top: 30px; } }

@media only screen and (max-width: 639px) {
  .helpfulTips .noresultsBodyContent .contacts, .contentSearch .noresultsBodyContent .contacts {
    padding-top: 15px; } }

@media only screen and (min-width: 768px) {
  .helpfulTips .noresultsBodyContent .contacts, .contentSearch .noresultsBodyContent .contacts {
    padding-top: 17px; } }

@media only screen and (min-width: 768px) {
  .helpfulTips .noresultsBodyContent .tel, .contentSearch .noresultsBodyContent .tel {
    padding-top: 9px;
    display: inline-block; } }

@media only screen and (max-width: 767px) {
  .helpfulTips {
    margin-top: 60px; } }

@media only screen and (max-width: 639px) {
  .helpfulTips {
    margin-top: 30px; } }

@media only screen and (min-width: 768px) {
  .helpfulTips {
    padding-left: 0; } }

@media only screen and (max-width: 767px) {
  .helpfulTips h5 {
    padding-bottom: 42px; } }

@media only screen and (max-width: 639px) {
  .helpfulTips h5 {
    padding-bottom: 21px; } }

@media only screen and (min-width: 768px) {
  .contentSearch {
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .contentSearch h5 {
    padding-bottom: 34px; } }

@media only screen and (max-width: 639px) {
  .contentSearch h5 {
    padding-bottom: 17px; } }

@media only screen and (min-width: 768px) {
  .contentSearch h5 {
    padding-bottom: 35px; } }

@media only screen and (min-width: 768px) {
  .contentSearch .helveticaNeueCnd {
    padding-bottom: 32px; } }

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

@media only screen and (max-width: 767px) {
  .noResultswrapper {
    padding-left: 15px; } }

@media only screen and (max-width: 639px) {
  .noResultswrapper {
    padding-left: 7px; } }

@media only screen and (min-width: 768px) {
  .noResultswrapper {
    padding-left: 0; } }

@media only screen and (max-width: 767px) {
  .noSearchContentArea {
    margin-top: 62px;
    margin-bottom: 45px; } }

@media only screen and (max-width: 639px) {
  .noSearchContentArea {
    margin-top: 31px;
    margin-bottom: 22px; } }

@media only screen and (min-width: 768px) {
  .noSearchContentArea {
    margin-top: 33px;
    margin-bottom: 105px; } }

@media (min-width: 768px) {
  .noSearchContentArea .contactHelpLoginIntercept {
    margin-left: 8.3333333333%; } }

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

@media only screen and (min-width: 768px) {
  .noSearchContentArea .contactHelpLoginIntercept {
    padding-right: 0; } }

.noSearchContentArea .contactHelpLoginIntercept .needhelp {
  float: right;
  color: #003865;
  font-family: "ConflictBlack";
  font-size: 24px;
  text-transform: uppercase; }

.searchtext {
  font-family: "BalticaRegular"; }
  @media only screen and (max-width: 767px) {
    .searchtext {
      font-size: 24px;
      margin-top: 8px; } }
  @media only screen and (max-width: 639px) {
    .searchtext {
      font-size: 12px;
      margin-top: 4px; } }
  @media only screen and (min-width: 768px) {
    .searchtext {
      width: 100%;
      float: left;
      margin-top: 20px; } }
  .searchtext p {
    color: #333333; }
    @media (min-width: 768px) {
      .searchtext p {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
        width: 58.3333333333%; } }
    .searchtext p {
      padding-left: 0; }
    @media only screen and (max-width: 767px) {
      .searchtext p {
        padding: 0 40px 0 15px; } }
    @media only screen and (max-width: 639px) {
      .searchtext p {
        padding: 0 20px 0 7px; } }
  .searchtext .userSearchString {
    font-family: "BalticaBold";
    text-transform: lowercase; }

@media only screen and (min-width: 768px) {
  .noSearchTipsAndSearchWrapper {
    margin-top: 60px;
    float: left; } }

.searchResultSearch .searchtitle {
  display: none; }

.contentSearchcontainer .srcbtnheader {
  display: none; }

.contentSearchcontainer .search-result {
  float: none;
  width: 100%;
  margin-left: 0;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .contentSearchcontainer .search-result {
      padding-left: 12px; } }
  .contentSearchcontainer .search-result .searchButton {
    text-indent: inherit;
    position: relative; }

@media only screen and (min-width: 768px) {
  .contentSearchcontainer .autocomplete-suggestion {
    padding: 9px 10px 4px; } }

.searchby {
  color: #333333;
  font-family: "BalticaRegular"; }
  @media only screen and (max-width: 767px) {
    .searchby {
      font-size: 24px;
      padding: 0 40px 0 15px; } }
  @media only screen and (max-width: 639px) {
    .searchby {
      font-size: 12px;
      padding: 0 20px 0 7px; } }
  @media only screen and (min-width: 768px) {
    .searchby {
      width: 100%;
      float: left; } }
  .searchby a {
    color: #00365f;
    font-family: "BalticaBold"; }

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

@media only screen and (max-width: 639px) {
  .nosearchdesktop {
    display: none; } }

@media only screen and (min-width: 768px) {
  .nosearchmobile {
    display: none; } }