/* Added Font Face */
@font-face {
    font-family: 'Mark OT';
    src: url('../fonts/MarkOT.otf') format('opentype');
}

@font-face {
    font-family: 'MarkOT-Bold';
    src: url('../fonts/MarkOT-Bold.woff') format('woff');
} 

@font-face {
    font-family: 'MarkPro-Heavy';
    src: url('../fonts/MarkPro-Heavy.otf') format('opentype');
}

.markot { font-family: 'MarkOT'; }
.markot-bold { font-family: 'MarkOT-Bold'; }
html,
body{
   font-family:Mark OT, MarkOT-Bold, MarkOT Heavy, MarkOT-LightItalic, MarkOT-Italic, calibri;

}
/*Font end*/

/* =============================================================================
    Global app styles
   ========================================================================== */

a {
  cursor: pointer;
}

.odcs-auto-focus:focus {
  outline: 0;
}

.odcs-behind-header {
  top: -58px;
  margin-bottom: -58px;
}

.odcs-header-padding {
  padding-top: 58px;
}

.odcs-flex-column-stretch {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
      width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    max-width: 1440px!important;
}

oj-vb-content > oj-module {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}

/* --- Root page Header Styles ---------------------------------------------- */
.odcs-header {
  /*background-color: rgba(0, 0, 0, 0.7);
  height: 120px;/*
      /*background-color: #510013;*/
          background-color: #443738;
        

}

.section-border{
  border: 1px solid #cd0954; 
  border-radius: 5px;
  padding: 10px;
  margin-top:25px;
}

.productionCodeBlk{
  width: 435px;
}
.sectionBlk{
  padding: 0px 0px 10px 20px;
}
#IssueType{
  padding-left : 18px;
}
.heading-format{
    position: relative;
    top: -24px;
    background: #eee;
    width: fit-content;
    padding: 0 15px;
    height: 14px;
    margin: 0px;
}
#issueType{
  padding-left : 10px;
}

.brand_Image_Align{
      padding-left: 3.5%;
}

.odcs-header-text, .odcs-menu-header-outer {
  color: rgba(255, 255, 255, 1.0);
  cursor: pointer;
}

.odcs-header-link {
  color: rgba(255, 255, 255, 1.0);
}

.odcs-header-icon {
  color: rgba(255, 255, 255, 1.0);
  margin: 9px 9px 9px 0;
  cursor: pointer;
}

.odcs-header-item, .odcs-menu-header-inner {
  color: rgba(255, 255, 255, 1.0)
}

.odcs-header-item:after {
  background-color: #FFFFFF;
  bottom: -8px;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 0;
  left: 50%;
  cursor: pointer;
}

.odcs-header-item a:hover, .odcs-header-item a:focus {
  text-decoration: none;
}

.odcs-header-text:hover .odcs-header-item:after {
  width: 50%;
  transition: 0.3s ease all;
}

.odcs-header-item, .odcs-header-item a {
  color: rgba(255, 255, 255, 1.0);
}

.odcs-menu-header-inner {
  cursor: pointer;
  font-size: 1.14286rem;
}

/* Styling for Drop Down Menu Button in Header */

.odcs-menu-header-outer:hover .odcs-menu-header-inner:after {
  width: 50%;
  transition: 0.3s ease all;
}

.odcs-menu-header-inner:after {
  background-color: #FFFFFF;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 0;
  left: 50%;
}

.odcs-header-menu-button.oj-button.oj-default.oj-button-half-chrome .oj-button-button, .odcs-header-menu-button.oj-button.oj-active.oj-button-half-chrome .oj-button-button, .odcs-header-menu-button.oj-button.oj-hover.oj-button-half-chrome:not(.oj-active) .oj-button-button, .odcs-header-menu-button.oj-button.oj-selected.oj-hover.oj-button-half-chrome:not(.oj-disabled) .oj-button-button, .odcs-header-menu-button.oj-button.oj-selected.oj-button-half-chrome:not(.oj-disabled) .oj-button-button, .odcs-header-menu-button.oj-button.oj-disabled.oj-button-half-chrome .oj-button-button, .odcs-header-menu-button.oj-button.oj-disabled.oj-selected.oj-button-half-chrome .oj-button-button {
  background-color: transparent;
  border-color: transparent;
  color: white;
}

/* Styling for Drop Down Menu Icon in Header */

.odcs-header-menu-button.oj-button.oj-default.oj-button-half-chrome .oj-button-icon, .odcs-header-menu-button.oj-button.oj-hover.oj-button-half-chrome:not(.oj-active) .oj-button-icon, .odcs-header-menu-button.oj-button.oj-active.oj-button-half-chrome .oj-button-icon {
  color: white;
}

/* --- Root page Header Styles - END ---------------------------------------- */

/* --- Root page Footer Styles ---------------------------------------------- */

.odcs-footer {
  font-size: 12px;
  opacity: 1;
  border: none;
  padding-left: 15%;
  padding-right: 15%;
}

.odcs-footer-panel {
  /*background-color: transparent;
      background-color: #510013;*/
          
          /*background-color: #8a2231;*/
              background-color: #443738;
      

  border: none;
}

.odcs-footer-panel a {
  cursor: pointer;
}

.odcs-footer-panel-md {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e0e1e1;
  max-width: 18%
}

/* --- Root page Footer Styles - END ---------------------------------------- */

/* --- Page margins and contents -------------------------------------------- */

.odcs-page-margin-start, .odcs-page-margin-end {
  width: 3%;
}

.odcs-page-margin-start-2x, .odcs-page-margin-end-2x {
  width: 10%;
}

.odcs-horizontal-padding {
  padding-left: 3%;
  padding-right: 5%;
}

.odcs-page-content {
    width: 90%;
    background: #614f4f4d;
    opacity: 1;
}


.odcs-page-content-margin-2x {
  max-width: 80%;
}

.odcs-content-75percent-width {
  padding: 0;
  width: 75vw;
}

.odcs-content-85percent-width {
  padding: 0;
  width: 85vw;
}

.odcs-content-full-width {
  padding: 0;
  width: 100vw;
}

/* --- Page margins and contents - END -------------------------------------- */

/* --- Text styles ---------------------------------------------------------- */

.odcs-text-faint {
  color: rgba(124, 114, 134, 1.0);
}

.odcs-text-thick, .odcs-km-popular-articles .odcs-list-view-primary-field, .odcs-text-thick:active, .odcs-km-popular-articles .odcs-list-view-primary-field:active {
  font-size: larger;
  font-weight: 500;
}

.odcs-text-align-center {
  text-align: center;
}

/* --- Text styles - END ---------------------------------------------------- */

/* --- JET overrides -------------------------------------------------------- */

.odcs-combobox-full-width .oj-combobox, .odcs-select-full-width .oj-select, .odcs-select-full-width .oj-searchselect, .odcs-inputtext-full-width .oj-inputtext {
  max-width: 100%;
}

.odcs-combobox-min-width .oj-combobox, .odcs-select-min-width .oj-select, .odcs-select-min-width .oj-searchselect, .odcs-inputtext-min-width .oj-inputtext {
  min-width: 240px;
}

/* --- JET overrides - END -------------------------------------------------- */

/* --- Miscellanea ---------------------------------------------------------- */

.odcs-form-search-button {
  /* width: 31px;
  padding-left: 6px;
  padding-right: 6px;
    font-size: 22px; */
    padding-left: 6px;
    padding-right: 6px;
    /* width: 16px; */
    /* height: 16px; */
}
.odcs-form-search-button:hover {
    background-color: #9F5040!important;
    color: white!important;
    border-radius: 30px;
    padding: 6px;
    /* height: fit-content; */
}

.odcs-chat-icon {
  color: rgba(0, 0, 0, 0.3);
}

.odcs-tabs {
  font-size: large;
  text-align: center;
  cursor: pointer;
  background-color: rgba(245, 245, 245, 1);
}

.odcs-tabs-top-panel {
  padding-top: 1em;
}

.odcs-tabs.oj-tabbar-horizontal.oj-tabbar-icon-only .oj-tabbar-item.oj-selected, .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  border-color: black;
}

/* Styling for the odcs clickable components, e.g. links in list views */

.odcs-clickable, a:active.odcs-clickable {
  color: #0572ce;
  cursor: pointer;
}

/* Styling for the odcs clickable components in detail header view */

.odcs-clickable-detail-view, a:active.odcs-clickable-detail-view {
  color: #0572ca;
  cursor: pointer;
}

/* Styling for the odcs upload icon */

.odcs-upload-icon-color {
  color: rgb(154, 154, 154);
}

/* Styling for the detail table row text */

.odcs-detail-table-row {
  padding-top: 0.5em;
}

.odcs-detail-table-row-primary-text {
  font-weight: 500;
}

.odcs-detail-table-row-secondary-text {
  font-weight: 100;
}

.odcs-detail-table-row-tertiary-text {
  font-size: small;
  font-weight: 100;
}

/* Styling for the odcs clickable on hover e.g. to apply an underline */

.odcs-clickable:hover {
  text-decoration: underline;
}

/* Styling for the odcs clickable detail view on hover e.g. to apply an underline */

.odcs-clickable-detail-view:hover {
  text-decoration: underline;
}

/* Styling for edit file description button */

.odcs-sr-file-description-edit-button {
  padding-left: 1em;
}

.odcs-sr-file-description-edit-toolbar {
  padding-left: 1em;
}

/* Styling for SR details page enabling height: 100% for the dialog body content element and its children */

.odcs-dialog-content .oj-dialog-content *, .odcs-dialog-content .oj-dialog-content {
  height: 100%;
}

/* Styling for SR details page actions dialog used to stop a needless overflow in the add message dialog that would cause a scroll bar to show */

.odcs-sr-detail-dialog-body {
  overflow: hidden;
}

/* Styling for text in attachment dropzone on service request details page */
.odcs-oj-attachment-file-picker-dropzone {
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* Styling for progress indicators */

.odcs-progress {
  padding-top: 1em;
  padding-bottom: 1em;
}

/* --- Miscellanea - END ---------------------------------------------------- */

/* =============================================================================
    Component-specific styles
   ========================================================================== */

/* --- Title-subtitle section ----------------------------------------------- */

.odcs-page-title {
  margin: 10px 0 0 0;
  padding: 0;
}

.odcs-page-subtitle {
  padding: 0;
}

/* --- Title-subtitle section - END ----------------------------------------- */

/* --- ODCS list view component styles -------------------------------------- */

/* Generic list styles */

.odcs-list-view-primary-field, a:active.odcs-list-view-primary-field {
  font-size: larger;
  font-weight: 700;
}

.odcs-list-view-secondary-field, a:active.odcs-list-view-secondary-field {
  font-size: large;
  font-weight: 500;
}

.odcs-list-view-primary-sm-field, a:active.odcs-list-view-primary-sm-field {
  font-weight: 700;
}

.odcs-list-view-secondary-sm-field, a:active.odcs-list-view-secondary-sm-field {
  font-weight: 500;
}

.odcs-list-view-warning-icon-color {
  color: rgb(193, 94, 94);
}

.odcs-list-view-icon-color {
  color: rgb(128, 128, 128, 1);
}

.odcs-list-view-control-label {
  font-weight: 700;
}

.odcs-list-view-control-padding {
  padding-right: 1rem;
}

/* Styles for list with no separators */

.odcs-list-no-separator .oj-listview {
  border-style: none;
  border: none;
}

.odcs-list-small-padding .oj-listview-item {
  padding: 0.25rem;
}

.odcs-list-no-separator .oj-listview-item {
  border-color: transparent !important;
  background-size: 0;
}

/* --- ODCS list view component styles - END -------------------------------- */

/* --- ODCS summary panel --------------------------------------------------- */

.odcs-summary-panel {
  background-color: rgba(245, 245, 245, 1);
  padding-top: 0.5em;
}

.odcs-summary-panel-h2 {
  font-weight: 500;
}

.odcs-summary-panel-h3 {
  font-weight: 300;
}

.odcs-summary-label {
  padding-top: 0.7em;
  font-size: small;
  font-weight: 500;
}

.odcs-summary-field {
  font-weight: 700;
  padding-bottom: 0.5em;
}

.odcs-summary-value {
  font-size: small;
  font-weight: 400;
}

/* --- ODCS summary panel - END --------------------------------------------- */

/* --- Option card (and menu) ----------------------------------------------- */

.odcs-option-card-menu {
  padding: 0 25px;
}

.odcs-option-card {
  min-width: 361px;
  min-height: 336px;
  max-width: 361px;
  padding: 22px;
  margin: 35px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.odcs-option-card>.oj-flex-item {
  width: 100%/* For IE11 compatibility, otherwise text doesn't wrap */
}

.odcs-option-card-icon {
  height: 102px;
  width: 102px;
  font-size: 70px;
  border: 0;
  color: #b4b4b4;
  text-align: center;
}

.odcs-option-card-title {
  text-align: center;
  margin: 0;
}

.odcs-option-card-description {
  text-align: center;
  font-size: 16px;
  padding: 10px 0;
}

.odcs-option-card-action-info {
  text-align: center;
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
}

.odcs-option-card-action-trigger {
  text-align: center;
  font-size: 20px;
  margin: 0;
  padding: 10px 0;
}

/* --- Option card (and menu) - END ----------------------------------------- */

/* --- Form box ------------------------------------------------------------- */

.odcs-form-box {
  background-color: rgba(0, 0, 0, 0.69);
  width: 100%;
  max-width: 454px;
  border-radius: 5px;
}

.odcs-form-box-content {
  max-width: 324px;
}

.odcs-form-box-text, .odcs-form-box-label, .odcs-form-box-label .oj-label-required-icon {
  color: #FFFFFF;
}
.odcs-form-box .oj-label {
  font-size: 1.28571428rem;
}

.odcs-form-box .oj-button-primary {
  filter: brightness(130%);
}

.odcs-form-box a {
  color: var(--oj-brand-color);
  filter: brightness(130%);
}


/* --- Form box - END ------------------------------------------------------- */

/* =============================================================================
    Page-specific styles
   ========================================================================== */

/* --- Support (home) page -------------------------------------------------- */

/* Home page Hero Image Styles */

.odcs-hero-image {
  /* background-image: url("../images/splash-multi-colored.png"); */
  padding-top: 50px;
  padding-bottom: 5px;
    background-repeat: repeat;
    background-size: initial;
  position: relative;
  height: 250px;
}


.odcs-hero-image-text-box {
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
  border-radius: 5px;
  margin-top: 21px;
}

.odcs-hero-image-small {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)), url("../images/odcs-hero-image.jpg");
  background-repeat: no-repeat;
  background-size: auto 160%;
  background-position: top right;
  background-color: #f0f0f0;
  position: relative;
}

.odcs-hero-image-text-box-small {
  /* padding: 34px 20px 18px 26px; */
     padding-top: 3.6%;
    padding-left: 4%;
    padding-right: 4%;
  /* max-width: 720px; */
  background-color: #9F5040;
  /* border: 0;
   background-image: url(../images/splash-left.png), url(../images/splash-right.png);

          padding-bottom: 2%;
    
    background-position: left center,center right;
  background-repeat: no-repeat, repeat; */
}
.leftsideimg{
       width: 41%;
    position: absolute;
    top: 78%;
    left: 22%;
    transform: translate(-50%, -50%);
  	}
 	.rightsideimg{
    width: 40%;
    position: absolute;
    top: 50%;
    right: -20%;
    transform: translate(-50%, -50%);
 	}
.oj-text-field .oj-text-field-container1 {
  height: 5.28571rem!important;
}

.oj-email-us-form {
  height: 15.28571rem!important;
}
.odcs-hero-image-text {
  /*color: rgba(255, 255, 255, 1.0);*/
      color: #510013;
  font-size: 4.0vw;
  text-align: center;
}

.odcs-hero-input .oj-combobox {
  max-width: 100%;
  /* Needs to override default .oj-combobox max-width */
}

.odcs-hero-input .oj-combobox-choice {
  background-clip: border-box;
}

.odcs-home-section-title {
  width: 100%;
  font-size:21px;
  font-weight:bold;
}



  .odcs-homepage-left-box {
    padding: 0 10px 20px 0;
  }

  .odcs-homepage-right-box {
    padding: 0 0 20px 10px;
  }

  /* Reduced height 'border' to separate boxes on homepage */
  .odcs-homepage-left-box:after {
    background-color: #e0e1e1;
    top: 20%;
    content: "";
    display: block;
    height: 60%;
    position: absolute;
    width: 1px;
    right: 50%;
  }


oj-list-view.odcs-home-visual-navigator ul.oj-listview-group {
  justify-content: center;
}

li.oj-listview-item.odcs-home-visual-navigator-card {
  border-radius: 5px;
  background: #fffd;
}

.odcs-home-visual-navigator-card-icon {
  color: #b4b4b4;
}
  
.odcs-home-body-content {
  padding: 0 9%;
}

.odcs-list-icon {
  width: 36px;
  text-align: center;
}

/* Styling for KM collapsible filter header*/

.odcs-collapsible-filter {
  /*color: #eaf0f2;*/
  color:black;
  font-size: small;
  padding: 0;
}

.odcs-home-page-skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
}

.odcs-home-page-skip-link:focus {
  top: 0;
}

/* --- Support (home) page - END -------------------------------------------- */

/* Styling for KM article pieces, e.g. to control padding around the pieces */

.odcs-km-article-piece {
  padding-bottom: 1em;
}

/* Styling for KM article pieces headers */

.odcs-km-article-piece-header {
  font-size: large;
  font-weight: 500;
}

/* Article rating info related styling */

.odcs-km-article-heading {
     display: inline;
    font-weight: 600;
    font: normal normal bold 40px/60px Mark OT;
    letter-spacing: 0px;
    color: #443738;
}
#odcs-knowledge-article-header{
  margin-top: 2%;
}
.article_Content{
      margin-bottom: 2%;
    margin-top: 1%;
}

.odcs-km-article-rating-separator {
  color: #999;
}

/* Article feedback section related */
.odcs-km-article-feedback-section {
  font-size: 1.3em;
}

.oj-button.oj-disabled.odcs-km-article-rating-five-star, .oj-button.oj-disabled.odcs-km-article-rating-yes-no {
  margin-bottom: 15px;
}

.oj-button.oj-disabled.odcs-km-article-rating-five-star .oj-button-button, .oj-button.oj-disabled.odcs-km-article-rating-yes-no .oj-button-button {
  border-radius: 3px;
  height: 32px;
}

.oj-button.oj-disabled.odcs-km-article-rating-five-star .oj-button-button {
  background-color: #008000;
  color: #fff;
  font-weight: 500;
  border-color: transparent;
}

.oj-button.oj-disabled.odcs-km-article-rating-yes-no .oj-button-icon, .oj-button.oj-disabled.odcs-km-article-rating-yes-no .oj-button-button {
  background-color: #fff;
  color: #000;
}

.odcs-knowledge-article-message, .odcs-knowledge-article-thanks-message {
  font-weight: bold;
}

.odcs-knowledge-article-message.value-mode {
  font-size: 1.3em;
}

.odcs-knowledge-article-thanks-message {
  color: #6aad74;
}

.odcs-km-current-rating, .odcs-km-current-rating oj-rating-gauge, .odcs-km-current-rating oj-button {
  display: inline-block;
}

/* --- "Contact us" page ---------------------------------------------------- */

#odcs-contact-us-page {
  background: linear-gradient(#f5f5f5 55%, #ffffff 45%);
}

#odcs-contact-us-title-section {
  padding: 20px;
}

/* --- "Contact us" page - END ---------------------------------------------- */

/* --- "Sign up" page ------------------------------------------------------- */

#odcs-sign-up-page {
  margin-top: -58px;
  /* top and padding to set image behind header */
  padding: 58px 0 0 0;
/*  background-image: url("../images/odcs-sign-up-image.jpg");  */
  background-image: url("../images/Group2.png");  
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#odcs-sign-up-content {
  padding: 36px 0;
}

/* --- "Sign up" page - END ------------------------------------------------- */

/* --- "Sign in" page ------------------------------------------------------- */

#odcs-sign-in-page {
  margin-top: -58px;
  /* top and padding to set image behind header */
  padding: 58px 0 0 0;
  background-image: url("../images/Group2.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#odcs-sign-in-content {
  padding: 36px 0;
}

/* --- "Sign up" page - END ------------------------------------------------- */

/* --- "Error" page ---------------------------------------------------------*/
.odcs-error-title-header {
  font-size: large;
  font-weight: 500;
}
/* -- "Error" page - END ----------------------------------------------------*/

/* --- IDCS Forms ------------------------------------------------------- */

.odcs-login-info {
  padding: 20px;
}

.oj-panel.odcs-login-panel {
  padding: 0;
}

.oj-panel.odcs-login-panel,
.oj-panel.odcs-change-password-panel,
.oj-panel.odcs-forgot-password-panel,
.oj-panel.odcs-reset-password-panel {
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.odcs-login-forgot-password,
.odcs-back-to-login {
  text-align: right;
  font-size: 0.85em;
}

/* Hide superflous info for password policy violation messages */
.odcs-change-password-panel .odcs-new-password-1 .oj-message-error .oj-message-detail,
.odcs-reset-password-panel .odcs-new-password-1 .oj-message-error .oj-message-detail {
  display: none;
}

/* --- IDCS Forms - END ------------------------------------------------------- */

/* --- Work Order --------------------------------------------------------------*/

.odcs-hr-panel {
  background-color: #e0e1e1;
  margin: 2px 0
}

/* --- Work Order - END -------------------------------------------------------*/

.year{
  width:100%;
}
  

.birth-year{
  width:10%;
}
/* footer */
.color-band{
 position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    /* max-width: 20%; */
    height: 6px;
}
/*
.oj-inputpassword-input, .oj-inputtext-input, .oj-textarea-input,.oj-select-chosen ,   .oj-inputdatetime .oj-inputdatetime-input{
  background:#F2F2F2;
     border-radius: 0px;
    border: none;
    box-shadow: none;
    font-size: 12px;
       
}

.oj-text-field .oj-text-field-container 
{
  height:34px;
 
  background:#F2F2F2;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    font-size: 12px;
    padding:6px 12px;
}
*/

.col-red {
        background-color: #cd0954;
         height:6px;
      }
      .col-blue {
        background-color: #3cc7f2;
         height:6px;
      }
      .col-bronze {
        background-color: #915040;
         height:6px;
      }
      .col-green {
        background-color: #7ac142;
         height:6px;
      }
      .col-brown {
        background-color: #443738;
         height:6px;
      }
      
.error-font{
  color:#f04124;
  font-size:11px;
}

.oj-filepicker-dropzone
{
  width: 400px;
  
}
#footer {
  background: #443738;
  position: relative;
   
}

#footer .color-band {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}

#footer .color-band .color-band__col {
position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    height: 6px;
}


#footer .color-band .color-band__col--red {
  background-color: #cd0954;
}

#footer .color-band .color-band__col--blue {
  background-color: #3cc7f2;
}

#footer .color-band .color-band__col--bronze {
  background-color: #915040;
}

#footer .color-band .color-band__col--green {
  background-color: #7ac142;
}

#footer .color-band .color-band__col--brown {
  background-color: #443738;
}

#footer .container {
  position: relative;
  z-index: 2;
}

#footer .footer-wrapper {
  padding: 78px 40px 114px;
}

@media (max-width: 1023px) {
  #footer .footer-wrapper {
    padding: 46px 20px;
  }
}

@media (max-width: 768px) {
  #footer .footer-wrapper {
    padding: 106px 0 389px;
  }
  .mobile_Table_Contact_Us{
    justify-content: center;
  }
  #contact-us{
    text-align: center;
  }
  #footer{
    margin-top: 17%;
  }
  .odcs-hero-image-text-box-small{
        padding-top: 9.6%;
  }
 .menu_Shift_Right{
  margin-right: 0%!important;
}
 .contact-us-icon {
    margin: auto!important;
  }
  .contactus_Title_Footer {
  text-align: center!important;
}
.main_Home_Banner_Section{
  margin-top: 0%!important;
}
.bradCum_In_article_Page{
	padding:0 13px!important;
}
}

#footer .social-networks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 4px -12px 24px;
}

@media (max-width: 1023px) {
  #footer .social-networks {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 39px;
  }
}

#footer .social-networks.sm-view {
  display: none;
}

@media (max-width: 1023px) {
  #footer .social-networks.sm-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1023px) {
  #footer .social-networks.lg-view {
    display: none;
  }
}

#footer .social-networks li {
  padding: 0 12px;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 1;
}

#footer .social-networks a {
  color: #fff;
}

#footer .social-networks a:hover {
  color: #be0042;
}

#footer .footer-logo {
  margin-top: -3px;
  width: 111px;
  display: table;
  margin-left: auto;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  #footer .footer-logo {
    margin-left: 0;
    margin-top: -1px;
    margin-bottom: 8px;
  }
}

#footer .info {
  color: #f4f4f4;
  font-size: 12px;
  line-height: 2;
  text-align: right;
}

@media (max-width: 767px) {
  #footer .info {
    text-align: left;
  }
}

#footer .info address {
  display: block;
  margin: 0;
}

#footer .info address a {
  color: #fff;
}

#footer .info address a:hover {
  color: #be0042;
}


.footer-nav {
  font-size: 14px;
  line-height: 1.57143;
  font-weight: 400;
  list-style: none;
  /* display: inline-flex; */
  padding-left: 0px!important;
}
.footer_List_Newly_Design a {
    color: white;
    cursor: pointer;
}
.footer-nav:hover {
    color: #be0042!important;
    text-decoration: underline;
}

.footer_List_Newly_Design a:hover {
    color: #dd907c;
    text-decoration: underline;
        cursor: pointer;
}
#footer .color-band {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px;
}

#footer .color-band .color-band__col--red {
    background-color: #cd0954;
}
#footer .color-band .color-band__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    height: 6px;
}

#footer .color-band .color-band__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    height: 6px;
}
#footer .color-band .color-band__col--blue {
    background-color: #3cc7f2;
}
#footer .color-band .color-band__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    height: 6px;
}

#footer .color-band .color-band__col--bronze {
    background-color: #915040;
}
#footer .color-band .color-band__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    height: 6px;
}

#footer .color-band .color-band__col--green {
    background-color: #7ac142;
}
#footer .color-band .color-band__col--brown {
    background-color: #443738;
}

@media (max-width: 767px) {
  .footer-nav {
       display: contents;
  }
}

.footer-nav .h3 {
  color: #dd907c;
  font-size: 18px;
  line-height: 1.2;
  display: block;
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  .footer-nav .h3 {
    margin-bottom: 10px;
  }
}

.footer-nav .h3:only-child {
  margin-bottom: 5px;
}

.footer-nav .h3 a {
  color: inherit;
}

.footer-nav .h3 a:hover {
  color: #be0042;
}

/* .footer-nav > li {
  padding-bottom: 36px;
  margin-bottom: 47px;
  border-bottom: 1px solid rgba(221, 144, 124, 0.3);
} */

@media (max-width: 767px) {
  /* .footer-nav > li {
    padding-bottom: 29px;
    margin-bottom: 39px;
  } */
}

.footer-nav > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

@media (max-width: 767px) {
  .footer-nav > li:last-child {
    /* border-bottom: 1px solid rgba(221, 144, 124, 0.3); */
    padding-bottom: 28px;
    margin-bottom: -2px;
  }
}

.footer-nav a {
  color: #fff;
}

.footer-nav a:hover {
  color: #dd907c;
}

.footer-nav ul li {
  margin-bottom: 6px;
}
ul ul {
   padding-left:3px;
 }
 
#odcs-home-page .oj-text-field .oj-text-field-container {
   height:5rem;
   width:100%;
   /* background-image: url(" $application.path + 'resources/images/images.jpg' "); */
 }
 #odcs-home-page{
    background-image: url("../images/hero.jpg");
    height: 100%;
/* height: 522px; */
   background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
        /* opacity: .4; */
        background-color: #7f8184a6;
   }

   /* Css Start Here New */
   .heading_Bg_img{
  
    font-size: 40px;
    padding-bottom: 10px;
    font-weight: 400;
    color: white;
    letter-spacing: 2px;
}
   .main_Home_Banner_Section{
      margin-top: 30%!important;
    padding-left: 4%;
    padding-right: 5%;
}
   
   .looking_Support_Btn{
    background: #756b6cb3 0% 0% no-repeat padding-box!important;
    border-radius: 20px!important;
    opacity: 0.6!important;
     color: #fbfbfb!important;
   border-color:#0000000d!important;
         
   }
   .looking_Support_Btn:hover{
    background: #9F5040!important;
    opacity: 1!important;
   }

   .oj-combobox-input{
    font: normal normal normal 16px/20px Mark OT;
     margin-left: 10px!important;
    color: #626262;
    margin-top: auto;
    margin-bottom: auto;
   }
   /* #odcs-home-page-hero-input-small{
         display: contents!important;
        
   } */
   .text_Color_Black{
     color: black!important;
   }
   .text_Color_Black:hover{
     color: #9F5040!important;
     opacity: 100%;
   }
   #odcs-home-page-hero-search-button-large{
 
   }
   .heading_Bg_img_Search_Result{
text-align: left;
    font: normal normal normal 18px/23px Mark OT;
    letter-spacing: 2px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    z-index: 999;
   }
   #bg_gray{
    background: #F2F2F2!important;
        padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
   }   
.hr_Color_Black{
      border: 1px solid #DEDEDE;
    margin-top: 3px;
}
.collapsible_Div{
      padding: 1%!important;
    background: white!important;
        margin-bottom: 1%!important;
}
.header_Collapsible{
      border: 0 solid #ffffff!important;
      background-color: #ffffff!important;
}
.heading_Collapsible{
      color: black;
    font-size: 17px;
    font-weight: 600;
}
#faqSection{
  
}
#article_Section{
 
}
.common_Bg_Section{
      background: #efefefa6!important;
}

.article_List_Color{
    font: normal normal normal 18px/29px Mark OT;
    letter-spacing: 0px;
    color: #443738!important;
    text-transform: capitalize;
    opacity: 1;
}
.article_List_Color:hover{
  color: #9F5040!important;
}
.featured-content__inner{
      padding-top: 3%!important;
    text-align: center!important;
    padding-bottom: 1%!important;
}
.rounded_Btn_Bg{
      background: transparent!important;
    border-color: #cd0954!important;
    border-radius: 25px;
    color: #cd0954!important;
        font-family: 'MarkOT-Bold';
        padding: 10px 32px!important;
}

.rounded_Btn_Bg:hover{
   background: #9F5040!important;
   border-color: #9F5040!important;
   color: white!important;
}
.home_Page_Btn{
      background: #cd0954;
    border-color: #cd0954;
    border-radius: 25px;
    color: white!important;
       padding-left: 1.2%;
    padding-right: 1.2%;
    padding-top: 1%;
    padding-bottom: 1%;
    
}
.home_Page_Btn:hover{
  background-color: #9F5040!important;
  text-decoration: none!important;

}
.hr_Line_Home_Page{
      border-top: 1px solid #cacaca!important;
          margin-top: 16px!important;
    margin-bottom: 14px!important;
}
.color_Pink{
  color:#cd0954!important;
}
.img_coffee_Details_Sec_2{
  float: right;
      width: 40%;
}
.section_2{
  padding-bottom: 2%;
}
/* .header_Collapsible::after{
  content: "\002B";
  display: inline-block;
  position: absolute;
  right: 0;
  top: -2px;
  color: #cd0954;
  font-size: 3rem;
} */
a.oj-component-icon.oj-clickable-icon-nocontext.oj-collapsible-header-icon.oj-collapsible-close-icon {
    visibility: hidden!important;
}
.search_Box_Boostrap{
      height: 50px!important;
    border-radius: 8px!important;
}
.input-error .oj-inputtext-input, .input-error .oj-textarea-input , .input-error .oj-select-choice
{
  background-color:rgba(255, 182, 193, 0.13) !important;
}
.iframe_Border{
        /* height: 90%;
          width: 70%; */
    border: 1px solid #d8d5d5;
    padding: 11%;
    width: 180px;
    height: 180px;
}
.iframe_Border:hover{
  box-shadow: 0px 5px 15px #00000026;
border: 1px solid #DEDEDE;
opacity: 1;
}
.iframe_Border_Only{
  border: 1px solid #f5f4f4;
}
 .brand_Width_as_Device{
       width: 16%;
    margin-bottom: 1.8%
}
 .brand_Width_as_Device_Home_Page{
     width: 16%;
    margin-top: 1%;
}
a.oj-component-icon.oj-clickable-icon-nocontext.oj-collapsible-header-icon.oj-collapsible-open-icon {
    
    visibility: hidden!important;
}
.faq_bg_row {
   text-align: left;
font: normal normal bold 18px/31px Mark OT;
letter-spacing: 0px;
color: #443738;
opacity: 1;
    background: white;
    padding: 24px;
    font-family: 'MarkOT-Bold';
}
.faq_bg_row:hover{
  color: #9F5040!important;
}
.search_Icon_Answer_Page{
      float: right!important;
    position: absolute!important;
    right: 0!important;
}
.curser_Pointer{
  cursor: pointer;
}
.coffer_brands_Padding{
     padding-top: 1%;
    padding-bottom: 3%;
    padding-left: 2.1%;
    padding-right: 3%;
    
}
.imagesBorder_Brands{
    border: 2px solid #e6e6e6;
    padding: 12%;
    height: 100%;
    width: 89%;
     background: white;
}
.imagesBorder_Brands:hover{
  box-shadow: 0px 5px 15px #00000026;
  border: 1px solid #DEDEDE;
  opacity: 1;
}
.images_Nutriation_Fat {
    height: 300px;
    width: 400px;
    border-bottom: 7px solid #cd0954;
    
}
.nutration_Main_Div{
  padding-right:0px;
  padding-left:0px;
  padding-top: 4%;
}
.images_Main_Section{
  background: #ffffff; 
  padding-left: 4%; 
  padding-right: 3%;
}
.brands_Secound_Section{
padding-top: 3%;
float: right;
padding-left: 6%;
}


.override_menu_Color{
      background-color: transparent!important;
    border-color: transparent!important;
    z-index: 9999;
    width: 100%!important;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 0!important;
    margin-bottom: 15px!important;
    max-width: 1440px!important;
}
.country-dd-mobile:before {
    /* content: '';
    width: 2px;
    height: 61px;
    background: whitesmoke;
    position: absolute;
    right: 84px;
    top: -7px; */
        content: '';
    width: 2px;
    height: 53px;
    background: whitesmoke;
    position: absolute;
    right: 84px;
    top: -4px;

}
.menu_Label_List {
  color:#443738!important;
  font-size:1.7rem!important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent!important;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #2d2d2d!important;
}
.navbar-inverse .navbar-toggle {
    border-color: transparent!important;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: transparent!important;
}
.navbar-nav>li>a {
   padding-top: 25px;
    padding-bottom: 0px;
    line-height: 28px;
}
.country-dd-mobile{
    /* position: absolute;
    top: 22px;
    right: 47px; */
        position: absolute;
    top: 16px;
    right: 47px;
}
.oj-button, .oj-button-nocomp {
  margin-bottom: 0px!important;
}

.pink_color_only{
  color: #cd0954!important;
}
.nutriction_Fact_Div_Label{
  color: var(--kdrp-red);
text-align: left;
font: normal normal bold 18px/31px Mark OT;
font-family: 'MarkOT-Bold';
letter-spacing: 0px;
color: #BE0042;
opacity: 1;
}

.nutriction_Fact_Div_Label:hover{
  color: #9F5040!important;
}
.popluar_Article_Search_Div{
  background: #F8F8F8;
  padding-right:5%;
  padding-left:4%;
  padding-bottom: 3%;
}

.popluar_Search_Home_Answers{
    background: white;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 3%;
}
.popluar_Search_Home_Answers_List_Heading {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
}
.navbar {
       /* min-height: 63px!important; */
    /* min-height: 65px!important; */
    padding: 0px 40px 20px 40px;
        position: relative;
    border-bottom: 1px solid #f4f4f4;
}
.search_Icon_Popular_Home{
      margin-top: 10px!important;
}

/* Common Media query for Mobile device ,Tablet */
@media (max-width: 800px) {
 .brand_Width_as_Device{
  width: 33%;
}
.brand_Width_as_Device_Home_Page{
  width: 33%;
}
.nutration_Main_Div{
     padding-right: 5%;
    padding-left: 5%;
    padding-top: 4%;
}
.brands_Secound_Section{
float: left;
}
#country_Text_DropDown{
  display: none!important;
}

.brand_Image_Align{
  padding-left: 2.5%;
}
}
/* @media screen and (max-width: 320px), 
       screen and (max-height: 568px) {
  #breadcum_brandDetail{
    display: flex;
    flex-direction: revert;
    position: absolute;
    top: 84%!important;
    left: 6%;
  }
}

@media screen and (max-width: 375px), 
       screen and (max-height: 667px) {
  #breadcum_brandDetail{
    display: flex;
    flex-direction: revert;
    position: absolute;
    top: 71%!important;
    left: 6%;
  }
}

@media screen and (max-width: 414px), 
       screen and (max-height: 736px) {
  #breadcum_brandDetail{
    display: flex;
    flex-direction: revert;
    position: absolute;
    top: 67%!important;
    left: 6%;
  }
}

@media screen and (max-width: 320px), 
       screen and (max-height: 568px) {
  #breadcum_brandDetail{
    display: flex;
    flex-direction: revert;
    position: absolute;
    top: 84%!important;
    left: 6%;
  }
}

@media screen and (max-width: 375px), 
       screen and (max-height: 812px) {
  #breadcum_brandDetail{
    display: flex;
    flex-direction: revert;
    position: absolute;
    top: 60%!important;
    left: 6%;
  }
} */

.mainDiv{
  display: block;
}
.one{
  padding: 0 1%;
    margin-top: 1%;
}
@media screen and (max-width: 531px) {
    .mainDiv { display: flex; flex-flow: column; }
    .three { order: 1; }
    .two { order: 3; }
    .one { order: 2;
    padding: 0 4%;
    margin-top: 1%;
     }
}

/* Common Media query for Mobile device ,Tablet */
@media (max-width: 512px) {
 
  
  .contactus_Title_Footer {
    text-align: center!important;
  }
 .brand_Width_as_Device{
    width: 43%;
    /* margin: 2%; */
        margin-left: 20px;
    margin-bottom: 30px;
}
.brand_Width_as_Device_Home_Page{
    width: 43%;
    margin: 2%;
}
.iframe_Border {
    height: 100%;
    border: 1px solid #cac1c1;
    width: 95%;
}

.brands_Secound_Section{
float: none;
    text-align: center;
    justify-content: center;
}
.country-dd-mobile {
    position: absolute;
    top: 34px!important;
    right: 61px;
}
#locale-menu{
	  inset: 57.8439px auto auto 126.793px!important;
		width:170px!important;
}
.country-dd-mobile-hamburg {
    margin-top: 28px!important;
}
.country-dd-mobile:before {
  display: none;
}
.looking_Support_Btn {
    font-size: 10px!important;
}
.home_Page_Btn{
      padding-bottom: 2%!important;
          padding-top: 2%!important;

}
.images_nutriction_Fats{
  display: contents!important;
}
.faq_Arrow_Icon {
    padding: 0%!important;
    padding-top: 9%!important;
}
.rightsideimg {
    width: 154%;
    position: absolute;
    top: 82%;
    right: -119%;
    transform: translate(-50%, -50%);
}
.leftsideimg{
  display: none;
}

}

.footer-nav li{
  list-style: none;
  display: inline-flex;
  /* padding: 4%; */
      padding-right: 10%;
}
.font_Awsone_Color{
  color: #DD907C;
}
.faq_Arrow_Icon{
      font-weight: 600!important;
    background: white;
    padding: 1.8%;
        margin-bottom: 10px;
}
.contact_imges_Icon{
  height: 34%;
}
.bradeCum_span{
  font-weight:bold;
  color:#cd0954;
  margin-top: 3%;
}

@media print and (orientation: landscape), screen and (min-width: 1024px)
{
.iframe_Border {
    border: 1px solid #d8d5d5;
    padding: 11%;
        width: 85%;
    height: 93%;
    /* width: 145px;
    height: 145px; */
}
}



#country_Text_DropDown{
  font-size: 10px;
}
.menu_Shift_Right{
  margin-right:17%!important;
font: normal normal bold 16px/40px Mark OT;
letter-spacing: 0px;
color: #443738;
opacity: 1;
}
#Layer_1{
        fill: #fff;
    background: #cd0954;
    border-radius: 29%;
    padding: 3%;
    width: 15%;

}

.oj-filepicker-dropzone{
  width: 32rem;
}
#odcs-home-page-km-popular-articles_Home_Page_Articles{
text-align: left;
font: normal normal normal 24px/29px Mark OT;
letter-spacing: 0px;
color: #443738;
opacity: 1;
}
#odcs-home-page-km-popular-Search_Home_Page{
text-align: left;
font: normal normal bold 30px/41px Mark OT;
letter-spacing: 0px;
color: #443738;
opacity: 1;
}
.nutrition_Facts_Label label{
  font-weight:800;
  font-size:14px;
  color:black;
  padding-bottom:20px;
text-align: left!important;
font: normal normal bold 24px/29px Mark OT!important;
letter-spacing: 0px!important;
color: #443738!important;
opacity: 1!important;
    margin-top: 4%!important;
}
.product-link{
  font-family: 'MarkOT-Bold';
  font-size: 24px;
  margin-top: 12px;
}
.contactus_Title_Footer{
  padding-bottom:5px;
  color:#443738;
  text-align: left;
  font: normal normal bold 30px/41px Mark OT;
  letter-spacing: 0px;
  color: #443738;
  opacity: 1;
}
.brands_Page_Heading{
      text-align: left;
    font: normal normal normal 30px/41px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    opacity: 1;
}
#flavoured_SoftDrink{
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 3.5%;
    text-align: left;
    font: normal normal bold 30px/41px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    opacity: 1;
}
#teaAndWater{
      padding-top: 20px;
    padding-bottom: 30px;
    margin-left: 4%;
    color: var(--kdrp-dark-brown);
    text-align: left;
    font: normal normal bold 30px/41px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    opacity: 1;
}
#juices{
      padding-top: 20px;
    padding-bottom: 30px;
    margin-left: 4%;
    text-align: left;
    font: normal normal bold 30px/41px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    opacity: 1;
}
.jumpTo_Title{
      text-align: left;
    font: normal normal bold 18px/31px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    opacity: 1;
    font-family: 'MarkOT-Bold';
}
.jump-links-details{
  font: normal normal normal 14px/22px Mark OT;
    letter-spacing: 0px;
    color: #443738!important;
    opacity: 1;
    padding: 0 5px;
}
.jump-links-details:hover{
  color: #9F5040!important;
}
.title_Of_Information_Brand{
      text-align: left;
    font: normal normal bold 40px/60px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    opacity: 1;
}
.faq_title_Heading{
  padding-top: 4%;
    padding-bottom: 3%;
    text-align: left;
    font: normal normal bold 24px/29px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    opacity: 1;
}
input#odcs-home-page-hero-input-large\|input::placeholder {
text-align: left;
font: normal normal normal 16px/20px Mark OT;
letter-spacing: 0px;
color: #626262;
opacity: 1;
}
.heading_Popular_Search{
      font: normal normal bold 19px/19px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    text-transform: capitalize;
    opacity: 1;
       padding: 0.3%;
}
.text_Value_Align_center{
      padding-top: 1%;
      padding-left: 2%;
}
.text_Value_Align_center:hover{
  color: #9F5040;
  opacity: 100%!important;
}
.adjust_Padding_Align_Contact_us{
    width: 0%!important;
    /*padding: 2%;*/
}
.article-left-align{
  padding: 0 4%!important;
}
.date_Artilce_Page{
    font: normal normal normal 14px/22px Mark OT;
    letter-spacing: 0px;
    color: #443738;
    opacity: 0.8;

}
.article_List_Text{
    font: normal normal normal 18px/29px Mark OT;
    letter-spacing: 0px;
    color: #443738;
}


/* @media (min-width: 800px)
{
.navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
}
.navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
}
} */

@media (max-width: 800px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse1 {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
  .navbar-collapse1.collapse1 {
        display: none;
    }
    .navbar-nav {
        float: none!important;
        /* margin: 7.5px -15px; */
    }
    .navbar-nav>li {
        float: none;
        border-bottom: 1px solid #ecebeb;
            padding: 15px;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 18px;
}
.country-dd-mobile {
    top: 25px;
}
}
@media (min-width: 1000px) {
 .navbar-collapse1.collapse1 {
        display: block!important;
    }
}

.bradCum_In_article_Page{
	padding:0 4%!important;
}

.footer_link{
  font: normal normal bold 14px/22px Mark OT;
letter-spacing: 0px;
color: #BE0042!important;
    font-family: 'MarkOT-Bold';
}
.footer_link:hover{
  color: #9F5040!important;
  text-decoration: none!important;
}

.contact-us-icon:hover{
  background-color: #9F5040!important;
}

.product-link:hover{
  color: #9F5040!important;
  text-decoration: none!important;
}
.jump-links{
font: normal normal normal 14px/22px Mark OT;
letter-spacing: 0px;
color: #443738!important;
opacity: 1;
padding: 0 5px;
}
.jump-links:hover{
  color: #9F5040!important;
}

.odcs-knowledge-answer-list ul li:last-child{
  border-bottom: 1px solid #CCCCCC !important;
}


.menu_Label_List{
  color:#443738!important;
  font-size:1.7rem!important;
}
.ul > li.active > a:after {
    width: 100%;
}
 ul > li > a:hover:after {
    width: 70%;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
      background-color: #08080800!important;
}
ul > li > a:after {
    -webkit-transition: width 0.3s linear;
    transition: width 0.3s linear;
    height: 3px;
    margin: 0 auto;
    bottom: 2px;
    content: '';
    width: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: #dd907c;
}
.arrow-class{
    padding: 5px 22px;
}

.plus-class{
    display: flex!important;
    align-items: center;
}

@media (min-width: 320px) and (max-width: 767px) {
 .arrow-class{
    padding: 0!important;
}
.plus-class{
    display: revert!important;
    align-items: center;
}
}
@media (width: 768px) {
 .arrow-class{
   padding: 5px 13px!important;
 }
 .nutri-facts{
   padding: 0 50px!important;
 }
}
h2.odcs-km-article-piece-header{
    display: none!important;
}
.productAvailabilityCheckWrapper{
  margin-top: 20px;
}
.productAvailabilityCheckWrapper label{
  margin-top:9px;
}
#brand .oj-messaging-inline-container{
  display: none;
}
.sectionBlk a{
    font-weight: bold;
    font-size: 16px;
}
.sectionBlk{
    margin-top : 10px;
}