@charset "UTF-8";
.rd-navbar-wrap{height: 50px !important;}
.navbar-brand {
  height: 40px;
}
/*.rd-navbar-wrap{ position:absolute; top:0;}*/
.mt-0{ margin-top:0;}
.p15{ padding: 15px !important;}
.fas,.fa{
  font-style: normal !important;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.table-bordered {
  border: 1px solid #fff;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.3rem;
  font-weight: 400;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #fff;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #fff;
}
.table > tbody > tr > th{
color: #fff; text-align: center;
}
.table-bordered > thead > tr > th {
  border: 1px solid #fff;
  border-top-color: rgb(221, 221, 221);
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: rgb(221, 221, 221);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #fff;
}
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table td{}

  /* Advanced Font Styling
    Author: github.com/coder618
  */
.banner-home .time-container .content:first-child:after, .banner-home .banner-item .content:after, .banner-inner:after, .section-header:after, .section-header:before, .section-header h1:after, .section-header h2:after, .section-header h3:after, .inner-section-header p:after, .inner-section-header hr:after, .ex-offer-card:after, .main-navigation .nav-item:after {
  content: " ";
  position: absolute; }

/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}*,
 *::before,
 *::after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; background:#fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }
.light-pattern {
  padding-top: 30px;
  background-color: #efe9d3;
  /*background-image: linear-gradient(100deg, #fff 0%, #fff 10%, #fff 75%);*/
  /* background-color: #00acee; */
  /* background-image: url(../icon/light_pattern.png); */
}


.light-innerpattern {
  padding-top:50px;
 /* background-color: rgb(0, 114, 188);*/
 /*background-image: linear-gradient(180deg, #fbf8f3 0%, #fbf8f3 10%, #ebe1c6 75%);*/
 /* background: #001c3c; */
 background: #0a51bd;
  /*
  background-color: #00acee;*/
  /*background-image: url(../icon/light_pattern.png);*/
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

.img-section img {
  display: none; }
.right-content {
  /* display: -webkit-box; */
  /* display: -ms-flexbox; */
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mb-displayflex{ display: flex !important}
.right-content a.michome {
  position: absolute;
  left: -41px;
  top: -30px;
}
.right-content a.michome .fa-home {
  font-weight: 600;
  color: #0171bb;
  font-size: 32px;
}
.amex-logo{ display:inline-block}
.brack-main-logo{max-width:140px}
.amex-amex{max-width:130px}
.brack-main-logoalo {
  max-width: 72px;
}
.navbar-brand.brack-main-logoalo > img {
  display: block;
  height: 55px !important;
}
.main-logo {
  width: 80px;
}
.navbar-brand {
  padding: 0;
  width: auto;
  margin: 0;
  display: block;
}
.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: transparent;
  background-clip: border-box;
  /* border: 1px solid rgba(0, 0, 0, 0.125);*/
  border-radius: 0.25rem; }
.card > hr {
  margin-right: 0;
  margin-left: 0; }
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-header + .list-group .list-group-item:first-child {
  border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.card-deck .card {
  margin-bottom: 15px; }
@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px; } }

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
.card-group > .card {
  margin-bottom: 15px; }
@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0; }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0; }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0; }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0; }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0; }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0; }
  .card-group > .card:only-child {
    border-radius: 0.25rem; }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0; }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
  .card-columns .card {
    display: inline-block;
    width: 100%; } }


.items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px; }
.items .item {
  width: 33.33%;
  padding: 0px; }
.items .item > div,
.items .item a {
  overflow: hidden; }
@media (max-width: 1069.98px) {
  .items .items {
    margin: -10px; }
  .items .item {
    padding: 10px;
    width: 50%; } }
@media (max-width: 575.98px) {
  .items .items {
    margin: -5px; }
  .items .item {
    padding: 5px;
    width: 100%; } }


.ex-saving-items .item {
  width: 50%; }

.ex-saving-card {
  /*-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
  border-radius:0px;
  padding: 0px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s; }
.ex-saving-card .img-section {
  overflow: hidden;
  padding-bottom: 60%;
  border-radius:0px; }
.ex-saving-card .title {
  color: #00294F;
  font-size: 1.5rem;
  line-height: 1.375em;
  font-weight: 400;
  color: #00294F;
  margin-bottom: 0em;
  display: inline-block;
  padding-right: 30px;
  position: relative;
  font-family: "Roboto", sans-serif; }
.ex-saving-card .title svg {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: calc(50% - 12px); }
.ex-saving-card .text-section {
  padding: 30px 0 20px 35px; position:absolute; top:20px;}
.ex-saving-card:hover {
  text-decoration: none; }
.ex-saving-card:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2); }
@media (max-width: 767.98px) {
  .ex-saving-card:hover {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  .ex-saving-card .text-section {
    padding: 15px 15px 10px 10px; }
  .ex-saving-card .title {
    font-size: 1.125rem;
    line-height: 1.38889em; }
  .ex-saving-card .title svg {
    width: 22px;
    height: 22px; } }

.ex-saving-items .item {
  width: 50%; }

@media (max-width: 767.98px) {
  .ex-saving-items .item {
    width: 100%;
    padding: 10px 20px; } }

.btn {
  cursor: pointer !important; }

.section-header {
  padding-bottom: 30px;
  position: relative;
  text-align: center;

}
.section-header:after, .section-header:before {
  width: 100px;
  height: 160px;
  background:transparent;
  top: 0;
  background-position: center;
  background-size: contain; }
.section-header:after {
  left: 0; }
.section-header:before {
  right: 0; }
.section-header h1, .section-header h2, .section-header h3 {
  padding: 0px 0 0 0;
  position: relative;
  font-size: 3.0rem;
  line-height: 1.125em;
  font-weight: 700;
  color: #0171bb;
  margin-bottom: 0em;
  letter-spacing: 0.02em;
  z-index: 1; text-transform:uppercase }
.section-header h1:after, .section-header h2:after, .section-header h3:after {
  position: absolute;
  background: url("../icon/lamp-s.png");
  background-position: center;
  background-size: contain;
  top: 0;
  width: 90px;
  height: 200px;
  left: calc( 50% - 45px); }

.inner-section-header h1{
  padding: 0px 0 0 0;
  position: relative;
  font-size: 3.0rem;
  line-height: 1.125em;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0em;
  letter-spacing: 0.02em;
  z-index: 1; text-transform:uppercase }

@media (max-width: 767.98px) {
  .light-pattern {
    padding-top: 30px;
  }
  .section-header {
    padding-bottom: 20px; }

  .section-header h1, .section-header h2, .section-header h3 {
    padding-top: 0px;
    font-size: 2.8rem;
    line-height: 1.16667em; }
  .section-header h1:after, .section-header h2:after, .section-header h3:after {
    width: 55px;
    height: 125px;
    left: calc( 50% - 25px); }
  .section-header:after, .section-header:before {
    width: 55px;
    height: 90px; } }

section {
  background-color:#efe9d3;
}
@media (max-width: 767.98px) {
  section {
    padding-bottom: 0px !important; } }

/* DEMO 5 ============================== */
.hover-5{ position:relative;}
.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
}

/*.hover-5::after {
  content: '';
  width: 100%;
  height: 10px;
  background: #000;
  position: absolute;
  bottom: -10px;
  left: 0;
  display: block;
  transition: all 0.3s;
  z-index: 999;
}
*/
/*.hover-5 .hover-overlay {
  background: rgba(0, 0, 0, 0.4);
}*/

.hover-5-title {
  position: absolute;
  bottom: 1rem;
  left: 0;
  transition: all 0.3s;
  padding: 2rem 3rem;
  z-index: 99;
}

.hover-5-title span {
  transition: all 0.4s;
  opacity: 0;
  color: #fff;
}

.hover-5:hover .hover-overlay {
  background: rgba(0, 0, 0, 0);
}

.hover-5:hover .hover-5-title{
  text-align: left;
  padding: 0 15px 15px;
  -webkit-transition: padding-bottom .2s ease-out;
  transition: padding-bottom .2s ease-out;
}

.hover-5:hover .hover-5-title {
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;

}
.hover-5:hover .hover-5-title::before {
  content: '';
  position: absolute;
  top: -100%;
  left: 0;
  height: 200%;
  width: 100%;
  background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 5) 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(60%, rgba(0, 0, 0, 5)));
  background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 5) 60%);
  background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 5) 60%);
  background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, 5) 60%);
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 5) 60%);
  z-index: -1;
  opacity: .9;
}

.hover-5:hover .hover-5-title {
  bottom: 0;
}

.hover-5:hover .hover-5-title span {
  opacity: 1;
}

.hover-5:hover::after {
  bottom: 0;
}



.about-out2-item-inner {
  display: block;
  justify-content: center;
  align-items: center;
  padding: 0px;
  min-height: 228px;
  width: 100%;
  text-align: center;
  /* background-color: #fff; */
  overflow: hidden;
  border: 5px solid #fff;
}

.about-out2-item-inner p {
  color: #9b9b9b
}
.about-out2-item-inner svg {
  fill: #333
}
.about-out2-item-inner svg+* {
  margin-top: 10px
}
.valetinediv {
  position: relative;
  z-index: 100;
}
.socialicondiv {
  width: 30px;
}
.socialicondiv img{ border-radius:5px;}
/*.valetinelogo {
	position: absolute;
	top: -450px;
	left: -80px;
}
*/
.valetinelogo {
  position: absolute;
  top: 100px;
  left: -5%;
  z-index: 99;
}
.offerbtn-primary {
  color: #000;
  font-size:14px;
  background-color: #fff;
  padding: 0px 20px 0px 20px;
  border-radius: 50px;
  border: 0;
  position: relative;

}
@media(max-width:767px) {
  .about-out2-item+.about-out2-item {
    position: relative;
    margin-top: 60px
  }
  .about-out2-item+.about-out2-item:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    /*border-top: 1px solid #677998*/
  }
}
@media(min-width:768px) {
  .about-out2 {
    display: inline-flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-left: 6%;
  }

  .about-out2-item-inner {
    max-width: calc(100% - 40px/2)
  }
  .about-out2-item-inner, .about-out2-item-inner:first-child, .about-out2-item-inner:last-child {
    margin-top: 0px
  }
}
@media(min-width:768px) and (min-width:1200px) {
  .about-out2-item-inner, .about-out2-item-inner:first-child, .about-out2-item-inner:last-child {
    max-width: calc(100% - 40px/2);
  }
}
@media(min-width:768px) and (min-width:1470px) {
  .about-out2-item-inner, .about-out2-item-inner:first-child, .about-out2-item-inner:last-child {
    max-width: calc(100% - 40px/2);
  }
}
@media(min-width:768px) {

}
@media(min-width:768px) and (min-width:1200px) {
  .about-out2-item:nth-child(odd):not(:first-child):before {
    top: 30px
  }
}
@media(min-width:768px) and (min-width:1470px) {
  .about-out2-item:nth-child(odd):not(:first-child):before {
    top: 50px
  }
}
/*@media(min-width:768px) {
.about-out2-item:nth-child(odd):not(:nth-child(1)) {
position:relative
}
.about-out2-item:nth-child(odd):not(:nth-child(1)):after {
content:'';
position:absolute;
right:0;
top:48px;
bottom:-12px;
width:1px;
}
}
@media(min-width:768px) and (min-width:1200px) {
.about-out2-item:nth-child(odd):not(:nth-child(1)):after {
top:48px;
bottom:-12px
}
}
@media(min-width:768px) and (min-width:1470px) {
.about-out2-item:nth-child(odd):not(:nth-child(1)):after {
top:80px;
bottom:-20px
}
}*/
@media(min-width:768px) {
  .about-out2-item:nth-child(1) {
    position: relative
  }
  .about-out2-item:nth-child(1):after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: -12px;
    width: 1px;
    /*border-left: 1px solid #dfdfdf*/
  }
}
@media(min-width:768px) and (min-width:1200px) {
  .about-out2-item:nth-child(1):after {
    bottom: -12px
  }
}
@media(min-width:768px) and (min-width:1470px) {
  .about-out2-item:nth-child(1):after {
    bottom: -20px
  }
}
@media(min-width:768px) {
  .about-out2-item:nth-child(even):not(:last-child) {
    position: relative
  }
  .about-out2-item:nth-child(even):not(:last-child):before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 30px;
    right: 0;
    height: 1px;
    /*border-top: 1px solid #dfdfdf*/
  }
}
@media(min-width:768px) and (min-width:1200px) {
  .about-out2-item:nth-child(even):not(:last-child):before {
    bottom: -30px
  }
}
@media(min-width:768px) and (min-width:1470px) {
  .about-out2-item:nth-child(even):not(:last-child):before {
    bottom: -50px
  }
}
@media(min-width:768px) {
  .about-out2-item:nth-child(2n+3) .about-out2-item-inner-decor {
    position: absolute;
    right: 0;
    top: 30px;
    width: 15px;
    height: 15px;
    transform: translate(50%, -50%) rotate(45deg);
    background-color: #fff
  }
}
@media(min-width:768px) and (min-width:1200px) {
  .about-out2-item:nth-child(2n+3) .about-out2-item-inner-decor {
    top: 30px
  }
}
@media(min-width:768px) and (min-width:1470px) {
  .about-out2-item:nth-child(2n+3) .about-out2-item-inner-decor {
    top: 50px
  }
}


.retail-card {
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #FFF;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  height: 100%;
  position: relative;
}
.nologotitle{
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  text-transform: uppercase !important;
}

.retail-card .img-section {
  padding-bottom: 60%;
}
.img-section {
  background-position: center;
  /*background-size: cover;*/
  background-repeat: no-repeat;
  width: 100%;
  display: block;
}
.img-section {
  background-size: cover;
  background-position: center;
}
.retail-card .title {
  font-size: 18px;
  line-height: 1.5em;
  color: #222;
  margin-bottom: 0em;
  text-transform: uppercase;
}
.retail-card {
  text-align: center;
}
.retail-card .text-section {
  padding: 10px 20px;
}
.retail-card .text-msection{font-size: 14px;}

.modal-dialog {
  width: 450px;
  max-width: 90%;
}
.retail-card ul li{ list-style:square}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal .modal-title {
  text-align: center;
  float: left;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-detail {
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
}
.mb-displaynone{ display:block !important;}
.mb-displayflex{ display: flex !important}
.desktop-displaynone{ display:none  !important;}

.left50p {
  /* margin-left: 25%; */
  margin-top: 20px;
  position: absolute;
  left: 50%;
}
.about-out2-item-inner3 {
  max-width: 25%;
  float: left;
}
.mb-40{margin-bottom:40px;}
.about-out23{ margin-bottom:40px; }
.inner-section-header hr {
  font-size: 1.5rem;
  line-height: 1.375em;
  margin-bottom: 0em;
  letter-spacing: .02em;
  position: relative;
  /* display: inline-block; */
  padding-bottom: 20px;
  border: 0;
  font-size: 1.5rem;
  line-height: 1.375em;
  letter-spacing: .02em;
  width: 300px;
}
.inner-section-header hr::after {
	content: " ";
	position: absolute;
	width: 100%;
	height: 4px;
	background-color: #000;
	bottom: 0;
	left: 0;
	/* background: -webkit-gradient(linear, left top, right top, from(rgba(254, 226, 164, 0)), color-stop(53%, #dca273), to(rgba(254, 226, 164, 0))); */
	background: linear-gradient(to right, rgba(254, 226, 164, 0) 0%, #fff9f9 53%, rgba(254, 226, 164, 0) 100%);
}

.ex-saving span.btnoffers{background: -webkit-gradient(linear, left top, right top, from(rgba(254, 226, 164, 0)), color-stop(53%, #dca273), to(rgba(254, 226, 164, 0)));
  background: linear-gradient(to right, rgb(236, 236, 236) 0%, #fff 53%, rgb(236, 236, 236) 100%);}

.ex-saving a:hover span.btnoffers{background: -webkit-gradient(linear, left top, right top, from(rgba(254, 226, 164, 0)), color-stop(0%, #000), to(rgba(254, 226, 164, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 0%, rgba(254, 226, 164, 0) 100%);}

.about-out2-item-inner3:hover .btn-default.btnoffers{
  color: #eebc64;
  border-color: #ccc;
}
.viewdesktop{display:block}
.viewmobile{ display:none}
.about-out2-item-inner3 {
  text-align: center;
  border-right: 1px solid #eee;
}
.about-out2-item-inner3 img{
  max-width: 50%;
}
.maibanner { position:relative;}
.maibanner > .bannershell{ position:absolute; right:10%; bottom:30px;}
.pagemain-header p {
  font-size: 1.5rem;
  line-height: 1.375em;
  margin-bottom: 0em;
  /* letter-spacing: .02em; */
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  margin-top: 10px;
  border: 0;
  color: #333;
  font-weight: 300;
}
.ex-saving{padding-top:40px; padding-bottom: 40px;}
.mt-40 {
  margin-top: 40px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.retail-card ul {
  margin-left: 20px;
}
.items-container {
  padding: 0 10%;
}

/*humbarg Menu*/
.right-content{position: relative}
.right-content .menubar {
  width: 35px;
  height: 21px;
  margin: 18px 0 20px 10px;
  margin-bottom: 10px;
  cursor: pointer;
  position: absolute;
  left: -100px;
  top: -29px;
}
.bar {
  height: 4px;
  width: 100%;
  background-color: #0674bd;
  display: block;
  border-radius: 0px;
  transition: 0.3s ease;
}

#bar1 {
  transform: translateY(-4px);
}

#bar3 {
  transform: translateY(4px);
}
.rd-navbar-panel{ width: 100%}
.rd-navbar-brand {
  max-width: 185px;
  margin: 0 auto;
}

.tmc{ position: relative}
.tmc ul{ margin-left: 20px;}
.tmc ul li {
  list-style: square;
  /* color: aliceblue; */
  font-size: 13px;
}
.tmc {
  color: #fff !important;
}
@media(max-width:768px) {
  .maibanner {
    position: relative;
    padding-top: 50px;
  }
  .items-container {
    padding: 0 0%;
  }
  .items .item {
    padding: 5px;
    width: 50%;
  }
  .items-container .p15 {
    padding: 5px !important;
  }
  .retail-card .text-section {
    padding: 10px 10px;
  }
  .rd-navbar-wrap {
    height: auto !important;
  }
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .rd-navbar-brand {
    max-width: 100%;
    margin: 0 auto;
    margin-left: 10px !important;
  }



  .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a {
    background: transparent;
    color: #fff;
  }

  .modal-dialog {
    width: 95%;
    max-width: 95%;
  }

  .rd-navbar-fixed .rd-navbar-brand .brack-main-logoalo img {
    max-width: 72px;
    height: auto;
  }
  .navbar-brand.brack-main-logoalo > img {
    display: block;
    height: 41px !important;
  }
  .viewdesktop{display:none}
  .viewmobile{ display:block}
  .maibanner > .bannershell{display:none}
  .navbar-brand {
    height: auto;
  }
  .swiper-slide-caption > .section-lg {
    padding-top: 0px;
    position: absolute;
    bottom: -31px;
    left: 0;
  }

  .rd-navbar-fixed .rd-navbar-brand .brack-main-logo img {
    max-width: 100px;
    height: auto;
  }
  .rd-navbar-fixed .rd-navbar-brand .amex-amex img {
    max-width: 85px;
    height: auto;
    margin-top: 7px;
    padding-left: 5px;
  }
  .brand {
    max-width: 100%;
  }

  .main-logo {
    width: 80px;
    position: absolute;
    right: 10px;
    top: -10px;
  }
  .brand a.main-logo {
    font-size: 14px;
    font-weight: 500;
    color: #0171bb;
    text-align: center;
  }
  .brack-main-logo {
    max-width: 120px;
    margin-top: 5px;
  }
  .amex-amex{max-width:100px}
  .offerbtn-primary {
    color: #000;
    font-size: 11px;
  }
  .offerbtn-primary .fa-2x {
    font-size: 1em;
  }

  .rd-navbar-fixed .rd-navbar-panel::before {
    background-image: linear-gradient(100deg, #ffffff 15%, #fff 50%, #ffffff 90%);
  }
  .mb-displaynone{ display:none  !important;}
  .desktop-displaynone{ display:block  !important;}
  .section.section-full-width .shell{
    display:none;
    float: none;
    max-width: 140px;
    margin: 0 auto;
    padding-left:0;
    padding-right:0;
  }
  .valetinelogo {
    position: absolute;
    top: -39px;
    left: -37px;
    z-index: 99;
    width: 141px;
  }
  .swiper-container {
    height: calc(100vh - 100px);

  }

  .swiper-modern .swiper-container {
    min-height: 280px;
    max-height: 280px;
  }
  .section-0 {
    padding-bottom:0px !important;
  }
  .about-out23 {
    margin-bottom: 0px;
  }


  .about-out2-item-inner3 {
    max-width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
  }
  .about-out2-item-inner3 img{
    max-width: 90%;
  }
  .about-out2-item-inner3 h4 .btn {
    font-size: 10px;
    line-height: 1.2;
  }

  .about-out2-item-inner3 h4 {
    font-size: 14px;
    border: 1px solid #fff;
    margin: 0 5px;
    padding: 7px 0px;
    margin-top: 20px;
  }
  .light-innerpattern {
    padding-top: 30px;
  }
  .button {
    min-width: 100px;
    min-height: 28px;
    line-height:30px;
  }
  .offerbtn-primary {
    padding: 0px 10px 0px 10px;
  }

  .swiper-slide {
    position: relative;
    background-position:0px top;
  }

  .rd-navbar-fixed .rd-navbar-brand {
    overflow: inherit; width:95%;
  }
  .ex-saving span.btnoffers {
    background: -webkit-gradient(linear, left top, right top, from(rgba(254, 226, 164, 0)), color-stop(53%, #dca273), to(rgba(254, 226, 164, 0)));
    background: linear-gradient(to right, rgb(236, 236, 236) 0%, #fff 53%, rgb(236, 236, 236) 100%);
    width: 90%;
    background: none !important;
    overflow: hidden;
    color: white;
    white-space: normal!important;
    line-height: 1.5 !important;
  }

  .ex-saving a:hover span.btnoffers{background: -webkit-gradient(linear, left top, right top, from(rgba(254, 226, 164, 0)), color-stop(0%, #000), to(rgba(254, 226, 164, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000 0%, rgba(254, 226, 164, 0) 100%);}
    
}

@media(max-width:375px) {
  .swiper-modern .swiper-container {
    min-height: 250px;
    max-height: 250px;
  }

}

@media(max-width:320px) {
  .swiper-modern .swiper-container {
    min-height: 200px;
    max-height: 200px;
  }

}