.a,
.a:focus,
.a:hover {
  text-decoration: none;
  color: inherit;
  border: none;
  outline: none;
}
body {
  font-size: 16px;
  background: #ffffff;
  width: 100%;
  overflow-x: hidden;
}
@-moz-document url-prefix() {
  select.form-control,
  select.cartUserSelect {
    -moz-appearance: none !important;
    background-size: 7px 6px !important;
    background: #ffffff url("../../images/KNVAurora/images/firefoxSelectDDImg.png") no-repeat right 10px center;
  }
}
/* Global Common CSS Starts */
.paddingTop {
  padding-top: 8px;
}
sup {
  top: -0.25em;
  /*left: -3px;*/
}
a,
a:focus,
a:hover {
  text-decoration: none;
  color: inherit;
  border: none;
  outline: none;
}
p {
  margin: 0;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.bckgroundNone {
  background: none !important;
}
.lightColor{
    color: #ffffff !important;
}
.darkColor{
    color:#444444 !important;
}
.resetColPadding {
  padding: 0;
}
select.form-control {
  box-shadow: none;
}
select.form-control:focus {
  border-color: #a9a9a9 !important;
  outline: none;
  box-shadow: none;
}
form .errorMsg {
  font-size: 12px;
  color: #d90000;
  font-family: 'Merriweather', serif;
}
form .errorClass {
  border: 1px solid #C70607;
  box-shadow: none;
}
form .errorClass:focus {
  border: 1px solid #C70607;
  box-shadow: none;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: transparent;
}
/*RATING*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.rating-xs {
  font-size: 0.8em;
}
.rating-container .filled-stars {
  color: #E3A22E;
}
.rating-container .filled-stars {
  -webkit-text-stroke: 0px transparent;
  text-shadow: 0px 0px transparent;
}
.rating-container .starEmpty {
  color: #cccccc;
}
.rating-container .rating-input {
  display: none;
}
.userLogo,
.knvPopoverLogin {
  cursor: pointer;
  display: block;
}
.cartLogoEmpty {
  cursor: pointer;
  display: block;
  background: url(../../images/KNVAurora/images/icon_cart.png) no-repeat 0px 2px;
  padding: .8em;
}
.cartLogo {
  border-radius: 100%;
  margin-right: 0.3125em;
  background: #31A287;
  color: #fff;
  padding: 2px 11px;
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  padding-left: 0.6875em;
  padding-right: 0.6875em;
  height: 25px;
  width: 25px;
  text-align: center;
  font-style: inherit;
}
.trustedPaymentIcon {
  background: #ffffff url(../../images/KNVAurora/images/trustedPaymentIcon.png) no-repeat 0px 5px;
}
.truck {
  background: #ffffff url(../../images/KNVAurora/images/truck.png) no-repeat 0px 5px;
  cursor: pointer;
}
.call {
  background: #ffffff url(../../images/KNVAurora/images/phone.png) no-repeat 0px 5px;
  position: absolute;
  padding: 0.5em;
}
.call .staticHeaderLinkSpan1 {
  font-size: 15px !important;
  font-family: Arial;
  line-height: 19px;
  letter-spacing: -0.8px;
  font-weight: 100;
  color: #444444;
}
.fa-trash:before,
.fa-user-o:before,
.fa-heart-o:before,
.fa-shopping-cart:before {
  font-size: 23px;
}
.cartList .cartListDesc i.fa-heart-o:before{
    font-size: 20px;
}
.rightHeaderBorder .topHeaderRight .list-inline li a.knvPopover {
  padding: 0 5px;
}
.heartLogo,
.cartLogo,
.userLogo,
.cartLogoEmpty {
  height: 17px;
}
::-webkit-input-placeholder {
  color: #ffffff;
}
:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #ffffff;
}
::-ms-input-placeholder {
  color: #ffffff;
}
.wrapper {
  max-width: 1920px;
  margin: 0 auto;
}
.middleContainerWrapper {
  width: 80%;
  margin: 25px auto 75px auto;
  overflow: hidden;
}
.section1 {
  outline: none;
}
/* Global Common CSS ENDS */
.containerMenu {
  width: 100%;
  height:60px;
}
.containerMenu .mainMenu {
  background: #33516A;
  box-shadow: 0 1px 2px 0 rgba(130, 130, 130, 0.5);
  z-index: 10;
  height: 60px;
}
.containerMenu .mainMenu .srchAdvDetailBtn {
  left: 8% !important;
}
.containerMenu .mainMenu .srchAdv.srchAdvHide form .btn-group {
  width: 100%;
}
.containerMenu .mainMenu .mainMenuHide {
  height: 100%;
}
.containerMenu .mainMenu .mainMenuHide .homeIcon {
  position: absolute;
  top: 0px;
  left: -1.125em;
  z-index: 12;
  box-shadow: 0 4px 4px -2px #dedede;
  -moz-box-shadow: 0 4px 4px -2px #dedede;
  -webkit-box-shadow: 0 4px 4px -2px #dedede;
  cursor: pointer;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem {
  height: 100% !important;
  width: 95%;
  margin: 0 auto;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu {
  height: 100%;
  width: 91%;
  margin-left: 3%;
  font-size: 13.5px;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > li {
  display: table;
  text-align: center;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > li > a {
  display: table-cell !important;
  vertical-align: middle;
  cursor: default;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu li a {
  font-family: 'PT Sans', sans-serif;
  font-size: 13.5px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: initial;
  font-style: normal;
  letter-spacing: normal;
  padding-bottom: 8px;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu li > .upArrow {
  display: block;
  position: absolute;
  top: 52px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #fff;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .unsers_buchhandlungLi {
  height: 100%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .unsers_buchhandlungLi a {
  height: 100%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .unsers_buchhandlungLi > a {
  display: inline-block;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .unsers_buchhandlungLi a:hover,
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .unsers_buchhandlungLi a:focus {
  background-color: transparent;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .imgNavLink {
  width: 4%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .ourNavLink {
  width: 16%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu {
  height: 100%;
  position: static;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu a {
  height: auto;
  line-height: 16px;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu a:hover,
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu a:focus {
  background-color: transparent;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu > a {
  text-transform: uppercase;
  display: inline-block;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu.bookNavLink {
  width: 8%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu.ebookNavLink {
  width: 9%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu.filmNavLink {
  width: 9%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu.moreNavLink {
  width: 14%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu.localNavLink {
  width: 14%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu {
  z-index: 11;
  position: absolute;
  left: 0;
  top:60px;
  border: 2px solid #ccc;
  border-top: none;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus {
  text-align: left;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus li a {
  border-bottom: 1px solid #DBDBDB;
  display: block;
  padding-bottom: 0;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus li li {
  text-align: left;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus li li a {
  color: #444444;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 26.3px;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus li li a[href^='https://'] {
  font-weight: normal !important;
  border-bottom: 1px solid #dbdbdb !important;
  text-transform: none !important;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus li li:first-child a {
  border-bottom: none;
  font-weight: 700;
  text-transform: uppercase;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus li li:last-child a {
  border-bottom: none !important;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus .hoverBottomBtn {
  text-align: left;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm {
  width: 21%;
  float: right;
  height: 100%;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form {
  padding: 0;
  margin: 0px;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .inputSearchContainer {
  width: 100%;
  padding-top: 12px;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .inputSearchContainer .input-wrapper {
  width: 100%;
  height: auto;
  position: relative;
  height: 100%;
  border-radius: 13px !important;
  background-color: #fff;
  display: table;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .knvGlobalSearch {
  width: 92% !important;
  height: 40px;
  position: relative;
  cursor: default;
  /*Modified by Pooja KRR-5992*/
  /*background: #688ba1 url(../../images/KNVAurora/images/search_bg.png) no-repeat -9px -5px;*/
  border: none;
  border-radius: 13px !important;
  color: #ffffff;
  font-size: 12px;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .knvGlobalSearch::-webkit-input-placeholder {
  color: #000000;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .knvGlobalSearch:-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .knvGlobalSearch::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .knvGlobalSearch:-ms-input-placeholder {
  color: #000000;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .knvGlobalSearch::-ms-input-placeholder {
  color: #000000;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu > .mainMenuSearchForm form.navbar-form .knvSearchIcon {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 3;
  color: #000000 ;
  cursor: pointer;
  transform: translateY(-50%);
}
 
.header1 {
  width: 100%;
  display: flex;
  position: relative;
}
#headerDiv {
  position: relative;
}
.header1 .brandLogo {
  font-size: 1.125em;
  font-family: serif;
  color: #333333;
  height: 104px;
}
.header1 .brandLogo .logoWrapper {
    position: relative;
    width: 60%;
    height: 100%;
    display: inline-block;
}
.header1 .brandLogo .logoWrapper.subLogo {
    width: 24% !important;
}
.header1 .brandLogo img {
  padding-top: 0.625em;
  width: auto;
  height: auto;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100%;
}
.header1 .headerRightLinks {
  align-self: flex-end;
  padding-left: 0;
}
.header1 .headerRightLinks .rightHeaderBorder {
  padding: 10px 0;
}
/* main menu navigation with search Starts*/
/* main menu navigation with search Ends*/
.staticTopLinks {
  padding-top: 0.75em;
  padding-bottom: 0.3125em;
  font-family: 'PT Sans', sans-serif;
  font-size: 0.8125em;
  font-weight: 100;
  color: #444444;
  letter-spacing: 0;
  line-height: 1.1875 px;
  margin-bottom: 0;
}
.rightHeaderBorder {
  /*border: 1px solid #DBDBDB;*/
  border-radius: 6px 0px 0px 0px;
  padding-top: 0.5em;
  border-bottom: none;
  border-right: none;
}
.rightHeaderBorder .topHeaderLeft {
  float: left;
  width: 75%;
  margin-left: 10px;
}
.rightHeaderBorder .topHeaderRight {
  float: right;
  margin-right: 10px;
  margin-top: 4px;
}
.rightHeaderBorder .topHeaderRight .list-inline li {
  padding-left: 0;
  padding-right: 0;
}
.headerRightLinks .rightHeaderBorder .staticHeaderLink{
   margin-bottom:0px;
}
.staticHeaderLink li {
  padding-left: 1.4375em;
  padding-top: 0.3125em;
  padding-right: 0.9375em;
  margin-right: 1.875em;
}
.staticHeaderLink li.call {
  padding-right: 0em;
}
.staticHeaderLinkSpan1 {
  font-size: 0.79375em !important;
  font-family: 'Merriweather', serif;
  color: #444444;
  letter-spacing: 0;
  display: block;
  font-weight: 600;
}
.staticHeaderLinkSpan2 {
  font-size: 0.75em;
  line-height: 19px;
  font-family: 'PT Sans', sans-serif;
  color: #777777;
  margin-top: -0.125em;
  display: block;
  min-width: 152px;
}
.knvGlobalSearchIcon {
  position: relative;
  background: transparent;
  border: none;
  outline: none;
  height: 0;
  box-shadow: none;
}
.knvGlobalSearchIcon:hover,
.knvGlobalSearchIcon:active,
.knvGlobalSearchIcon:visited,
.knvGlobalSearchIcon:focus {
  background: transparent;
  border: none;
  outline: none;
  height: 0;
  box-shadow: none;
}
.knvGlobalSearchIcon .fa-search {
  position: absolute;
  bottom: 14px;
  right: 30px;
  color: #c3d1da;
  background: transparent;
  border: none;
  outline: none;
  height: 0;
  box-shadow: none;
}
.hoverMenus {
  background: #ffffff;
  font-size: 0.8125em;
  font-family: 'PT Sans', sans-serif;
  color: #444444;
  width: 1349px;
  padding-top: 0.625em !important;
  padding-left: 0.9375em !important;
  left: 0px;
  min-height: 200px;
  padding-bottom:10px;
}
.hoverMenus .hoverMenusContainer {
  margin-left: 140px;
}
.hoverMenus .hoverMenusContainer > .row {
  width: 90%;
}
.hoverMenus .col-md-8 {
  width: 55.666667%;
}
.hoverMenus .list-inline > li {
  width: 32%;
  vertical-align: top;
}
.hoverMenus .list-inline li ul {
  list-style: none;
  padding: 0;
}
.hoverMenus .list-inline li li {
  /* width: 91%; */
  padding: 0 25px 0 0.4375em !important;
}
.hoverMenus .list-inline li li:first-child {
  border-bottom: none;
  font-weight: 700;
  text-transform: uppercase;
}
.hoverMenus .list-inline li li:last-child {
  border-bottom: none;
}
.menuImgRight {
  padding-left: 0;
  margin-left: -0.625em;
}
.menuImgRight h3 {
  margin: 0;
  padding-top: 0.625em;
  font-size: 1.1875em;
  font-weight: 600;
}
.menuImgRight .menuImg {
  border-bottom: solid 1px #cccccc;
  padding-bottom: 0.625em;
}
.menuImgRight .menuImg a.iconBook {
  border: none !important;
}
.menuImgRight p {
  padding: 0;
  margin: 0;
}
.menuImgRight select {
  bottom: 43px;
  position: absolute;
  font-size: 0.7515625em;
  width: 7.8125em;
  border: none;
}
.menuImgRight .pricing {
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-top: 2px;
  position: relative;
}
.menuImgRight .pricing .cartLogoEmpty {
  line-height: 10px;
}
.menuImgRight .pricing .price {
  font-size: 19px;
  color: #3ba691;
  font-weight: 700;
}
.hoverMenuImg {
  float: left;
  width: 70px;
  margin-right: 0.625em;
  box-shadow: 0 2px 10px 0px rgba(0,0,0,0.5);
}
.bookTitle {
  font-weight: 600;
  padding-top: 0.3125em;
  font-size: 12px;
  font-family: 'PT Sans',sans-serif;
}
.hoverBottomBtn {
  text-align: left;
  padding: 22px 12px;
  background: #f6f8f9;
}
.hoverBottomBtn button {
  border-radius: 20px;
  background: #416079;
  font-size: 13px;
  font-family: 'PT Sans', sans-serif;
  margin-left: 133px;
  padding: 9px 30px;
}
.headerMenuWrapper {
    min-height: 137px;
}
.stickyHead {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 1500px;
  z-index: 11;
}
.stickyIcons {
  color: #fff;
  font-size: 1.375em !important;
  visibility: hidden;
  position: absolute;
  top: 14px;
  right: 13px;
}
.stickyIcons li {
  padding-left: 0;
}
.topHeaderRight ul li .popover.fade.bottom.in.stickPopup {
  position: fixed !important;
  margin-left: 41.8% !important;
  margin-top: -23px !important;
  z-index: 10;
}
.stickyIconPopover {
  position: absolute !important;
  visibility: visible !important;
  margin-top: -46px !important;
  display: block !important;
  margin-left: -6px !important;
}
.popover {
  color: #444444;
  font-family: 'PT Sans', sans-serif;
}
.loginPopover {
  font-size: 0.8125em;
  font-family: 'PT Sans', sans-serif;
  text-align: center;
}
.loginPopover .formTitle {
  text-align: center;
  display: block;
}
.loginPopover input {
  margin-bottom: 0.3125em;
  margin-top: 0.3125em;
}
.loginPopover input[type="submit"] {
  border-radius: 25px;
}
.loginPopover .registerKNV {
  background: #36a98f;
  color: #fff;
  text-transform: uppercase;
}
.reg-response .loginPopover a.registerKNV {
  max-width: 175px;
  border-radius: 20px;
  height: auto;
  padding: 10px 12px;
}

.popover-content {
  width: 18.75em;
}
.popover-content .wishListIcon {
  margin: 0px;
}
.popover-content .wishListIcon form {
  display: none;
}
.popover-content .selectWishlist {
  padding: 3px;
  border-bottom: 1px solid #DADADA;
  margin-left: -15px;
  width: 113%;
  margin-bottom: 13px;
  margin-top: -10px;
  line-height: 36px;
}
.popover-content .selectWishlist select {
  width: 95%;
  border: none;
  padding-bottom: 4px;
  padding-top: 4px;
  text-transform: capitalize;
  padding-left: 10px;
}
.popover-content .loginKNV {
  background: #2ea187;
  color: #fff;
  text-transform: uppercase;
  border-radius: 25px;
}
.popover-content .usrFlyout {
  width: 185px;
}
.popover-content .usrFlyout .welcomMsg,
.popover-content .usrFlyout .welcomUsrName {
  opacity: 0.8;
  color: #325675;
  font-family: 'Merriweather', serif;
  font-size: 0.85em;
  margin: 0;
  padding: 4px 0;
}
.popover-content .usrFlyout .usrlinks {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  color: #777777;
  font-family: 'PT Sans', sans-serif;
}
.popover-content .usrFlyout .usrlinks i {
  padding-right: 5px;
}
.popover-content .usrFlyout .usrlinks a {
  color: #777777 !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
.popover-content .usrFlyout .logoutBtnContainer .logoutBtn {
  color: #ffffff;
  display: inline-block;
  background: #36a98f;
  width: 120px;
  text-align: center;
  padding: 10px;
  border-radius: 25px;
}
.knvPopoverLogin + .popover .popover-content {
  width: 213px;
}
.cartPopover {
  font-size: 0.75em;
  margin-bottom: 1.225em;
}

.cartPopover .cartLogoEmpty {
  background-position: 0px 0px;
  background: transparent;
  padding: 0 !important;
}
.cartPopover a.removeFromWishlist {
  visibility: hidden;
}
.cartPopover .cartDetailsDiv {
  padding-left: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.cartPopover .cart3Line {
  border-bottom: 1px solid #DBDBDB;
  padding: 7px 0;
}
.miniCartBottom {
  margin-top: 5px;
  border-top: 1px solid #DBDBDB;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #DBDBDB;
}
.miniCartBottom input[type="submit"] {
  border-radius: 30px;
}
.cartTotal {
  font-size: 11px;
}
.cartPrice {
  text-align: right;
}
.cartPrice .actualCartPrice {
  font-size: 19px;
  color: #36a98f;
  font-weight: 600;
}
.popover .cartTotal #cartCount {
   font-size: 16px;
}
.cartCheckout {
  background: #36a98f;
  border-radius: 25px;
  height: auto;
  color: #ffffff !important;
  text-align: center;
  margin-top: 0.75em;
  text-transform: uppercase;
  border:0;
  text-transform: capitalize;
}
.proceedShoppingCart {
  border: 1px solid #ccc;
  border-radius: 25px;
  text-align: center;
}
.advSearchBox .advSearch {
  width: 800px !important;
  margin-left: 50px;
  border-radius: 25px !important;
  padding-left: 55px;
}
.advSearchBox button {
  background: transparent;
  border: none;
  color: #b3a7a7;
  right: 5px;
  position: absolute;
  z-index: 19;
  top: 5px;
}
.advSrhShow {
  padding: 7px;
}
.detailSearchBtn {
  float: none !important;
  margin-top: 10px;
  border-radius: 17px;
  border: 1px solid #ccc !important;
  padding: 8px;
  color: #fff;
  background: transparent;
  width: 78%;
}
.moveleft {
  margin-left: -45px;
}

.srchAdv ul.suggestion {
  list-style: none;
  padding: 0px;
  margin-top: 0px;
  border: 1px solid #ccc;
  position: absolute;
  width: 68%;
  background: #fff;
  z-index: 99;
  border-radius: 3px;
  min-height: 100px;
  left: 150px;
  width: calc(100% - 200px);
}
.srchAdv ul.suggestion li {
  border-bottom: 1px solid #ccc;
}
.srchAdv ul.suggestion li:hover,
.srchAdv ul.suggestion div.footerBar:hover,
.advanceSearchPage .advanceSearchForm ul.suggestion li:hover
 { 
    background-color: #f3f3f3 
 }
.srchAdv ul.suggestion li:last-child {
  border-bottom: none;
}
.srchAdv ul.suggestion li a,
.srchAdv ul.suggestion div.footerBar a {
  font-weight: normal;
  color: #444444;
  display: block;
  padding: 10px 12px;
}
.srchAdv ul.suggestion li a span.highLight {
  font-weight: bolder;
  color: #000000;
}
/*.srchAdv ul.suggestion .footerBar {
  padding: 10px 15px;
}*/
/******KN-1120 & KN-1121, Search UI changes******/
.advanceSearchContainer {
    padding: 10px 15px;
    display: flex;
}
.headerSearchContainer .search-input-wrapper{
    width: 100%;
    white-space: nowrap;
}
.headerSearchContainer .search-input-field {
    height: 42px;
    margin: 0;
    position: relative;
    background: #fff;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 3px;
}
.headerSearchContainer form.searchForm {
    padding: 5px 0;
    position: relative;
    height: 50px;
    width: 100%;
    flex: 1;
    margin-bottom: 0;
    display: block;
    background: #fff;
}

.headerSearchContainer .search-right {
    position: absolute;
    right: 0;
    top: 0;
 }
.headerSearchContainer .search-input {
  border: 0;
  padding: 0 95px 0 160px;
  height: 41px;
  box-shadow: none !important;
  outline: none;
  border-radius: 0;
  color: #444;
  margin: 0;
  background: none;
}
.headerSearchContainer .search-submit {
    position: relative;
    height: 42px;
    width: 50px;
    margin: 5px 0px 5px 5px;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border-radius: 0\9;
}

.headerSearchContainer .search-submit input[type='submit']{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    border: 0;
    background-color: transparent;
    text-indent: -1000px;
    line-height: 1px;
}
.headerSearchContainer .search-submit span.search-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../../images/sprite_main.png) no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.light .headerSearchContainer .search-submit span.search-icon{
   background-position: -249px -75px;
}
.dark .headerSearchContainer .search-submit span.search-icon{
   background-position: -75px -75px;
}
.headerSearchContainer .search-show-clear a.nav-search-clear {
   position: absolute;
   right: 65px;
   width: 15px;
   height: 15px;
   top: 50%;
   transform: translateY(-50%);
   background: url(../../images/sprite_main.png) -78px -252px no-repeat;
}

.advanceSearchContainer .searchLeft, .advanceSearchContainer .searchRight {
    padding: 0;
}

.advanceSearchContainer .searchRight a {
    position: absolute;
    top: 50%;	
    transform: translateY(-50%);
    text-decoration: underline;
    right: 0;
}

.advanceSearchContainer button#searchMediaType {
    border: none;
    border-right: 1px solid #c7c7c7;
    border-radius: 3px 0px 0px 3px;
}

.advanceSearchContainer .searchRight {
    font-size: 14px;
}
.headerSearchContainer ul.dropdown-menu {
    width: 150px !important;
    min-width: 150px;
    border-radius: 0px 0px 4px 4px;
    margin-left: 0px;
}
.advanceSearchContainer .open>.dropdown-toggle.btn-default {
    background: none;
}
/********KN-1120 & KN-1121 **********/
.searchCategory {
  /*top: 12px !important;
  left: 30px !important;*/
  color: #6996a9 !important;
  border-radius: 0;
  background: #ffffff;
 /* min-width: 12%;*/
  text-align: center;
  height: 40px;
  float: left;
  width: 150px;
  position: absolute;
  top: 0;
  left: 0;
}
.searchCategory:hover,
.searchCategory:active,
.searchCategory:focus,
.searchCategory:visited {
  background: #ffffff;
}
.fasearchicon {
  background: transparent;
  border: none;
  position: absolute;
  right: 17%;
  top: 20px;
  outline: none;
}
.advClose {
  background: transparent;
  border: none;
  position: absolute;
  top: 20px;
  right: 10%;
}
.advSrhShowBtn {
  z-index: 10;
}
.advSrhShowBtn .fasearchicon {
  background: transparent;
  border: none;
  color: #cccccc;
  margin-left: -47px;
  margin-top: 6px;
}
.categoryDD {
  margin-left: 30px;
}
.categoryDD li a {
  color: #333333;
  font-size: 12px !important;
}
.miniCartContainer .price {
  font-size: 19px;
  color: #36a98f;
  font-weight: 600;
  margin-top: 10px;
}
a.proceedShoppingCart {
  color: #777777 !important;
  border: 1px solid #ccc;
}
/* FOOTER STYLES */
.footerLists {
  border-top: 1px solid #e5e5e5;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  margin-top: 80px;
}
.serviceCont {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  width: 180px;
  margin-top: 10px;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  color: #666666;
  margin-bottom: 25px;
}
.serviceCont img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  width: auto;
}
.serviceCont span {
  text-align: center;
  display: block;
}
.footerContainer {
  width: 100%;
  background: #33516A;
}
.footerContainer a,
.footerContainer a:focus,
.footerContainer a:hover {
  text-decoration: none;
  color: inherit;
  border: none;
  outline: none;
}
.footerContainer .footerContent {
  width: 80%;
  margin: 0 auto;
}
.footerContainer .footerContent .footerAddressWidgets {
  background: #ffffff;
  width: 100%;
  position: relative;
  margin-top: -118px;
  border: 1px solid #DBDBDB;
  padding: 10px;
  border-radius: 3px;
}
.footerContainer .footerContent .footerAddressWidgets .footerBrandLogo {
  height: 55px;
  margin: 25px auto;
  width: 70%;
  position: relative;
}
.footerContainer .footerContent .footerAddressWidgets .footerBrandLogo a img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateX(-50%) translateY(-50%);
}
.footerContainer .footerContent .footerAddressWidgets select.form-control {
  height: 45px;
  border-radius: 0;
  border-right: none;
  border-left: none;
  font-family: 'PT Sans', sans-serif;
  color: #333333;
  font-size: 13px;
  line-height: 22px;
  padding-left: 0;
  padding-right: 25px;
}
.footerContainer .footerContent .footerAddressWidgets .shopTimings {
  color: #B2B2B2;
  font-family: Arial;
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.footerContainer .footerContent .footerAddressWidgets .workingHrs {
  color: #444444;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 10px;
}
.footerContainer .footerContent .footerAddressWidgets .officeHrs{
  margin-top: 10px;
}
.footerContainer .footerContent .footerAddressWidgets .contactNo {
  color: #B2B2B2;
  font-family: Arial;
  font-size: 12px;
  line-height: 16px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #DBDBDB;
}
.footerContainer .footerContent .footerAddressWidgets .contactDetails .phoneNo {
  color: #444444;
  font-family: Arial;
  font-size: 12px;
  line-height: 19px;
  padding-top: 5px;
}
.footerContainer .footerContent .footerAddressWidgets .contactDetails span {
  display: inline-block;
  color: #ffffff;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 10px;
  text-align: center;
  background: #678ba0;
  padding: 9px;
  border-radius: 100%;
  width: 35px;
  height: 35px;
}
.footerContainer .footerContent .footerLinksContainer {
  margin-top: 35px;
}
.footerContainer .footerContent .footerLinksContainer h4 {
  color: #FFFFFF;
  font-family: 'Merriweather', serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  opacity: 0.8;
}
.footerContainer .footerContent .footerLinksContainer .footerLinks {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #ffffff;
  opacity: 0.6;
  font-family: 'PT Sans', sans-serif;
  font-size: 13px;
  line-height: 22px;
}
.footerContainer .footerContent .footerLinksContainer .additional-logos {
    margin-top: 40px;
    text-align: center;
}
.footerContainer .footerContent .footerLinksContainer .additional-logos>span {
    position: relative;
    margin-right: 6px;
    display: inline-block;
    width: 30%;
    min-height: 75px;
    vertical-align: top;
}
.footerContainer .footerContent .footerLinksContainer .additional-logos img {
    max-width: 100%;
}
.footerContainer .footerContent .footerLinksContainer .paymentOption {
  margin-top: 35px;
}
.footerContainer .footerContent .footerLinksContainer .paymentOption img {
  width: 48px;
  height: auto;
  margin-top:3px;
}
.footerContainer .footerContent .copyWrite,
.footerContainer .footerContent .followUs {
  opacity: 0.6;
  color: #FFFFFF;
  font-family: 'PT Sans', sans-serif;
  font-size: 13px;
  margin-top: 0 !important;
}
.footerContainer .footerContent .socialMedia {
  margin-top: -10px;
}
.footerContainer .footerContent .socialMedia .followUs,
.footerContainer .footerContent .socialMedia span {
  margin-right: 10px;
  display: inline-block;
  margin-top: 6px;
  vertical-align: middle;
}
.footerContainer .footerContent .socialMedia span i {
  height: 30px;
  width: 30px;
  padding: 7px 10px;
  background: #678ba0;
  border-radius: 100%;
  color: #ffffff;
  position: relative;
}
.footerContainer .footerContent .socialMedia span i:before{
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}
/* Common Modal CSS Starts */
.imageModalContainer {
  /* Add Animation */
}
.imageModalContainer .modal {
  position: absolute;
  z-index: 20;
  padding-top: 55px;
  left: 70px;
  top: 0;
  max-width: 90%;
  margin: 0 auto;
}
.imageModalContainer .modal .modal-content {
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}
.imageModalContainer .modal .modal-header {
  height: 30px;
  color: white;
}
.imageModalContainer .modal .modal-body {
  padding: 0.9375em;
}
.imageModalContainer .modal .modal-body img {
  width: 100%;
}
.imageModalContainer .modal .close {
  color: #000;
  font-size: 1em;
  margin-top: -0.625em;
  font-weight: 600;
}
.imageModalContainer .modal .close:hover,
.imageModalContainer .modal .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
/* Common Modal CSS ENds */
/* Grid Container common style starts*/
.gridTileContainer {
  margin-bottom: 1.1375em;
}
.gridTileContainer .gridTile {
  border: 1px solid #DBDBDB;
  position: relative;
  border-radius: 4px;
}
.gridTileContainer .gridTile .imgContainer {
  position: relative;
  text-align: center;
  overflow: hidden;
  height: 12em;
  border-radius:3px 3px 0px 0px;
}
.gridTileContainer .gridTile .imgContainer .bgImg {
  height: 125%;
  width: 125% !important;
  max-width: 125% !important;
  opacity: .5;
  position: absolute;
  filter: blur(7px);
  top: -17%;
  left: -13%;
}
.gridTileContainer .gridTile .imgContainer .frontImg {
  height: 100%;
  width: auto;
  margin: auto;
  box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
  z-index: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.authorPageContainer .gridTileContainer .gridTile .newArrivalContainer .newArrival {
    transform: rotate(-36deg) translate(-6px,68px);
}
.gridTileContainer .gridTile .newArrivalContainer {
  position: absolute;
  width: 100%;
  /*bottom: 46.8%;*/
  bottom: 0;
  height: 100px;
  overflow: hidden;
  right: 0%;
  z-index: 9;
}
.gridTileContainer .gridTile .newArrivalContainer .newArrival {
  text-align: center;
  width: 100%;
  color: #ffffff;
  font-size: 0.8125em;
  font-weight: 600;
  line-height: 1.875em;
  transform: rotate(-37deg) translate(-3px, 62px);
  padding: 3px;
}
.gridTileContainer .gridTile .gridTileTitle {
  color: #9FA9B1;
  font-family: 'PT Sans', sans-serif;
  padding: 0px 8px 24px 8px;
  height: 98.2px;
}
.gridTileContainer .gridTile .gridTileTitle h3 {
  color: #303030;
  font-weight: 600;
  margin: 5px 0;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  max-height: 57px;
  font-size: 13px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridTileContainer .gridTile .gridTileTitle p {
  font-size: 0.8125em;
  height: 17px;
  color: #97A2AB;
  line-height: 17px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridTileContainer .gridTile .bookFormat {
  margin-top: 0.9375em;
  border-top: 1px solid #DBDBDB;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.gridTileContainer .gridTile .bookFormat select,
.gridTileContainer .gridTile .bookFormat p.select {
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #DBDBDB;
  border-radius: 0;
  margin-bottom: 0.3125em;
  font-size: 0.75em;
  font-family: 'PT Sans', sans-serif;
  color: #444444;
  line-height: 2.125em;
}
.gridTileContainer .gridTile .gridTilePriceContainer {
  padding: 7px 3px;
  min-height: 27px;
  position: relative;
}
.gridTileContainer .gridTile .gridTilePriceContainer .gridTileBookPrice {
  color: #36a98f;
  font-size: 18px;
  font-weight: bold;
  font-family: Arial;
  position: relative;
}
/* Grid common style Ends*/
.modalOverlay {
  width: 100%;
  opacity: 0.5;
  background-color: #4c4c4c;
  z-index: 1000;
  top: 0;
  left: 0;
  position: absolute;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.knvModal {
  padding: 0.625em;
  font-size: 14px;
  font-family: 'PT Sans', sans-serif;
  position: fixed;
  z-index: 1001;
  width: 80%;
  background: #ffffff;
  max-width: 750px;
  top: 30px !important;
  left: 0;
  border: 7px solid #DBDBDB;
  border-radius: 15px;
  box-shadow: 0px 0px 15px 1px #000000;
  animation: fadeIn 0.6s;
}
.knvModal .modal-header {
  padding: 0;
  border-bottom: none;
}
.knvModal .modal-header .close {
  background: #000;
  opacity: 1;
  color: #fff;
  border-radius: 100%;
  padding: 3px;
  position: absolute;
  top: -15px;
  right: -20px;
  z-index: 20;
}
.knvModal .modal-header .close span {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.knvModal .modal-body {
  /* padding-bottom: 5px; */
  padding: 0 0 5px 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 562px;
}
.knvModal .modal-footer {
  padding: 0px;
}
.knvModal .modal-footer input[type="submit"].knvBtn {
  background: #36a98f;
  margin-right: 10px;
}
@keyframes fadeIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
/* Common Breadcrumb Section Starts */
.breadCrumbSection {
  color: #555;
}
.breadCrumbSection .breadcrumb {
  background: #ffffff;
  font-family: 'PT Sans', sans-serif;
  font-size: 13px;
  margin-bottom: 0.625em;
}
.breadCrumbSection .breadcrumb > li + li:before {
  content: "> ";
  font-size: 0.9375em;
  padding: 0 5px;
}
/* Common Breadcrumb Section Ends */
/* IPHONE STYLE CHECKBOXES */
.toggleBtn {
  /* IPHONE STYLE TOGGLE BTNS*/
  /* GREEN CHECKBOX */
}
.toggleBtn *,
.toggleBtn *:before,
.toggleBtn *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /*transition*/
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  outline: none;
  font-family: Helvetica Neue, helvetica, arial, verdana, sans-serif;
}
.toggleBtn .ios-toggle,
.toggleBtn .ios-toggle:active,
.btn-toggle .ios-toggle, 
.btn-toggle .ios-toggle:active {
  position: absolute;
  top: -5000px;
  height: 0;
  width: 0;
  opacity: 0;
  border: none;
  outline: none;
  display: none;
}
.toggleBtn .checkbox-label {
  display: block;
  position: relative;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  height: 20px;
  /*border-radius*/
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background: #f8f8f8;
  cursor: pointer;
}
.toggleBtn .checkbox-label:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  height: 22px;
  width: 22px;
  -moz-border-radius: 100%;
  border-radius: 100%;
  top: -1.5px;
  left: 0px;
  right: auto;
  background: white;
  border: 1px solid #DBDBDB;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
}
.toggleBtn .checkbox-label:after {
  content: attr(data-off);
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: -300px;
  padding: 10px;
  height: 100%;
  width: 3px;
  text-align: right;
  color: #bfbfbf;
  white-space: nowrap;
}
.toggleBtn .ios-toggle:checked + .checkbox-label {
  /*box-shadow*/
  -webkit-box-shadow: inset 0 0 0 20px #13bf11, 0 0 0 2px #13bf11;
  -moz-box-shadow: inset 0 0 0 20px #13bf11, 0 0 0 2px #13bf11;
  box-shadow: inset 0 0 0 20px #13bf11, 0 0 0 2px #13bf11;
}
.toggleBtn .ios-toggle:checked + .checkbox-label:before {
  left: calc(64%);
  /*box-shadow*/
  -webkit-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
}
.toggleBtn .ios-toggle:checked + .checkbox-label:after {
  content: attr(data-on);
  left: 60px;
  width: 36px;
}
.toggleBtn .checkbox-label {
  /*box-shadow*/
  -webkit-box-shadow: inset 0 0 0 0px #13bf11, 0 0 0 2px #dddddd;
  -moz-box-shadow: inset 0 0 0 0px #13bf11, 0 0 0 2px #dddddd;
  box-shadow: inset 0 0 0 0px #13bf11, 0 0 0 2px #dddddd;
}
/* IPHONE CHECKBOXES STYLE ENDS */
.upArrow {
  width: 0px;
  height: 0px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #DBDBDB;
  text-align: center;
  margin: 0 auto;
  box-shadow: 0px 2px #fff;
}
/* .................Checkout Common list section style starts here................. */
.checkoutCartListSection ul {
  list-style: none;
  padding-left: 0;
  margin: 12px 0;
  color: #5B5B5B;
  font-size: 12px;
}
.checkoutCartListSection ul .myReviewErrorMessage {
  color: rgb(217, 0, 0);
  font-size: 10px;
  font-family: Merriweather, serif;
}
.checkoutCartListSection .cartListSection .cartList {
  margin-left: 0em;
  margin-right: 0em;
}
.checkoutCartListSection .cartListSection .cartList .cartListImg {
  padding: 10px 0;
  text-align: center;
}
.checkoutCartListSection .cartListSection .cartList .cartListImg .cartImg {
  width: 70px;
  box-shadow: 0 2px 10px 1px rgba(0,0,0,0.4);
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc {
  border-bottom: 1px solid #DBDBDB;
  padding: 10px 0;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection {
  margin: 0em;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemInfo {
  padding: 0;
  text-align: left;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemInfo .cartListHeading {
  margin: 0em;
  font-size: 1.0875em;
  font-weight: 600;
  font-family: Arial;
  color: #3E3E3E;
  line-height: 15px;

}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemInfo .cartListAuthor {
  padding-top: 0.625em;
  font-size: 1em;
  font-family: 'PT Sans', sans-serif;
  line-height: 17px;
  color: #777777;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemInfo .cartListRating {
  padding: 10px 0;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemInfo .cartListRating .rating-container {
  font-size: 1em;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemInfo .addRejectSection {
  padding-top: 1.25em;
  cursor: pointer;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemInfo .addRejectSection .deleteItem {
  line-height: 20px;
  font-size: 20px;
  padding-left: 0.3125em;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemPrice {
  padding: 0em;
  text-align: right;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemPrice .cartListUserInput {
  padding: 18px 0 7px 0;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemPrice .cartListUserInput .cartListUserLabel {
  font-size: 1em;
  line-height: 17px;
  font-family: 'PT Sans', sans-serif;
  color: #777777;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemPrice .cartListUserInput .cartUserSelect,
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemPrice .cartListUserInput .cartUserInput {
  width: 50px;
  height: 2.34375em;
  border: 1px solid #DBDBDB;
  border-radius: 20px;
  color: #444;
  margin-left: 0.4375em;
  text-align-last: center;
  outline: none;
}
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemPrice .updateLink {
  font-size: 1em;
  line-height: 17px;
  font-family: 'PT Sans', sans-serif;
  color: #777777;
}
.checkoutCartListSection .shippingSection {
  margin-left: 0em;
  margin-right: 0em;
  border-bottom: 1px solid #DBDBDB;
  padding: 20px 0;
}
.checkoutCartListSection .shippingSection .shippingLeftSection .redeemLabel {
  font-size: 0.875em;
}
.checkoutCartListSection .shippingSection .shippingLeftSection .redeemVoucherInput {
  height: 2.5em;
}
.checkoutCartListSection .shippingSection .shippingLeftSection .redeemVoucherInput .redeemInput {
  height: 98%;
  padding: 0em;
  margin: 0em;
  border: 1px solid #DBDBDB;
  border-right: none;
  border-radius: 4px 0 0px 4px;
}
.checkoutCartListSection .shippingSection .shippingLeftSection .redeemVoucherInput .okBtn {
  height: 100%;
  border: 1px solid #DBDBDB;
  border-radius: 0px 4px 4px 0px;
  background: #36a98f;
  color: #fff;
}
.checkoutCartListSection .shippingSection .shippingRightSec {
  text-align: right;
  padding-right: 0em;
}
.checkoutCartListSection .shippingSection .shippingRightSec .shippingInfo .shippingText {
  font-family: 'PT Sans', sans-serif;
  font-size: 0.8125em;
  word-break: break-all;
  line-height: 18px;
  width: 60%;
  float: right;
}
.checkoutCartListSection .shippingSection .shippingRightSec .shippingInfo .shippingText .helpIcon {
  font-size: 0.875em;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  height: 1.6875em;
  width: 1.6875em;
  display: inline-block;
  text-align: center;
}
.checkoutShopContainer .checkoutCartListSection .shippingInfo .shippingText .freeShipping {
    font-size: 19px;
    font-weight: 700;
    word-break: break-word;
    width: 100%;
    display: inline-block;
    font-family: Arial;
}

.checkoutCartListSection .continueCashBtn input[type='button'].cashBtn {
    width: auto;
    padding: 8px 33%;
    font-size: 1.175em;
    background-color: #31c352 !important;
    border-color: #31c352;
}
.checkoutCartListSection .totalPrice {
  margin-left: 0em;
  margin-right: 0em;
  border-bottom: 1px solid #DBDBDB;
  padding: 16px 0;
  text-align: right;
}
.checkoutCartListSection .totalPrice .totalPriceText {
  line-height: 19px;
  font-family: 'PT Sans', sans-serif;
  font-size: 1.1em;
  vertical-align: middle;
  padding-right: 0.5em;
}
.checkoutCartListSection .totalPrice .shippingCartListPrice {
  font-size: 1.5em;
}
.checkoutCartListSection .continueCashBtn {
  margin-left: 0em;
  margin-right: 0em;
  border-bottom: 1px solid #DBDBDB;
  padding: 25px 0;
}
.checkoutCartListSection .continueCashBtn input[type='button'] {
  background: #36a98f;
  color: #fff;
  border-radius: 20px;
  width: 40%;
  font-size: 0.875em;
  padding: 9px 0;
  font-family: 'PT Sans', sans-serif;
  text-shadow: none;
}
.checkoutCartListSection .continueCashBtn .continueBtnWrapper {
  text-align: left;
  padding-left: 0em;
  position: relative;
  top: 5px;
}
.checkoutCartListSection .continueCashBtn .cashBtnWrapper {
  text-align: right;
  padding-right: 0em;
}
/* .................checkout common list style ends here .............................. */
/* tooltip functionality style starts */
.payTooltip {
  display: none;
  background: #fff;
  width: 170px;
  position: absolute;
  right: -59px;
  top: 21px;
  z-index: 5;
}
.leftArrow {
  background: url(https://www.buchkatalog-reloaded.de/wcsstore/KNVStorefrontAssetStore/images/colors/pointer-arrow.png) no-repeat left top;
  position: absolute;
  height: 30px;
  width: 22px;
  left: -21px;
  top: 15px;
}
.toolTipBox {
  border: 1px solid #DBDBDB;
  padding: 0.625em;
  font-family: 'PT Sans', sans-serif;
  font-size: 0.75em;
}
/* tooltip functionality style ends */
/* Circle Common CSS starts */
.circle {
  border: 2px solid #DBDBDB;
  top: 30px;
  left: -6px;
  position: absolute;
  width: 12.5px;
  height: 12.5px;
  background: #36a98f;
  border-radius: 6.5px;
  z-index: 7;
}
.circleNotSelected {
  border: 2px solid #DBDBDB;
  top: 30px;
  left: -6px;
  position: absolute;
  width: 12.5px;
  height: 12.5px;
  background: #fff;
  border-radius: 6.5px;
  z-index: 5;
}
/* Circle Common CSS Ends */
.inactive {
  background: #dedede !important;
}
/* Common left right button style starts */
.leftBtn {
  width: 3.375em;
  background: #fff;
  border-radius: 15px 0px 0px 15px !important;
  color: #5B5B5B;
  padding: 4px;
  border-right-width: 0;
}
.rightBtn {
  width: 3.375em;
  background: #fff;
  border-radius: 0px 15px 15px 0px;
  color: #5B5B5B;
  padding: 4px;
  border-left-width: 0;
}
/* Common left right button style starts */
.clear {
  clear: both;
}
.searchContainer .accordionSection .panel .panel-heading a[role='button'] {
  display: block;
}
.searchContainer .accordionSection .panel-group .panel .panel-body {
  border-top: 0;
}
.searchContainer .accordionSection .panel .panel-body .loadMore i.subListIcon {
  margin-right: 5px;
}
.searchContainer .accordionSection .panel-group .panel .panel-heading{
  padding: 10px 8px;
}
.searchContainer .accordionSection .panel-group .panel .panel-body .selectedItem > li{
  padding: 1px 8px;
}
.searchContainer .accordionSection .panel-group .panel .panel-body .selectedItem .branchSubtext {
    padding: 1px 8px;
}
.searchContainer .accordionSection .panel-group .panel .panel-body .selectedItem > li:hover {
  background-color: #f3f3f3;
}
.searchContainer .accordionSection .panel-group .panel .panel-body .selectedItem>li.stopMore {
  background-color: initial;
}
.searchContainer .accordionSection .panel-group .panel .panel-body .selectedItem>li.subFilterList {
    background-color: initial;
    margin-top: 0;
}

.searchContainer ul.secondSubFilterList li {
    margin-top: 4px;
    padding-left: 10px;
}

.accordionSection .panel-group .panel .panel-body .selectedItem>li.subFilterList a {
    align-items: initial;
    display: inline-block;
    vertical-align: top;
    padding: 4px 0px;
}
.searchContainer ul.secondSubFilterList li:hover {
    background-color: #f3f3f3;
}
.accordionSection .panel-group .panel .panel-body .selectedItem>li a.loadMore {
    width: 100%;
}
/* ................. Accordions styles starts............. */
.accordionSection .panel-group {
  border: 1px solid #DBDBDB;
  border-radius: 5px;
}
.searchContainer .accordionSection .panel-group {
  border: none;
  border-radius: 0;
}
.searchContainer .accordionSection .panel-group .panel{
    padding:0
}
.accordionSection .panel-group .panel {
  border: none;
  padding: 0 9px;
  box-shadow: none;
}
.accordionSection .panel-group .panel .panel-heading {
  padding-left: 0;
  background: #fff;
  border-bottom: 1px solid #DBDBDB;
}
.accordionSection .panel-group .panel .panel-heading:last-child {
  border: none;
}
.accordionSection .panel-group .panel .panel-heading .panel-title {
  font-size: 0.85em;
}
/* fix for JIRA KRR-5876: SRL | Facette optimization in price section */
.accordionSection .panel-group .panel .panel-body {
  padding: 0;
}
.accordionSection .panel-group .panel .panel-body .selectedItem > li {
  display: flex;
  line-height: 21px;
  margin-top: 3px;
}
.accordionSection .panel-group .panel .panel-body .selectedItem > li a {
  align-items: center;
  display: flex;
  width: 73%;
}
/* fix for JIRA KRR-5876: SRL | Facette optimization in price section */
.accordionSection .panel-group .panel .panel-body .selectedItem > li .Priceange .rangeValue {
  overflow: hidden;
  width: 60%;
  float: left;
}
.accordionSection .panel-group .panel .panel-body .selectedItem > li .Priceange span {
  font-family: 'PT Sans', sans-serif;
  font-size: 11px;
}
.accordionSection .panel-group .panel .panel-body .selectedItem > li .Priceange .rangeValue .minVal,
.accordionSection .panel-group .panel .panel-body .selectedItem > li .Priceange .rangeValue .maxVal {
  width: 39%;
  float: left;
  padding-right: 0.3125em;
}
.accordionSection .panel-group .panel .panel-body .selectedItem > li .Priceange .rangeValue .minVal .inputVal,
.accordionSection .panel-group .panel .panel-body .selectedItem > li .Priceange .rangeValue .maxVal .inputVal {
  width: 90%;
  border: 1px solid #DBDBDB;
}
.accordionSection .panel-group .panel .panel-body .selectedItem > li .Priceange .rangeValue .maxVal {
  float: right;
}
/* fix for JIRA KRR-5876: SRL | Facette optimization in price section */
.accordionSection .panel-group .panel .panel-body .selectedItem > li .Priceange .goBtn {
  width: 20%;
  float: none;
 /*  margin-left:5px;  */
  margin-left: 3px;
  background: #fff;
  box-shadow: none;
  border: 1px solid #DBDBDB;
}
/* ...................Accordions styles Ends.................... */
/* .......Dynamic form section style starts ..............*/
.starSubMenu {
  position: absolute;
  height: 12.1em;
  width: 12.3125em;
  padding-left: 0.625em;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  box-shadow: 0 2px 1px 0 rgba(227, 227, 227, 0.5);
  background-color: #FFFFFF;
  right: 1px;
  z-index: 10;
}
.starSubMenu .upArrow {
  position: absolute;
  top: -12px;
  right: 36px;
}

.starSubMenu ul {
  margin: 16px 0px !important;
}

.starSubMenu ul li a {
  color: #444444;
  font-family: 'PT Sans', sans-serif;
  line-height: 15px;
  font-size: 1.1625em;
}

.starSubMenu .closelist{
  float: right;
  cursor: pointer;
  margin-right: 6px;
  font-weight: bold;
  font-size: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
  line-height: 1;
  margin: 2px 10px;
}
.starSubMenu .closelist:hover{
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50);
}
.dynamicFormSection {
  margin: 0;
  padding: 15px 15px 0 4px;
  border-bottom: 1px solid #DBDBDB;
}
.dynamicFormSection .closeContainer {
  text-align: right;
  padding: 0 6px 6px 0;
}
.dynamicFormSection .dynamicForm {
  height: auto;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.dynamicFormSection .dynamicForm .yourHeadingSec,
.dynamicFormSection .dynamicForm .yourReviewSec,
.dynamicFormSection .dynamicForm .yourNameSec {
  padding-bottom: 0.625em;
}
.dynamicFormSection .dynamicForm .yourReviewSec .yourReview {
  min-height: 70px;
}
.dynamicFormSection .dynamicForm .clearSubmitBtn {
  text-align: right;
  padding-right: 1.0625em;
}
.dynamicFormSection .dynamicForm .clearSubmitBtn .clearBtn,
.dynamicFormSection .dynamicForm .clearSubmitBtn .submitBtn {
  background: #36a98f;
  width: 12.5em;
  color: #fff;
}
/* .......Dynamic form section style ENDS ..............*/
/* pagination Bottom section style starts */
.pagination-top {
  margin-top: 10px;
  color: #5B5B5B;
  font-size: 14px;
}
.pagination-bottom {
  margin-top: 10px;
  color: #5B5B5B;
  font-size: 14px;
}
.pagination-bottom .pagination {
  margin: 0;
}
.pagination-bottom .pagination a {
  border: none;
  color: #5B5B5B;
  padding: 5px;
}
/* pagination Bottom section style ENDS */
/* Tab Bottom section style STartS */
.tabContent .nav-tabs li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.tabContent .nav-tabs li a {
  font-size: 14px;
  font-family: 'PT Sans', sans-serif;
}
.tabContent .nav-tabs li.active {
  font-weight: 600;
}
.tabContent .tab-content .tab-pane h3 {
  font-family: Arial;
  line-height: 22px;
  font-size: 13px;
  font-weight: 600;
  color: #444;
}
.tabContent .tab-content .tab-pane p {
  font-size: 14px;
  font-family: 'PT Sans', sans-serif;
}
/* Tab section style ENDS */
/* Button type Medium style Starts */
.btnTypeMedium {
  margin: 5px 0;
  background: #36a98f;
  color: #fff;
  width: 8.125em;
  border: 1px solid #DBDBDB;
  border-radius: 21px;
  text-transform: uppercase;
}
.btnTypeMedium:hover {
  color: #fff;
}
.btnTypeClose {
  margin: 5px 5px;
  color: #333;
  width: 8.125em;
  border: 1px solid #DBDBDB;
  border-radius: 21px;
  text-transform: uppercase;
}
.btnTypeClose:hover {
  color: #333;
}
/* Button Continue style ENDS */
.continueContainer {
  text-align: right;
  border-top: 1px solid #DBDBDB;
  padding-top: 0.625em;
}
.continueContainer .continueBtn {
  display: inline-block;
  width: auto;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.13);
  background: #36a98f;
  border-radius: 20px;
  color: #fff;
  font-size: 0.75em;
  font-weight: 600;
  font-family: 'PT Sans', sans-serif;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* Button Continue style ENDS */
/* checkout Page common style starts here */
.toggleBtn {
  width: 56px !important;
}

.registrationPage .toggleBtn .checkbox-label:before{
  top: -2px !important;
}
.checkoutPay {
  padding-left: 0.9375em;
}
.checkoutPay .continueContainer {
  border: none;
}
.checkoutPay .payMode {
  border-bottom: 1px solid #DBDBDB;
  padding: 0.425em 0;
}
.checkoutPay .payMode .payTypePic {
  font-family: 'PT Sans', sans-serif;
  font-size: 0.875em;
}
.checkoutPay .payMode .payTypePic img {
  max-width: 100%;
  width: 75px;
  height: auto;
}
.checkoutPay .payMode .payTypePic img[alt='mastrer-card'],
.checkoutPay .payMode .payTypePic img[alt='visa'],
.checkoutPay .payMode .payTypePic img[alt='master-card'],
.checkoutPay .payMode .payTypePic img[alt='amex'] {
     width: 45px;
}
.checkoutPay .payMode .payTypePic .couponLabel {
  width: 59%;
}
.checkoutPay .payMode .payTypePic .couponCodeInput {
  width: 38%;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
}
.checkoutPay .payMode .payTypeDesc {
  font-family: 'PT Sans', sans-serif;
  font-size: 0.875em;
  top: 7px;
}
.checkoutPay .payMode .payTypeDesc .zahlungInput {
  width: 22%;
  border: 1px solid #DBDBDB;
  border-radius: 8px;
}
.checkoutPay .payMode .payTypeDesc .helpIcon {
  position: relative;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  height: 20px;
  width: 20px;
  padding-left: 7px;
  margin-left: 5px;
}
.checkoutPay .payMode .giftCouponContainer {
  text-align: center;
  margin-bottom: 0.4375em;
}
.checkoutPay .payMode .giftCouponContainer .giftCoupon {
  white-space: nowrap;
  padding: 5%;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.13);
  background: #36a98f;
  border-radius: 20px;
  color: #fff;
  font-size: 0.625em;
  font-weight: 600;
  font-family: 'PT Sans', sans-serif;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
}
.helpIcon:hover + .payTooltip {
  display: block;
}
/* checkout Page common style Ends here */
/*Modal Content appearing on clicking of right side link Filialbholung Moglich */
.pickedItem .greenColor,
.pickedItem .yellowColor,
.pickedItem .redColor {
  width: 23px;
  height: 23px;
  float: left;
  margin: 0px 5px 20px 5px;
}
.pickedItem .greenColor + span,
.pickedItem .yellowColor + span,
.pickedItem .redColor + span {
  line-height: 20px;
}
.pickedItem .pickedItemTitle {
  margin: 0em;
  font-size: 0.8125em;
  font-weight: 600;
  padding-bottom: 0.625em;
}
.pickedItem .middleRow {
  font-size: 0.875em;
  padding: 5px 0;
  background-color: #f1f1f1;
}
.pickedItem .note {
  margin: 0em;
  padding: 5px 0;
  font-size: 0.75em;
}
.pickedItem .stockInfo {
  font-size: 0.75em;
}
/*Modal Content css ends */
/* IE Based CSS style starts here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .staticlinkborderRght {
    margin-right: 15px !important;
  }
  .topHeaderRight {
    margin-right: 48px !important;
  }
  .stickyIcons {
    right: 24px;
  }
  .imgContainer .bgImg {
    opacity: .1 !important;
  }
  .searchContainer .searchResultListSection ul .searchResultList .searchResultListImg .bgImg{
    opacity: .1 !important;
  }
  sup {
	top: -0.42em;
  }
}
/* IE Based CSS style ENds here */
/* Fav Submenu starts here */
.pdpWishlink {
  font-family: 'PT Sans', sans-serif;
  width: 15.3125em;
  position: absolute;
}
.pdpWishlink .list-group {
  padding: 0em;
  margin: 0em;
}
.pdpWishlink .list-group .list-group-item {
  padding: 0.9375em;
}
.pdpWishlink .list-group .list-group-item .list-group-item-text {
  font-size: 13.5px;
  text-align: center;
}
/* Fav Submenu Ends here */
.pwdContainer {
  position: relative;
}
.pwdContainer .pwdMsg {
  width: 100%;
  font-size: 14px;
  font-family: 'PT Sans', sans-serif;
  color: #777777;
  position: absolute;
  top: 18px;
  background: #fff;
  z-index: 6;
  padding: 0 10px 10px;
  border: 1px solid #ccc;
}
.pwdContainer .pwdMsg p i {
  width: 4%;
  float: left;
  display: inline-block;
}
.pwdContainer .pwdMsg p i.fa-check {
  color: #36a98f;
}
.pwdContainer .pwdMsg p i.fa-times {
  color: #ff0000;
}
.pwdContainer .pwdMsg p span {
  display: inline-block;
  width: 95%;
  float: left;
}
.pwdContainer .pwdMsg h6 {
  font-family: 'Merriweather', serif;
  font-size: 1.375em;
  line-height: 1.5em;
  font-size: 0.875em;
  color: #325675;
  margin: 0 -10px;
  padding: 10px;
  background: #f7f7f7;
}
/*new marketing block css starts */
/*.marginBottom {
  margin-bottom: 5px;
}
.paddingLeft {
  padding-left: 2px !important;
}*/
.marginTopTiles {
  margin-top: 2.92% !important;
}
.firstSlide {
  margin: 0 0 0px 0 ;
  /*height: 400px;*/
}
/*.secondSlide,
.thirdSlide {
  height: 400px;
}*/
.firstSlide .firstSlideFirstItem {
  height: 100% !important;
  /*padding: 5px 5px 5px 0;*/
  padding-left: 0px;
  padding-right: 1.35%;
}
.firstSlide .firstSlideFirstItem > div:first-child {
  height: 100%;
}
.firstSlide .firstSlideSecondItem {
  /* height: 49%; */
  /* padding: 5px 5px 0 8px; */
  padding-left: 1.35%;
  padding-right: 0px;
}
/*.firstSlide .firstSlideSecondItem .mobTilesContainer {
   height: 100% !important; 
}*/
.firstSlideSecondItem:first-child {
  margin-bottom: 10px !important;
}
.secondSlide,
.thirdSlide {
  margin: 0;
}
.secondSlidefirstItem,
.secondSlideSecondItem {
  /* padding: 5px; */
  padding: 0px;
}
.secondSlideSecondItem {
  /* padding: 5px 5px 5px 0; */
  /* height: 50%; */
  margin-top: 2.92%;
}
.secondSlideSecondItem .mobTilesContainer {
  height: 100% !important;
}
.secondSlide .secondSlidefirstItem:last-child {
  padding-left: 0;
}
/*.thirdSlide .secondSlidefirstItem,
.secondSlideSecondItem {
   padding: 7px; 
}*/
.mobTilesContainer .tileWrapper {
  position: relative;
}
.secondSlide .secondSlidefirstItem:first-child {
    padding-right: 1.35%;
}
.secondSlide .secondSlidefirstItem:nth-child(2) {
    padding-left: 1.35%;
}

.thirdSlide .secondSlidefirstItem:first-child {
    padding-right: 1.35%;
}

.thirdSlide .secondSlidefirstItem:nth-child(2) {
    padding-left: 1.35%;
}
/*new marketing block css ends */

.cartAddMessageStickyLi .arrow{
	left: 89.8496% !important;
}
.cartAddMessageLi .arrow{
	left: 91.3416% !important;
}
.serviceCont .smallImg {
  margin-bottom: 7px;
}
.serviceCont .largeImg {
  margin-bottom: 7px;
}

/*KRR-5973 added to display count on shooping cart icon on header -Pooja*/
.cartCountDisplay, .cartCountCategoryNav{
    text-align: center;
    position: absolute;
    z-index: 1;
    top: -7px;
    left: 15px;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #dedede;
    border-radius: 10px;
    background: red;
    height: 20px;
    min-width: 20px;;
    color: #ffffff;
}
.cartCountMob{
	text-align: center;
	 position: absolute;
    z-index: 1;
    top: -11px;
    left: 21px;
    font-size: 11px;
    display: inline-block;
    border: 1px solid #dedede;
    border-radius: 10px;
    background: red;
    height: 20px;
    min-width: 20px;
    color: #fff;
}
/*new marketing block css ends */
.rating-container .clear-rating-active,
.rating-container .caption {
  display: none;
}
.serviceContSmall{
	vertical-align: top !important;
}
.serviceContLarge{
	vertical-align: top !important;
}
.serviceCont img{
	height: 46px;
    width: auto;
}
/* Error confiramtion message starts */
.errorConfirmMsg {
  color: #444444;
  font-family: Arial;
  font-size: 1em;
  line-height: 1.3em;
}
.errorMsgLink {
  text-decoration: underline;
}
.topRankingPagination {
  margin-top: 25px;
}
/* Error confiramtion message Ends */

.starSubMenu ul li:hover {
    background-color: #f1f1f1;
}
.bgGrey {
  background-color: #f1f1f1;
}
.flexiModuleContainer {
  font-family: 'PT Sans',sans-serif;
  color: #444444;
  font-size: 14px;
}
.flexiModuleContainer .row.widgetSection {
  margin: 25px 0px;
}
.flexiModuleContainer .NewMarketingMoodImage img {
  width: 100%;
}
.flexiModuleContainer .NewMarketingImg img {
  margin: 0px auto;
  max-width: 60%;
}
.flexiModuleContainer .NewMarketingSeperator {
  border-top: 1px solid #e6dfdf;
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.flexiModuleContainer .NewMarketingImageText3 .imgTxtContainer {
    box-shadow: 0 1px 3px 1px rgba(204, 200, 200, 0.5);
    border-radius: 5px;
    background-color: #ffffff;
    margin-bottom: 10px;
}
.flexiModuleContainer .NewMarketingImageText3 .imgTxtContainer p {
    padding: 8px 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
}
.flexiModuleContainer .NewMarketingImageText3 .imgTxtContainer h5 {
    padding: 16px 20px 0px;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
}

.flexiModuleContainer .NewMarketingImageText3 .imgTxtContainer .img-responsive {
    border-radius: 5px 5px 0px 0px;
    width: 100%;
}

.flexiModuleContainer .widgetSection .section-container h4,
.flexiModuleContainer .NewMarketingRecoList .sliderView h2.viewTitle {
    font-weight: bold;
    font-family: 'Merriweather',serif;
    line-height: 1.5em;
    font-size: 1.3125em;
}

.flexiModuleContainer div.widgetSection.NewMarketingImageText3 {
    margin: 0px;
    padding-bottom: 20px;
    background-color: #efefef4a;
    border-radius: 5px;
}

.flexiModuleContainer .NewMarketingImageText .img-responsive {
  margin: 0px auto 25px;
  max-width: 70%;
}
.NewMarketingImageTextLeft .section-container p,
.NewMarketingImageText .section-container p, 
.NewMarketingLink .section-container p{
   white-space: pre-wrap;
   word-wrap: break-word;
}
.NewMarketingLink .section-container p{
	font-weight: bold;
    text-decoration: underline;
    margin-top: 10px;
}
.NewMarketingRecoList .slick-slide {
    height: auto;
}
.flexiModuleContainer .widgetSection .listView .searchResultTitle h2 a {
  text-decoration: underline;
  font-size: 18px;
}
.flexiModuleContainer .widgetSection .listView .searchResultTitle p.bookTitle {
  font-family: 'PT Sans', sans-serif;
  color: #444;
  font-size: 14px;
}
.flexiModuleContainer .widgetSection .listView .clearfix.SearchResultProductCart {
  margin-top: 20px;
}
.flexiModuleContainer .widgetSection .listView li.row.searchResultList {
  min-height: 200px;
  margin: 16px 1px 1px 1px;
  border: 1px solid #dbdbdb;
  position: relative;
}
.flexiModuleContainer .widgetSection .listView li.row.searchResultList .searchResultListImg {
  max-height: 220px !important;
  overflow: hidden;
  text-align: center;
}
.flexiModuleContainer .widgetSection .listView li.row.searchResultList a.iconBook {
  display: block;
  width: 77%;
  height: 220px;
  margin: auto;
}
.flexiModuleContainer .widgetSection .listView li.row.searchResultList .addToCart {
  position: relative;
  border-top: 1px solid #dbdbdb;
}
.flexiModuleContainer .widgetSection .listView .otherRatingInfo .starContainer {
  margin: 15px 0px;
}
.flexiModuleContainer .widgetSection .listView .searchResultListSection ul {
  list-style: none;
  padding-left: 0;
  margin: 12px 0;
  color: #5b5b5b;
}
.flexiModuleContainer .widgetSection .listView .searchResulDesc {
  border-right: 1px solid #dbdbdb;
  padding-right: 0;
}
.flexiModuleContainer .widgetSection .listView .bgImg {
  height: 125%;
  width: 125%;
  opacity: .5;
  position: absolute;
  filter: blur(7px);
  top: -17%;
  left: -13%;
}
.flexiModuleContainer .widgetSection .listView .frontImg {
  height: 100%;
  width: auto;
  position: absolute;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}
.flexiModuleContainer .breadCrumbSection {
	width: 80%;
	margin: 15px auto 0px;
}
/*******Single product item module style starts here***********/
.NewMarketingPrdctDtl .pdpWrapper {
    padding: 10px 0px;
}
 .NewMarketingPrdctDtl .pdpWrapper .pdpRightWrapper {
    padding-left: .4375em;
}
 .NewMarketingPrdctDtl .productImgDesc {
    display: flex;
}
 .NewMarketingPrdctDtl .productImgDesc .productImage img {
    height: auto;
    max-width: 100%;
    width:auto;
}
 .NewMarketingPrdctDtl .productImgDesc .productInfo {
    display: flex;
    flex-direction: column;
    padding-left:0px;
}
.NewMarketingPrdctDtl .productImgDesc .productInfo .productheader {
    background: none;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
}
 .NewMarketingPrdctDtl .productImgDesc .productInfo .productheader .author {
    font-family: 'PT Sans',sans-serif;
    font-size: 1em;
    font-weight: 700;
}
 .NewMarketingPrdctDtl .productImgDesc .productInfo .productheader .title {
    margin-top: .525em;
    margin-bottom: .525em;
    font-size: 1.375em;
    font-family: 'Merriweather',serif;
}
 .NewMarketingPrdctDtl .productImgDesc .productInfo .productheader .subTitle {
    font-family: 'PT Sans',sans-serif;
    font-weight: 600;
}
 .NewMarketingPrdctDtl .productImgDesc .productInfo .productheader .description {
    font-size: .8125em;
    font-family: 'PT Sans',sans-serif;
    line-height: 20px;
    margin-top: .9em;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail {
    margin: .4375em;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .productPrice {
    padding: 10px 0;
    margin: 2px 6px;
    display: flex;
    flex-direction: row;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .productPrice .priceText {
    width: 30%;
    font-family: 'PT Sans',sans-serif;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .productPrice .productAmount {
    width: 70%;
    text-align: right;
    color: #36a98f;
    font-weight: 600;
    font-family: Arial;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .productPrice .productAmount .currency {
    font-size: 1.75em;
    word-spacing: -6px;
    float: none;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .productPrice .productAmount .intAmount {
    font-size: 1.875em;
    word-spacing: -6px;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .productPrice .productAmount .decimalAmount {
    font-size: 1.125em;
    top: -0.5em;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .amountText {
    color: #888;
    font-size: .6875em;
    margin: 2px 6px;
    padding-bottom: 10px;
    text-align: right;
    word-break: break-all;
    border-bottom: 1px solid #dbdbdb;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .amountText p {
    font-family: 'PT Sans',sans-serif;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .amountText p {
    font-family: 'PT Sans',sans-serif;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .amountText a {
    text-decoration: underline;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .amountText p {
    font-family: 'PT Sans',sans-serif;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .additionalInfo {
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
    margin: 2px 6px;
    font-family: 'PT Sans',sans-serif;
    font-size: .625em;
    color: #969696;
    font-weight: 600;
    line-height: 19px;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .additionalInfo .additionalInfoDesc {
    font-size: 1.40625em;
    color: #3e3e3e;
    text-align: right;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .status {
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
    margin: 2px 6px;
    font-family: 'PT Sans',sans-serif;
    color: #444;
    line-height: 18px;
    font-size: .8125em;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .cartBtn {
    font-family: 'PT Sans',sans-serif;
    height: 42px;
    line-height: 18px;
    margin: 10px 0;
    text-align: center;
}
 .NewMarketingPrdctDtl .productPriceDesc .priceDetail .cartBtn .cartListBtn {
    text-transform: uppercase;
    font-family: Arial;
    width: 96%;
    height: 100%;
    background-color: #36a98f;
    color: #fff;
    line-height: 18px;
    font-size: .875em;
    font-weight: 600;
}
.NewMarketingPrdctDtl .productPriceDesc .priceDetail .additionalInfo .other-media {
    color: #888;
    font-size: 1.1em;
    margin: 2px 0;
    text-align: right;
    font-weight: normal;
    line-height: initial;
}
/*******Single product style ends here***********/
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu.customCategory .hoverMenus li li:first-child a {
    font-weight: normal !important;
    border-bottom: 1px solid #dbdbdb !important;
    text-transform: none !important;
}
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu:hover div.submenu,
.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu:hover div.upArrow {
    display: block !important;
}

.containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu.customCategory .hoverMenus li li:last-child a {
    border-bottom: none !important;
} 

.businessCardPage {
  font-family: 'PT Sans',sans-serif;
}
.businessCardPage div.row {
    margin: 0;
}
.businessCardPage .googleMapSection h2, .businessCardPage .workingHrsSection h2, .businessCardPage .serviceSection h2,.businessCardPage .paymentImgSection h2, .businessCardPage .shippingChargeSection h2, .businessCardPage .policySection h2 {
  color: #325675;
  font-size: 22px;
}

.businessCardPage .googleMapSection, .businessCardPage .workingHrsSection, .businessCardPage .serviceSection,.businessCardPage .paymentImgSection, .businessCardPage .shippingChargeSection, .businessCardPage .policySection {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
.businessCardPage .section-wrapper {
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    box-shadow: 0 2px 1px 0 rgba(227,227,227,0.5);
    padding: .625em;
    margin: 0px 0;
}
.businessCardPage .googleMapSection .workingHrs {
  color: #444;
  font-size: 14px;
  padding-left: 0;
  font-family: 'PT Sans',sans-serif;
  margin-bottom: 10px;
  word-break: break-word;
}
.businessCardPage .googleMapSection .storeInfo div {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.businessCardPage .workingHrsSection .section-wrapper p span {
    width: 35%;
    display: inline-block;
}
.businessCardPage .shippingChargeSection table{
  width:100%;
}
.businessCardPage .paymentImgSection img {
  width: 50px;
  height: auto;
  margin-top: 10px;
}
.businessCardPage .serviceSection img {
    width: 40px;
    margin-right: 10px;
    height: auto;
}
.businessCardPage .section-wrapper h2 {
    word-break: break-all;
    font-size: 16px !important;
}
.businessCardPage .serviceSection div {
    margin-bottom: 10px;
}

.footerSearchSection {
  margin: 10px 0px;
}
.footerSearchSection .search-container {
  display: inline-block;
  border: 1px solid lightgray;
  border-radius: 6px;
  text-align: right;
  width: 68%;
}
.footerSearchSection .search-container input.footer-search {
  margin-left: 8px;
  width: 84%;
  border: none;
  outline: none;
  font-size: 13px;
  height: 25px;
  border-radius: 6px;
}
.footerSearchSection input.search-button {
  color: white;
  width: 25%;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 13px;
  padding: 5px 0px;
  border: none;
}
.userWarningContainer {
    position: relative;
    margin-top:10px;
}
.userWarningContainer .message {
    display: inline-block;
    width: 80%;
    font-size: 14px!important;
    font-family: 'PT Sans',sans-serif;
    color: #FF0000;
}

.userWarningContainer .warning-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 17%;
    text-align: center;
}

.userWarningContainer .warning-icon i.fa.fa-warning {
    font-size: 54px;
    color: red;
}

.search-wrapper>div {
    display: inline-block;
}

.search-wrapper {
    margin-top: 20px;
    background-color: #ececec;
    padding: 20px 15px;
}

.search-wrapper .search-label label {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.search-wrapper .search-label {
    text-align: left;
    width: 21%;
}

.search-wrapper .search-box-wrapper {
    width: 54%;
    text-align: right;
}

.search-wrapper .search-submit {
    width: 22%;
    text-align: right;
    color: #fff;
}

.search-wrapper .search-box-wrapper .search-input {
    width: 93%;
    border: none;
    position: relative;
    right: 0px;
    height: 28px;
    border-radius: 10px;
    vertical-align: middle;
    outline: none;
}

.search-wrapper .search-box-wrapper .search-box {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid;
}

.search-wrapper .search-box .fa.fa-search {
    vertical-align: middle;
    position: relative;
    left: -2px;
}

.search-wrapper .search-submit .search-button {
    height: 28px;
    vertical-align: middle;
    width: 85px;
    background-color: #067CD7;
    border: 1px solid #000;
}
.search-map-wrapper {
    margin-top: 25px;
    height: 100%;
}
.search-wrapper .search-box ::placeholder {
    color: #b2beb3;
    opacity: 1; /* Firefox */
}

.search-wrapper .search-box :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #b2beb3;
}

.search-wrapper .search-box ::-ms-input-placeholder { /* Microsoft Edge */
   color: #b2beb3;
}
.checkoutShopContainer .checkoutCartListSection .shippingSection .shippingInfo .shippingText {
    width: 100%;
}
.checkoutShopContainer .checkoutCartListSection .shippingSection .shippingRightSec{
    padding-left:5px;
}
/* KR-5445: Active user Alert CSS Start */
.userWarningContainer {
    position: relative;
    margin-top:10px;
}
.userWarningContainer .message {
    display: inline-block;
    width: 80%;
    font-size: 14px!important;
    font-family: 'PT Sans',sans-serif;
    color: #FF0000;
}
.userWarningContainer .warning-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 17%;
    text-align: center;
}
.userWarningContainer .warning-icon i.fa.fa-warning {
    font-size: 54px;
    color: red;
}
/* KR-5445: Active user Alert CSS End */

.footer_search_error {
    color:Red;
    font-size:12px;
    display:none;
}
#footerWrapper .googleMap{
  width:100%; 
  height:300px;
  z-index: 0; 
}
.footerAddressWidgets .workingHrs p:nth-child(3), 
.footerAddressWidgets .workingHrs p:nth-child(4) {
    display: inline-block;
}
.breadCrumbSection.staticPageBreadcrumb, .breadCrumbSection.marketingBreadCrumb {
    width: 82%;
    margin: 25px auto 0px auto;
}
.breadCrumbSection.sitePageBreadcrumb{
    width: 63%;
    margin: 25px auto 0px auto;
}
.lightbox .lb-data .lb-close {
    display: none;
}
.footerContainer .footerContent .footAddress {
   position: relative;
}
.footerContainer .footerContent #open-hrs {
  line-height: 16px;
  margin: 0 0 10px;
  font-size: 12px;
  letter-spacing: 0;
  color: #565656;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.marketingPage .middleContainerWrapper .containerFullWidth .smallerFont img {
    max-width: 100%;
    height: auto !important;
    width: 100% !important;
 }
 .marketingPage .middleContainerWrapper .containerFullWidth .smallerFont a {
    text-decoration: underline!important;
}
 .storeclass{
     -webkit-appearance: none;
      -moz-appearance: none;
      appearance:none;
      pointer-events:none;
 }
 .searchTipps{
 	margin-top: 36px;
 }
 div.my_account.generic_error_container {
    padding: 40px;
}
/***KRR-7917 , new toggle button css***/
.btn-toggle {
  margin: 0 4rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}
.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-toggle.active:before {
  opacity: 0.5;
}
.btn-toggle.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  display: none;
}
.btn-toggle:before,
.btn-toggle:after {
  color: #6b7381;
}
/*.btn-toggle.active {
  background-color: #29b5a8;
}*/
.toggleGreen.active {
    background-color: #02c334 !important;
}
.btn-toggle.btn-lg {
  margin: 0;
  padding: 0;
  position: relative;
  border: none;
  height: 3rem;
  width: 5.5rem;
  border-radius: 2.5rem;
  outline: none;
}
.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
  outline: none;
}
.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
  line-height: 2.5rem;
  width: 5rem;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}

.btn-toggle.btn-lg > .handle {
  position: absolute;
  top: 0.4125rem;
  left: 0.5125rem;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-lg.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle,.btn-toggle.btn-lg.active input[type='radio']:checked> .handle {
  left: 2.8125rem;
  transition: left 0.25s;
}
.btn-toggle.btn-lg.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-lg.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
  line-height: 0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.6875rem;
  width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
  display: none;
}
.btn-toggle.btn-sm {
  margin: 0 0.5rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
  outline: none;
}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: 1.5rem;
  width: 0.5rem;
  text-align: center;
  font-weight: 600;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-sm:before {
  content: 'Off';
  left: -0.5rem;
}
.btn-toggle.btn-sm:after {
  content: 'On';
  right: -0.5rem;
  opacity: 0.5;
}
.btn-toggle.btn-sm > .handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
  left: 1.6875rem;
  transition: left 0.25s;
}
.btn-toggle.btn-sm.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
  display: none;
}
.btn-toggle.btn-xs {
  margin: 0 0;
  padding: 0;
  position: relative;
  border: none;
  height: 1rem;
  width: 2rem;
  border-radius: 1rem;
}
.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
  outline: none;
}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
  line-height: 1rem;
  width: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}
.btn-toggle.btn-xs > .handle {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.75rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active {
  transition: background-color 0.25s;
}
.btn-toggle.btn-xs.active > .handle {
  left: 1.125rem;
  transition: left 0.25s;
}
.btn-toggle.btn-xs.active:before {
  opacity: 0.5;
}
.btn-toggle.btn-xs.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
  line-height: -1rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.275rem;
  width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
  text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
  text-align: left;
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
  opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
  opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
  display: none;
}
.btn-toggle.btn-secondary {
  color: #6b7381;
  background: #bdc1c8;
}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
  color: #6b7381;
}
.btn-toggle.btn-secondary.active {
  background-color: #ff8300;
}
.btn-toggle-wrapper {
    margin: 1.25rem 0;
    display: inline-block;
}
.prodMenu .storeTeams li .quantity {
    float: right;
    vertical-align: top;
    display: inline-block;
}
/***New toggle button CSS ends here***/
/****KN-209, Pickup design changes*****/
.yellow, .red, .green {
    width: 26px;
    height: 26px;
    display: inline-block;
}
.yellow {
    background: url("../../images/KNVAurora/images/yellow-dot.png") 0 0/100% no-repeat;
}
.green {
    background: url("../../images/KNVAurora/images/green-dot.png") 0 0/100% no-repeat;
}
.red {
    background: url("../../images/KNVAurora/images/red-dot.png") 0 0/100% no-repeat;
    
}
.knvModal .erp-inv-list .list-heading .heading {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 0px;
}
.knvModal .erp-inv-list .list-info .row{
    background-color: #eaeaea;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    min-height: 85px;
}

.knvModal .erp-inv-list .list-info img.left {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    width: 26px;
}

.knvModal .erp-inv-list .list-info .right {
    display: inline-block;
    width: 80%;
}

.knvModal .erp-inv-list .contactInfo .btn.default-btn.contactBtn {
    color: #fff;
    display: block;
}

.knvModal .erp-inv-list .contactInfo .btn {
    display:none;
    color: #fff;
    margin-top: 10px;
    margin-right: 1%;
}

.erp-inv-list .greenColor img, .erp-inv-list .yellowColor img, .erp-inv-list .redColor img {
    width: 21px;
}

.erp-inv-list .greenColor, .erp-inv-list .yellowColor, .erp-inv-list .redColor {
    display: inline-block;
    vertical-align: top;
}

.erp-inv-list .legendItem {
    font-size: 13px;
    margin-top: 5px;
}

.erp-inv-list .legendItem span:nth-child(2) {
    display: inline-block;
    width: 75%;
    white-space: pre-line;
    word-break: break-word;
    margin-left: 3px;
}
.erp-inv-list .stockInfo {
    margin-bottom: 10px;
}
/****KN-209, Pickup design changes*****/
/****KN-527***/
.rowContainer .staticBody {
    display: table;
    width: 100%;
}
/****KN-527***/
.cc-window.cc-type-info.cc-theme-block.cc-bottom .cc-compliance .cc-btn.cc-dismiss {
    border-color: transparent;
}
.cc-window.cc-type-info.cc-theme-block.cc-bottom .cc-compliance .cc-btn.cc-dismiss:hover {
    border: 2px solid transparent;
    filter: brightness(1.1);
}
.cc-window.cc-type-info.cc-theme-block.cc-bottom .lightColor .cc-link {
    color: #ffffff !important;
}
/***KN-529***/
a.cartAddIcon+.popover {
    width: 225px;
}
.topHeaderRight.expertTopHeaderRight {
  position: absolute;
  align-items: right;
  right: 10px;
  z-index: 100;
  top:57px;
}
/****** KN-148: Add new address Button styling changes *****/
.addNewAddressBox {
    width: 95px;
    border: 1px solid #e8e8e8;
    height: 95px;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
    background-color: #fafafa;
}


.addNewAddressBox p.addNewAddress {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 68%;
}

.newAddrPlus {
    width: 35px;
    height: 35px;
    border-radius: 18px;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.newAddrPlus i.fa.fa-plus {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.addNewAddressBox:hover {
    box-shadow: 0px 0px 3px 1px #ddd;
}
.secondaryLightColor .newAddrPlus {
    border: 3px solid #6bd66b;
}
.secondaryLightColor .newAddrPlus i.fa.fa-plus {
    color: #6bd66b;
}
/****KN-148 ends here ******/
.button_text.genericErrorPage{
	height: 3.125em;
    width: 10.375em;
    text-transform: uppercase;
    background: #143365;
    color: #fff;
    padding: 14px 0 0 34px;
    border-radius: 25px;
}
.genericErrorMsgOrder{
    margin-top: 20px;
}
.genericErrorMail{
    text-decoration: underline;
 }   
 .loyalityPage .row {
    margin: 0;
}
.frameCart {
    background-color: #ffffff;
    color: #000;
    display: none;
    padding: 16px 0;
    position: absolute;
    right: 0;
    width: 285px!important;
    z-index: 1;
    text-transform: none;
    font-size: 14px;
    top: -63px;
    font-style: normal;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    box-shadow: 0 2px 25px -6px rgba(0,0,0,0.5);
}
/***Minification removing space. hence used 100% - -20px instead of 100% + 20px. Both are same***/
.gridTileContainer .gridTile .gridTilePriceContainer .frameCart {
    right: -10px;
    width: calc(100% - -20px)!important;
    padding: 15px 5px;
    top: -104px;
}
/***KN-1404, hide IE deafault clear icon for search box***/
.search-input::-ms-clear {
    display: none;
}
/****Hamburger menu animation****/
.ui-hamburger-01 {
  width: 24px;
  height: 19px;
  border: none;
  position: relative;
  background: linear-gradient(to bottom, #5f5c5c, #5f5c5c);
  background-size: 100% 19%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: background-size 0.2s 0.25s ease;
  cursor: pointer;
  outline: 0;
  vertical-align: top;
}
.ui-hamburger-01:before,
.ui-hamburger-01:after {
  height: 18%;
  width: 100%;
  position: absolute;
  left: 0;
  background-color: #5f5c5c;
  content: '';
  transition: transform 0.3s ease;
}
.ui-hamburger-01:before {
  top: 0;
  transform-origin: 9% 150%;
}
.ui-hamburger-01:after {
  bottom: 0;
  transform-origin: 9% -50%;
}
.ui-hamburger-01.is-active {
  background-size: 0 20%;
  transition-delay: 0s;
}
.ui-hamburger-01.is-active:before {
  transform: rotate(45deg);
  transition-delay: 0.15s;
}
.ui-hamburger-01.is-active:after {
  transform: rotate(-45deg);
  transition-delay: 0.15s;
}
/*****Hamburger menu****/
.input-pagination-number {
    text-align: center;
    float: left;
    height: 30px;
    box-sizing: border-box;
    width: 55px;
    background: #fff;
    color: #5b5b5b;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 1px rgba(0,0,0,0.075);
    /*border-width: 1px 0;*/
}
img.frontImg.landscape {
    width: 100% !important;
    height: auto !important;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
}
/**KN-995**/
.myOrderContainer .wpwl-container {
    margin: 6%;
}
/**********************KN-1908 Header responsive ****************/
.rightHeaderBorder .topHeaderRight .list-inline li.mobileMenuHamburger,
.rightHeaderBorder .topHeaderRight .list-inline li.mobileCartIcon,
.topHeaderRight.expertTopHeaderRight .list-inline li.mobileMenuHamburger,
.topHeaderRight.expertTopHeaderRight .list-inline li.mobileCartIcon {
    display: none;
}

@media screen and (max-width: 767px) {
    #headerDiv {
        min-height: 130px;
    }
    .headerContainer {
        /*min-height:70px;*/
    }
    .headerWrapper {
        /* min-height:130px; */
        background: #fff;
    }
    .mainMenu{
        background: none !important;
    }
    .headerSearchContainer .search-input {
        padding-left: 10px;
    }

    .header1 .brandLogo .logoWrapper {
        width: 65%;
    }
    .header1 .brandLogo .logoWrapper.subLogo{
        width: 28%!important;
    }

    .mobileHeader .mobileLeftHead .mobLogoWrapper.subLogo img, .mobileHeader .mobileLeftHead a>img {
        padding: initial;
    }

    .rightHeaderBorder .topHeaderRight .list-inline li a {
        padding: 0 !important;
    }
    .header1.mobileHeader .mobileRightHead {
        padding-right: 0;
        padding-top: 0;
        vertical-align: top;
        margin-top: 0;
        float: right;
    }
    

    .header1.mobileHeader .mobileLeftHead {
        padding: 0;
    }

    .clearfix.header1.mobileHeader {
        padding: 10px 15px;
    }
    .rightHeaderBorder .topHeaderRight .list-inline li.mobileMenuHamburger,
    .topHeaderRight.expertTopHeaderRight .list-inline li.mobileMenuHamburger,
    .topHeaderRight.expertTopHeaderRight .list-inline li.mobileCartIcon {
        display: inline-block !important;
    }
    .topHeaderRight.expertTopHeaderRight{
        top: 22px;
    }
    .stickyHeaderIcon {
        position: fixed !important;
    }
    .advanceSearchContainer{
        padding-top: 0;
    }
    .row.mainMenu {
        height: auto;
        background: #fff !important;
        margin: 0;
        box-shadow: none;
    }
    .container.containerMenu {
        height: auto;
        padding: 0;
    }

    .col-lg-12.col-md-12.col-sm-12.col-xs-12.mainMenuHide {
        height: auto;
        float: none;
        display: block;
    }

    .containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu {
        width: 100% !important;
        display: block !important;
        border-bottom: 1px solid #dbdbdb;
        height: auto;
    }

    .containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu a {
        display: block !important;
        text-align: left;
        font-size: 12px !important;
        color: inherit !important;
        padding-top: 10px;
        padding-bottom: 10px !important;
        /* border-top: 1px solid grey; */
    }
    .containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu>a{
        /* border-bottom: 1px solid #dbdbdb; */
    }
    .hoverMenus .list-inline li li:first-child{
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
    }
    .hoverMenus .list-inline li li.hidden-xs+li a {
        border-top: 1px solid #dbdbdb
    }
    .containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus li li:first-child a[href^='https://']{
        border-bottom: none !important;
    }

    .containerMenu .mainMenu .mainMenuHide .mainMenuItem {
        display: block !important;
        padding: 0;
        margin: 0;
        width: 100%;
        height: auto !important;
    }

    .hoverMenusContainer {
        margin-left: 0 !important;
    }

    .hoverMenus .list-inline>li {
        width: 100%;
    }
    .hoverMenus .list-inline li li:first-child a{
        font-weight: normal !important;
    }
    .row.mainMenu.stickyHead {
        position: initial;
    }

    #navbar ul.nav.navbar-nav {
        height: auto;
        margin: 0;
        width: 100%;
        /* padding: 15px 15px; */
    }

    .containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu {
        position: initial;
        width: 100%;
        border: 0;
        display: block !important;
        overflow: hidden;
    }

    div#menuDiv {
        display: none;
        position: relative;
        top: -58px;
    }

    .hoverMenus .hoverMenusContainer ul.list-inline {
        margin-left: 0;
        padding: 0 15px;
    }

    .containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus {
        padding: 0 !important;
    }

    .hoverMenus .list-inline li ul li:not(:first-child) {
        padding-left: 20px!important;
    }

    .hoverMenus .list-inline li br{
        display: none;
    }
    .containerMenu .mainMenu .mainMenuHide .mainMenuItem .ml90MainMenu .topNavDDMenu .submenu .hoverMenus {
        min-height: auto;
    }
    .hoverMenus .hoverMenusContainer .row:after {
        display: none;
    }
    .rightHeaderBorder .topHeaderRight .list-inline li.mobileCartIcon{
        display: inline-block;   
    }
    .srchAdv ul.suggestion{
        display: none !important;
    }
    .expertTopHeaderRight ul li a {
        margin: 0 8px;
        height: auto
    }
    .topHeaderRight.expertTopHeaderRight .list-inline li{
        padding-left: 0;
        padding-right: 0;
    }
    .mobileHeader .mobileLeftHead {
	  width: 48% !important;
	  height: 48px !important;
	  float: left; 
	}
	.mobileHeader .mobileLeftHead a > img,
	.mobileHeader .mobileLeftHead .mobLogoWrapper.subLogo img {
	  height: auto;
	  max-width: 100%;
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	}
	.mobileHeader .mobileRightHead {
	    float: right;
	    margin-top: 6px; 
	}
	.mobileHeader .mobileRightHead > ul li {
	  padding: 0 1px;
	  display: inline;
	  float: none;
	}
	.mobileHeader .mobileRightHead ul.usrlinks li {
	    display: block;
	    padding: 0 5px;
	}
	.mobileHeader .mobileLeftHead .mobLogoWrapper {
	  position: relative;
	  display: inline-block;
	  width: 65%;
	  height: 100%;
	}
	.mobileHeader .mobileLeftHead .mobLogoWrapper.subLogo {
	    width: 28% !important;
	}
}

@media screen and (max-width: 380px){
    .rightHeaderBorder .topHeaderRight {
        margin-right: 0;
    }
}  

@media only screen and (min-device-width: 320px) and (max-device-width:480px) and (orientation:portrait) {
    .logoWrapper.subLogo {
        display:none!important
    }

    .logoWrapper {
        width: 75%!important
    }
}
/**********************KN-1908 Header responsive ****************/
/**KN-2461**/
.checkoutCartListSection .cartListSection .cartList .cartListDesc .listDesSection .listItemInfo .cartListAuthor .cartListUserLabel {
    margin-bottom: 0px;
}
/**********KN-2578 discount price styling************/
span.strikedPrice {
    font-size: 12px;
    text-decoration: line-through;
}
.pdpContainer .priceDetail span.strikedPrice{
    font-size: 14px;
}

.gridTilePriceContainer .cartRecommendButton {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.mainSecrchResultListSection span.strikedPrice {
   display: block;
}
span.strikedPrice~.currency,
span.strikedPrice~.intAmount,
span.strikedPrice~.amount,
span.strikedPrice~.decimalAmount {
    color: #e20101;
}
span.strikedPrice~.currency{
    position: relative;
    right: -3px;
}
.gridTilePriceContainer .currency {
    float: none !important;
    padding: 0;
}
/**********KN-2578 discount price styling************/