:root {
  --store_btn_colour: #003468;
  --store_btn_hover_colour: #68bdd8;
  --store_btn_txt_colour: #FFFFFF;
}

@font-face {
  font-family: 'MuseoSans';
  src: url('../fonts/museo_sans/MuseoSans-100.otf') format('truetype');
}
@font-face {
  font-family: 'MuseoSans_Bold';
  src: url('../fonts/museo_sans/MuseoSans-300.otf') format('truetype');
}

@font-face {
  font-family: 'MuseoSans_Bolder';
  src: url('../fonts/museo_sans/MuseoSans-500.otf') format('truetype');
}

.customicon-wishlist:before {
  content: "\e900";
}

.customicon2-donation:before {
  content: "\e901";
}

body {
  font-family: 'MuseoSans', sans-serif;
  background: #ffffff;
  font-size: 16px;
  color: #111111;
  line-height: 1.5;
}



.text-center {
  text-align: center !important;
}

.cate-bnr-sngle{
  display: block;
  overflow: hidden;
  position: relative;
  cursor:pointer;
}
.cate-content {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  padding-top: 0px;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:1;
  transition:all 0.3s linear 0s;
   padding-top: 25%;
}
.cate-bnr-sngle:hover .cate-content {
  opacity: 1;
}
.cate-content h6 {
  color: #fff;
  font-size: 20px;
  margin: 0 0 20px;
  transition: all 0.3s linear 0s;
  line-height: 25px;
  height: 50px;
}
.cate-content p {
  color: #fff;
  font-size: 16px;
  margin: 0 0 20px;
  transition: all 0.3s linear 0s;
  width: 270px;
  margin: 0 auto 15px;
  }
.cate-content > a {
  color: #fff;
  display: inline-block;
  font-family: Aileron;
/*  font-weight: 700;*/
  padding: 10px 20px;
  text-transform: uppercase;
  transition:.3s;
  font-size:15px;
}

.about-us-content h2 {
  font-size: 24px;
  margin: 0 0 30px;
  text-transform: uppercase;
}
.about-us-content p {
  line-height: 32px;
  margin-bottom: 30px;
}
/* ============= 3. Section Titel Css ============= */
.section-titel {
  position:relative;
  display:block;
}
.section-titel > h3 {
  margin: 0;
  font-weight:700;
  padding: 15px;
  /* padding: 20px; */
}
.section-titel::after {
  background: #DF744A none repeat scroll 0 0;
  bottom: -15px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 440px;
}
.section-titel::before {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #e9ebee;
  background-image: url("../img/icon/section.png");
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: no-repeat;
  bottom: -36px;
  color: #595959;
  content: "";
  font-size: 16px;
  font-weight: 700;
  height: 30px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 30px;
  z-index: 999;
}
.section-titel.style-two::after {
  background: #8bc34a none repeat scroll 0 0;
}
.section-titel.style-two::before {
  background-color: #fff;
}

/* ============= 4. Deal For Month ============= */
.deal-month-right {
  border-radius: 9px;
  margin-left: 125px;
  padding: 40px;
}
.cdown{
  display:inline-block;
  color: #444444;
  text-align: center;
  margin-top:10px;
  position: relative;
  width:60px;
  height:60px;
  font-family:MuseoSans;
  font-size:20px;
  font-weight:600;
  text-transform:capitalize;
  background:none;
}
.cdown.days > p, .cdown.hour > p, .cdown.minutes p, .cdown.second p{
  font-size:14px;
  font-weight:600;
  color: #444444;
  margin:0 0 5px;
}
.time-count{}
.cdown.days, .cdown.hour, .cdown.minutes, .cdown.second{margin-left:12px;margin-right:12px;}
.main-content > h2 {
  color: #444444;
  font-size: 36px;
  font-weight: 300;
  margin: 30px 0;
}
.main-content h4 {
  font-weight: 600;
  margin: 0;
}
.main-content > p {
  margin: 32px 0 37px;
}
.deal-btn > a {
  background: #8bc34a none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  transition:.3s;
}
.deal-btn > a:hover{background:#444444;}
.deal-btn span a {
  color: #8bc34a;
  margin-top: 9px;
  text-transform: uppercase;
  display: block;
}
.deal-btn span a:hover{color:#444444;}

/* ============= 5. This Month Top Sale ============= */
.product-details > h4 {
  margin: 0 0 5px;
}
.sec-bg .product-details > h4 a{
  color: #444;
  }
.sec-bg .new-price {
    color: #444;
}
.rating-box {
    color: #444;
}
.product-details > h4 a{
  color: #262626;
  font-family: spartan;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.product-details > h4 a:hover{color:#56b7ff;}

.product-details h4 span {
  color: #999999;
  float: right;
  font-family: Aileron;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 5px;
}
.rating-box i {
  color: #8bc34a;
  font-size: 10px;
}
.price-box {
  margin-top: 5px;
}
.old-price,.new-price {
  color: #999999;
  font-family: Aileron;
  font-size: 17px;
  font-weight: 700;
}
.new-price {
  color: #262626;
}
.single-img,.single-product {
  display: block;
  overflow: hidden;
  position: relative;
  cursor:pointer;
}
.pro-level {
/*  background: #8bc34a none repeat scroll 0 0;*/
  color: #fff;
  left: 0;
  padding: 0px;
  position: absolute;
  top: 0;
  z-index: 999;
  right:0px;
}
.hover-content {
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:0;
  transition:.4s;
  transform: scale(2);
}
.single-product:hover .hover-content {
  opacity: 1;
  transform: scale(1);
}
.single-img img {
  backface-visibility: hidden;
  transition: opacity 1s ease 0s, transform 1s ease 0s;
}
.single-product:hover .single-img img {
  transform: scale3d(1.2, 1.2, 2);
}
.hover-content ul {
  margin: 65px auto;
  opacity: 0;
  text-align: center;
  transform: translatex(-65px);
  transition: all 0.4s ease 0s;
  width: 20px;
}

.single-product:hover .hover-content ul {
  opacity: 1;
  transform: translatex(0px);
  width: 100%;
}

.single-product:hover .hover-content ul li {
  width: 100%;
}

.hover-content ul li a {
  background: transparent none repeat scroll 0 0;
  /*border-radius: 100%;*/
  color: #fff;
  font-size: 12px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  transition: all 0.4s ease 0s;
  /*width: 35px;*/
  display:block;
}

.hover-content ul li a:hover {
  background: #ffce00 none repeat scroll 0 0;
}

/* Product Owl Theme */
.top-sale-month-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  right: 25px;
  top: -130px;
}
.top-sale-month-area .owl-theme .owl-nav [class*="owl-"] {
  background: transparent none repeat scroll 0 0;
  border-radius: 3px;
  color: #8bc34a;
  cursor: pointer;
  font-size: 39.84pt;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
  transition:.3s;
}
.top-sale-month-area .owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: #444444;
  text-decoration: none;
}

/* ============= 6. Adds Area ============= */

.adds-area .container-fluid {
  width: 95%;
}

.adds-area .container-fluid,.instragam-area .container-fluid {
  display: block;
  overflow: hidden;
  padding: 0;
}

.single-adds,.middle-single{
  position:relative;
  display:block;
  overflow:hidden;
}

.middle-single {
  width: 100%;
}

.adds-content,
.middle-content {
  /*left: 50px;*/
  position: absolute;
  top: 42px;
  width: 95%;
  z-index:1000;
  opacity:0;
  transition:.4s;
  visibility:hidden;
}

.single-adds:hover .adds-content{opacity:1;visibility:visible;}
.middle-single:hover .middle-content{opacity:1;visibility:visible;}
.adds-content > h3 {
  color: #444444;
  font-family: spartan;
  font-size: 15px;
  font-weight: 700;
  line-height: 33px;
  margin-left: 10px;
}

.single-adds:hover .adds-content > h3{color:#fff;}
.adds-content h2 {
  color: #8DC63F;
  font-family: spartan;
  font-size: 40px;
  font-weight: 700;
  margin: 0 0 70px;
  margin-left: 10px;
}

.middle-content.adds-content h2 {
  margin-bottom: 30px;
}
.single-adds:hover,
.middle-single:hover {  
    padding:10px;
}
.adds-content > a {

  color: #fff;
  font-weight: 700;
  padding: 10px 45px 10px 30px;
  transition:.4s;
  margin-left: 10px;
}


.offer-box {
  background: #f6f6f6  none repeat scroll 0 0;
  border-radius: 100%;
  display: block;
  height: 200px;
  margin: 60px auto 0;
  overflow: hidden;
  padding: 52px 0;
  width: 200px;
}

.offer-box h3 {
  color: #8bc34a;
  font-size: 44pt;
  font-weight: 700;
  line-height: 55px;
  margin: 0;
  font-family: Aileron;
}

.offer-box small,
.offer-box span {
  font-size: 26pt;
  color: #8DC63F;
  font-weight: 700;
  text-transform:lowercase;
}

.offer-box small {
  font-size: 19pt;
}

.adds-middle {
  display: block;
/*  float: left;*/
  overflow: hidden;
}

.middle-content > h1 {
  color: #444444;
  font-size: 40pt;
  font-weight: 700;
  margin: 0 0 25px;
  text-transform: uppercase;
  font-family: Aileron;
}

.middle-single:hover .middle-content > h1,.middle-single:hover .middle-content > h3{color:#fff;}
.middle-content > h2 {
  color: #8DC63F;
  font-family: spartan;
  font-size: 40px;
  font-weight: 700;
  margin-left: 10px;
}

.middle-content > h3 {
  color: #444444;
  display: block;
  font-family: spartan;
  font-size: 15px;
  font-weight: 700;
  line-height: 33px;
  overflow: hidden;
  text-transform: uppercase;
  margin-left: 10px;
}

.adds-content a span {
  font-size: 20px;
  line-height: 15px;
  margin-left: 5px;
  margin-top: 0;
  position: absolute;
  transition:.3s;
}

.adds-content a:hover span {
  margin-left: 2px;
}

.single-adds,.middle-single {
  display: block;
  position: relative;
  transition: all 0.3s ease 0s;
}

.single-adds::before,
.middle-single::before {
  background-color: rgba(0,0,0,.4);
  bottom: 15px;
  content: "";
  left: 0px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transition: all 0.3s ease 0s;
  transform:scale(0);
}

.single-adds:hover::before,.middle-single:hover::before {
  opacity: 1;
    transform: scale(1);
    border: 5px solid #91cfff;
}

.single-adds {
  min-height: 800px;
  /*min-width: 615px;*/
  width: 100%;
  /*text-align: center;*/
}

.middle-single {
  min-height: 394px;
  /*min-width: 630px;*/
}

.middle-single img,
.single-adds img {
  margin: auto;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: auto;
  /*left: 50px;*/
}

.single-adds img {
  position: absolute;
}

/* ============= 7. Product Tab ============= */
.tab-menu {
  display: block;
  margin-bottom: 86px;
  position: relative;
}
.tab-menu.section-titel::after {
  background: #fff none repeat scroll 0 0;
  bottom: -15px;
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 55px;
  width: 565px;
}
.tab-menu.section-titel.style-two::after {
  background: #8bc34a none repeat scroll 0 0;
}
.tab-menu ul li a {
  font-family: spartan;
  font-size: 15px;
  font-weight: 700;
  margin-right: 58px;
  transition:.3s;
  color:#444;
}
.tab-menu ul li.active a {
  color: #8bc34a;
}
.style-two .hover-content ul {
  left: 0;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 30%;
  transform: translateX(-65px);
  transition: all 0.4s ease 0s;
  width: 20px;
}
.style-two .hover-content {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

/* ============= 8. Newsletter ============= */
.newsletter-area .container-fluid {
  padding-left: 150px;
  padding-right: 150px;
}
.newsletter-content span {
  color: #8bc34a;
  float: left;
  font-size: 50pt;
  margin-right: 20px;
}
.text {
  display: block;
  overflow: hidden;
  padding-top: 12px;
}
.newsletter-content .text h3 {
  font-weight: 700;
  margin: 0 0 5px;
}
.newsletter-content .text p {
  margin: 0;
}
.subcribe-newsletter {
  padding-top: 17px;
}
.subcribe-newsletter input {
  background: #fff none repeat scroll 0 0;
  border: 0 solid #eceff8;
  box-shadow: none;
  color: #444444;
  font-size: 12px;
  font-weight: normal;
  height: 60px;
  padding-left: 30px;
  position: relative;
  width: 100%;
}
.subcribe-newsletter button {
  background: #8bc34a none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-weight: 700;
  height: 60px;
  position: absolute;
  right: 16px;
  text-transform: capitalize;
  width: 249px;
  top:17px;
}
.subcribe-newsletter button:hover{background:#444444;}
/* Mail Chimp */
.mailchimp-submitting{color:#31708f}
.mailchimp-success{color:#3c763d;}
.mailchimp-error{color:#a94442;}

/* ============= 9. Instragram Feed ============= */
.instragam-area .col-md-3 {
  padding-left: 0;
  padding-right: 0;
}
.instragam-single a img{
  width: 100%;
}
.instragam-main a{
  display: block;
  position: relative;
}
.instragam-content {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  height: 100%;
  padding-top: 108px;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:0;
  transition:.4s;
}
.instragam-single:hover .instragam-content{opacity:1;}
.instragam-content a i {
  display: block;
  font-size: 40px;
  overflow: hidden;
  color:#fff;
}
.instragam-content > span {
  color: #8bc34a;
  display: block;
  font-family: Aileron;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 20px;
}
.instragam-content > h3 {
  font-weight: 800;
  margin-bottom: 112px;
  color:#fff;
}
.instragam-content > a {
  color: #8bc34a;
  font-size: 14px;
}
.instragam-content > a:hover{color:#fff;}
.instragam-content a i:hover{color:#8bc34a;}

/* ============= 10. Blog Area ============= */
.blog-left-single > img{
  float: left;
}
.blog-content {
  background: #e9ebee none repeat scroll 0 0;
  display: block;
  overflow: hidden;
  padding: 30px 15px 35px 15px
}
.date-athr span {
  color: #8bc34a;
  float: left;
  font-size: 18px;
  margin-right: 10px;
}
.date-athr > h6 {
    display: block;
    font-family: Spartan;
    font-weight: normal;
    overflow: hidden;
    padding-top: 4px;
    font-size: 13px;
    color:#444444;
    
    
}
.blog-content-text > h4 {
  color: #444444;
  font-family: Aileron;
  font-size: 20px;
  font-weight: 700;
}
.blog-content-text > a {
  color: #8bc34a;
  font-size: 14px;
  text-transform: uppercase;
  font-weight:700;
  transition:.4s;
}
.blog-content-text > a:hover{color:#444444;}
.blog-content-text > a span {
  margin-left: 10px;
  transition:.4s;
}
.blog-content-text > a:hover span{margin-left: 5px;}
span.date {
  color: #444444;
  display: block;
  font-size: 15px;
  margin: 5px 0 12px;
  overflow: hidden;
  width: 100%;
  font-weight: bold;
}
.blog-content-text > h4 {
  color: #444444;
  font-family: Aileron;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 18px;
}
.blog-content-text > p {
  margin: 0 0 52px;
}
/* .blog-left-single,.blog-right-single{
  display: block;
  overflow: hidden;
  position: relative;
}
.blog-left-single::after,.blog-right-single::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0%;
  width: 100%;
  opacity:0;
  transition:.5s;
  visibility:hidden;
}
.blog-left-single:hover::after,.blog-right-single:hover::after{opacity:1;visibility:visible;}
.blog-left-single > a,.blog-right-single > a {
  position: absolute;
  background: #8bc34a none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  font-size: 40px;
  height: 80px;
  left: 0;
  line-height: 80px;
  margin: 0 auto;
  right: 0;
  text-align: center;
  top: 0;
  width: 80px;
  z-index: 999;
  opacity:0;
  transition:.3s;
  visibility:hidden;
}
.blog-right-single > a {top: 0;}
.blog-left-single:hover a,.blog-right-single:hover a{opacity:1;visibility:visible;top:39%;}
.blog-right-single:hover a{top:45%;}*/
.blog-social-icon ul li a {
  background: #8bc34a none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  margin-right: 15px;
  text-align: center;
  width: 30px;
  transition:.4s;
} 
.blog-social-icon ul li a:hover{background:#444444;}
.blg-img {
  display: block;
float: left;
overflow: hidden;
position: relative;
max-width: 270px;
max-height: 270px;
text-align: center;
width: 270px;
height: 270px;
}
/*
.blg-img::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:0;
  visibility:hidden;
}
.blog-left-single:hover .blg-img::after,.blog-right-single:hover .blg-img::after{opacity:1;visibility:visible;}
.blg-img > a {
  background: #8bc34a none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  font-size: 36px;
  height: 80px;
  left: 0;
  line-height: 80px;
  margin: 0 auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 80px;
  z-index: 999;
}
.blg-img > a:hover{background: #444444 none repeat scroll 0 0;}
.blog-left-single:hover .blg-img > a,.blog-right-single:hover .blg-img > a{opacity:1;visibility:visible;top:38%;}
.blog-social-icon {
  padding: 28px 0;
}
.blog-right-single .blog-content-text > p {
  margin: 0px;
}
*/
/* ============= 11. Service Area ============= */
.service-top > h6 {
  color: #8bc34a;
  font-family: Aileron;
  font-size: 12pt;
  font-weight: normal;
  margin: 0 0 25px;
}
.service-top > h4 {
  font-family: Aileron;
  font-size: 20pt;
  font-weight: 700;
  margin: 0;
}
.single-service span {
  color: #8bc34a;
  display: block;
  font-size: 30pt;
  margin-bottom: 35px;
}
.single-service h4 {
  color: #777;
  font-family: Aileron;
  font-size: 20pt;
  font-weight: 600;
  margin: 0 0 20px;
}
.single-service p {
  margin: 0;
}
.single-service.middle-border {
  display: block;
  position: relative;
}
.single-service.middle-border::after {
  background: #8bc34a none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 130px;
  left: -18px;
  position: absolute;
  right: 0;
  width: 1px;
}
.single-service.middle-border::before {
  background: #8bc34a none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 130px;
  position: absolute;
  right: -11px;
  width: 1px;
}

/* ============= 12. Client Area ============= */
.client-area .owl-carousel .owl-item img {
  display: inline-block;
  transform-style: preserve-3d;
  width: auto;
}
.client-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 45%;
  width: 100%;
}

.client-area .owl-theme .owl-nav [class*="owl-"] {
  background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #8DC63F;
    cursor: pointer;
    display: inline-block;
    font-size: 40pt;
    height: 50px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    width: 50px;
    transition: .4s;
}
.client-area .owl-theme .owl-nav [class*="owl-"]:hover{
  background: #8DC63F none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
  }
.client-area .owl-prev {
  left: 70px;
  position: absolute;
}
.client-area .owl-next {
  position: absolute;
  right: 70px;
}
.client-slider-single {
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 50px 0 56px;
}
.client-content h3 {
    color: #000;
    font-family: spartan;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 8px;
    margin-top: 35px;
    text-transform: uppercase;
}
.client-content h5 {
  color: #000;
  font-family: Ludicrous;
  font-size: 22px;
  font-style: italic;
  font-weight: normal;
  margin: 0 auto 20px;
  position: relative;
  text-align: center;
  width: 34%;
}
.client-content h5::after {
  background: #fff none repeat scroll 0 0;
  top: 12px;
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  width: 100px;
}
.client-content h5::before {
  background: #fff none repeat scroll 0 0;
  top: 12px;
  content: "";
  height: 1px;
  position: absolute;
  right: 0px;
  width: 100px;
}
.sin-text > p {
  color: #444444;
  font-size: 12pt;
  font-weight: 400;
  margin: 0 auto;
  text-align: center;
  width: 600px;
  margin-bottom: 0;
}

/* ============= 13. Testimonail Area ============= */
.testimonial-area .owl-theme .owl-nav [class*="owl-"] {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #8bc34a;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}
.testimonial-area .owl-theme .owl-nav i{line-height:48px;}
.testimonial-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:27%;
  transition:.4s;
}
.testimonial-area .owl-prev {
  left: -66px;
  position: absolute;
}
.testimonial-area .owl-next {
  position: absolute;
  right: -66px;
}
.testimonial-area .owl-theme .owl-nav [class*="owl-"]:hover {
  background: #8bc34a none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}
/* ============= 14. On Sale Product ============= */
.on-sale-heading > h3 {
  color: #666666;
  font-family: Aileron;
  font-size: 20pt;
  font-weight: 700;
  margin: 0 0 45px;
  text-transform:uppercase;
}
.onsale-img {
  display: block;
  float: left;
  margin-right: 20px;
}
.onsale-single,.onsale-content {
  display: block;
  overflow: hidden;
}
.onsale-content > span {
  color: #666666;
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.onsale-content > h6 {
  font-family: Aileron;
  font-size: 12pt;
  font-weight: 700;
  margin-bottom: 6px;
}
.onsale-content .old-price {
  color: #999999;
  font-family: Aileron;
  font-size: 17px;
  font-weight: 700;
  margin-right: 25px;
}

/* ============= 15. Fotter Area ============= */
.address-area > p {
  font-size: 12pt;
}
.address-area > a {
  color: #8bc34a;
  display: inline-block;
  font-size: 20pt;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 40px;
  text-transform: uppercase;
}
.contact-social ul li a {
  display: block;
  font-size: 15pt;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  text-align: center;
  width: 40px;
  transition:.4s;
}
/*.contact-social ul li a:hover{background:#ffce00;color:#fff;} */
.footer-menu > h4 {
  color: #444444;
  font-family: "Exo 2",sans-serif;
  font-size: 16pt;
  font-weight: 600;
  line-height: 18px;
  margin: 0 0 28px;
}
.footer-menu li {
  display: block;
}
.footer-menu ul li a {
  color: #000;
  display: block;
  font-size: 16px;
  overflow: hidden;
  padding: 8px 0;
  transition: .3s;
}
.footer-menu ul li:last-child a{
  padding:0;
  padding-top:8px;
}
.footer-menu ul li:last-child {
  border-bottom: 0 none;
}
.contact-details ul li {
  border: medium none;
}
.contact-details ul li span {
  color: #8bc34a;
  float: left;
  font-size: 15pt;
  margin-right: 12px;
}
.contact-details p {
  color: #333;
  font-size: 12pt;
}
.footer-bottom-area{
  background: #4c4c4c;
}
.footer-bottom-area p {
  color: #fff;
  font-size: 11pt;
  margin-bottom: 0;
  padding: 17px 0;
}
.footer-bottom-area p a{
  color:#8bc34a;
}
.footer-bottom-area p a:hover{
  color:#fff;
}
.footer-bottom-area img {
  float: right;
  padding: 15px 0;
}

/* ============= 16. Banner Area ============= */
.banner-content h1 {
  font-family: "Lobster Two",cursive;
  font-size: 60pt;
  margin-bottom: 50px;
}
.banner-content ul li {
  font-family: Aileron;
  font-size: 14pt;
  text-transform: uppercase;
}
.banner-content ul li a {
  color: #fff;
}
.banner-content ul li a span {
  font-size: 18pt;
  height: 0;
  line-height: 0;
  margin-top: 8px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  width: 0;
}

/* ============= 17. Shop Grid Page ============= */
.shop-tab-pill {
  display: block;
  overflow: hidden;
  padding-bottom: 15px;
  padding-top: 15px;
}
.shop-tab-pill ul {
  display: inline-block;
}
.shop-tab-pill ul li a {
  font-size: 18pt;
}
.shop-tab-pill ul li.active a {
  color:#8bc34a;
}
.shop-tab-pill .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: transparent;
  color: #8bc34a;
}
.shop-tab-pill .nav > li > a:focus, .nav > li > a:hover {
  background-color: transparent;
  text-decoration: none;
}
.shop-tab-pill .nav > li > a {
  display: block;
  padding: 0 12px 0 0;
  position: relative;
}
.nav-menu-grid {
  float: left;
  width: 15%;
}
.sorting {
  float: left;
  width: 25%;
}
.show-more {
  float: left;
  width: 60%;
}
.show-more h6 {
  color: #212121;
  display: inline-block;
  font-family: Aileron;
  font-size: 14pt;
  margin: 0 50px 0 0;
  text-transform: capitalize;
}
.show-more ul li.shw {
  color: #212121;
  font-size: 14pt;
  font-weight: normal;
  margin: 0 15px 0 0;
}
.show-more ul li.active a,.page-pagination ul li.active a{color:#8bc34a;border-bottom:1px solid #8bc34a;}
.show-more ul li a {
  color: #212121;
  font-family: Aileron;
  font-size: 14pt;
  font-weight: normal;
  margin-right: 15px;
}
.sorting a {
  border: 1px solid #dddddd;
  color: #282828;
  font-family: Aileron;
  font-size: 14pt;
  font-weight: normal;
  padding: 7px 59px 7px 30px;
  text-transform: capitalize;
}
.sorting a span {
  color: #8bc34a;
  font-size: 18pt;
  margin-left: 15px;
  position: absolute;
}
.page-pagination ul li a {
  color: #262626;
  font-size: 14pt;
  margin-right: 15px;
}
.blog-img {
  display: block;
  float: left;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
}
.blog-img::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity:0;
  visibility:hidden;
  transition: all 0.5s ease 0s;
}
.blog-single:hover .blog-img::after{opacity:1;visibility:visible;}
.blog-img > a {
  background: #8bc34a none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  font-size: 40px;
  height: 80px;
  left: 0;
  line-height: 80px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 80px;
  z-index: 999;
  opacity:0;
  visibility:hidden;
}
.blog-single:hover .blog-img a{opacity:1;visibility:visible;top: 39%;}
.product-info,.product-contnt,.blog-single{display:block;overflow:hidden;}
.product-info {
  margin-bottom: 26px;
}
.pro-social-cart {
  display: block;
  margin-top: 25px;
  overflow: hidden;
}
.pro-titel,.pro-social-cart ul {
  float: left;
}
.pro-rate,.pro-cart {
  float: right;
}
.pro-titel > span {
  color: #999999;
  display: block;
  font-size: 12pt;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.pro-titel > h4 {
  color: #444444;
  font-family: Aileron;
  font-size: 20pt;
  font-weight: 600;
  margin: 0;
}
.pro-text{display:block;overflow:hidden;}
.pro-social-cart ul li a {
  color: #8bc34a;
  font-size: 18pt;
  margin-right: 20px;
  transition:.3s;
}
.pro-social-cart ul li a:hover{color:#444444;}
.pro-social-cart ul li:last-child a {
  margin-right: 0;
}
.pro-cart > a {
  font-size: 14pt;
  text-transform: uppercase;
  font-weight: 700;
  color: #8bc34a;
  transition:.3s;
}
.pro-cart > a:hover{color:#444444;}
/* Right Side */
.product-filter > h6 {
  color: #282828;
  font-family: Aileron;
  font-weight: 700;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
  font-size: 14pt;
}
.product-filter > h6::after {
  background: #8bc34a none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 35px;
}
.category h4 {
  color: #282828;
  font-family: Aileron;
  font-size: 14pt;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.category-list ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.category-list ul li {
  border-bottom: 1px solid #bbbbbb;
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: 30px;
}
.category-list ul li a {
  color: #777;
  display: block;
  font-size: 14px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
.category-list ul li a:hover,.category-list ul li a:hover i{color:#8bc34a;}
.category-list ul li a i {
  color: #999999;
  font-size: 12pt;
  margin-right: 10px;
  transition:.3s;
}
.category-list ul li a span {
  background: #f0f1f4 none repeat scroll 0 0;
  border-radius: 13px;
  float: right;
  font-size: 12pt;
  height: 28px;
  line-height: 26px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 40px;
}
.category-list ul li a:hover span{background:#8bc34a;color:#fff;}
.category-list li:last-child {
  border-bottom: 0 none;
  padding-bottom: 0;
}
/* Color Widget */
ul.color-widget li {
  border-radius: 20px;
  display: inline-block;
  height: 20px;
  margin-right: 35px;
  width: 20px;
}
ul.color-widget li.active {
  border: 1px solid #b7b7b7;
}
.color_spans a span {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e2e2e2;
  display: inline-block;
  height: 15px;
  transition: all 0.3s ease 0s;
  width: 15px;
}
ul.color-widget li:last-child {
  margin: 0;
}
ul.color-widget li.white{
    background-color: #ffffff;
}
ul.color-widget li.orange{
    background: #FBAF5D;
}
ul.color-widget li.green{
    background: #00A651;
}
ul.color-widget li.blue{
    background: #00AEEF;
}
ul.color-widget li.pink{
    background: #EC008C;
}
/* Size Widget */
ul.size-widget li a {
  border: 1px solid #ddd;
  border-radius: 20px;
  display: block;
  height: 25px;
  line-height: 22px;
  margin-right: 4px;
  text-align: center;
  width: 45px;
}
ul.size-widget li:last-child a {
  margin-right: 0;
}
/* Price Filter Slider */
.price-filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
  background: #8bc34a none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  height: 10px;
  margin-bottom: 30px;
  margin-left: auto;
}
.price-filter .ui-slider-handle.ui-state-default.ui-corner-all {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #8bc34a;
  border-radius: 50%;
  height: 20px;
  margin-top: -2px;
  width: 20px;
}
.price-filter .ui-slider-range {
  background: #8bc34a;
}
.price-slider-amount {
  display: block;
  overflow: hidden;
}
.price-slider-amount > input[type="text"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: right;
  font-weight: 700;
  height: 40px;
  letter-spacing: 3px;
  margin-left: 28px;
  text-align: center;
  width: 130px;
}
.price-slider-amount > input[type="submit"] {
  background: #8bc34a none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  float: left;
  font-weight: bold;
  height: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all 400ms ease-out 0s;
  width: 85px;
}
.price-slider-amount > input[type=submit]:hover {
  background: #000;
  color:fff;
}
/* Arrival Product Content */
.new-arrival-single {
  display: block;
  overflow: hidden;
}
.arrival-content {
  margin-left: 96px;
}
.new-arrival-single .old-price {
  margin-right: 20px;
}
.arrival-content > h6 {
  font-size: 14px;
  line-height:22px;
}
.single-recent-post {
  display: block;
  overflow: hidden;
}
.recent-post-thumbnail,.arrival-thumbnail {
  float: left;
  height: 80px;
  width: 80px;
}
.recent-post-thumbnail > img {
  border: 1px solid #f1f1f1;
  height: auto;
  width: 100%;
}
.recent-post .post-detail {
  margin-left: 95px;
}
.post-title > h5 {
  color: #606060;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.recent-post .post-date {
  color: #999999;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 0;
  margin-top: 10px;
}
.tag-list ul li a {
  border: 1px solid #ebebeb;
  color: #444444;
  display: block;
  font-family: Aileron;
  font-size: 14px;
  margin-bottom: 10px;
  margin-right: 5px;
  padding: 8px 15px;
}
.tag-list ul li a:hover {
  background: #ebebeb none repeat scroll 0 0;
}
.widget-newsletter input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  font-size: 12px;
  font-weight: 600;
  height: 40px;
}
.widget-newsletter button {
  background: #6bc513 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 35px;
  margin-top: 12px;
  padding: 0 35px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
}
/* ============= 18. Single Product Page ============= */
.breadcrumbs ul li a,.breadcrumbs ul li span {
  color: #999999;
  font-size: 14pt;
  font-weight: 700;
}
.breadcrumbs li.category3 span{color:#444444;}

/* Zooming Product Css */
.simpleLens-container{
  display: table;
  position: relative;
}
.simpleLens-big-image-container {
  text-align: center;
  position:relative;
}
.simpleLens-big-image {
  max-width: 100%;
}
.simpleLens-lens-image {
  text-align: center;
  margin:0;
  box-shadow:none;
}
.simpleLens-mouse-cursor{
  background-color:#CCC;
  opacity:0.2;
  filter: alpha(opacity = 20);
  position:absolute;
  top:0;
  left:0;
  border:1px solid #999;
  box-shadow:0 0 2px 2px #999;
  cursor:none;
}
.simpleLens-lens-element {
  background-color: #FFFFFF;
  box-shadow: 0 0 2px 2px #8E8E8E;
  height: 400px;
  left: 105%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 480px;
  z-index: 9999;
  text-align: center;
}
.simpleLens-lens-element img{
  position:relative;
  top:0;
  left:0;
  width:auto !important;
  max-width:none !important;
}
/* Pro Image Tab */
.pro-img-tab-content {
  margin-bottom: 30px;
}
.singlepro-left .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: 38px;
  width: 100%;
}
.singlepro-left .owl-theme .owl-nav [class*="owl-"] {
  background: #f6f6f6 none repeat scroll 0 0;
  border-radius: 0;
  color: #8bc34a;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 6px 2px;
}
.singlepro-left .owl-prev {
  left: 0;
  position: absolute;
}
.singlepro-left .owl-next {
  position: absolute;
  right: 0;
}
/* Single Product Right Content */
.singlepro-right {
  padding-left: 95px;
}

.modal-content .singlepro-right {
  padding-left: 0px;
}

.input-content label {
  float: left;
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px;
  padding: 8px 0 0;
}
.input-content .inc.qtybutton, .input-content .dec.qtybutton {
  background: #f6f6f6 none repeat scroll 0 0;
  cursor: pointer;
  float: left;
  font-size: 22px;
  height: 38px;
  line-height: 35px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 5%;
  margin: 7px 0px;
}
.cartbut {
  margin:7px 20px;
}
.input-content input.cart-plus-minus-box {
  -moz-appearance: textfield;
  background: #f6f6f6 none repeat scroll 0 0;
  border: medium none;
  color: #777;
  float: left;
  font-size: 14px;
  height: 38px;
  line-height: 14px;
  padding: 8px;
  transition: all 0.3s ease 0s;
  width: 15%;
  text-align: center;
  margin: 7px 0px;
}
.snglepro-content > span {
  color: #999999;
  font-size: 12pt;
}
.snglepro-content > h3 {
  color: #262626;
  font-size: 24px;
  font-weight: normal;
  margin: 0px 0px 10px;
}
.rating-box > span {
  color: #343434;
  font-size: 14pt;
  margin-left: 20px;
}
.prce-stock {
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  width: 100%;
  padding: 20px 0px;
  border:none;
}
.prce-stock > h4 {
  color: #222222;
  display: inline-block;
  float: left;
  font-size: 24pt;
  margin: 0;
}
.prce-stock h6 {
  color: #8bc34a;
  display: block;
  font-family: Aileron;
  font-size: 14pt;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 7px;
  overflow: hidden;
  padding-left: 20px;
}
.pro-info {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
}
.pro-info ul li {
  color: #666666;
  display: block;
  font-size: 14pt;
  margin-bottom: 8px;
  width: 40px;
  float: left;
}
p.pro-label {
    font-size: 20px;
    font-weight: bold;
}
.modal-content .pro-label{
    font-size: 16px;
    font-weight: bold;
}
.input-content label {
  color: #444444;
  float: left;
  font-size: 14pt;
  font-weight: normal;
  margin: 7px 20px 0 0;
}
.input-content {
  display: block;
  overflow: hidden;
}
.sngle-pro-socl ul li a {
  color: #8bc34a;
  font-size: 20pt;
  margin-right: 25px;
}
.sngle-pro-socl ul li a:hover{color:#303030;}
/* Product Discription */
.pro-disciptin {
  border-top: 1px solid #ddd;
}
.p-details-tab ul li a {
  color: #b5b5b5;
  display: block;
  font-size: 20pt;
  font-weight: 600;
  margin-right: 25px;
  padding: 25px 0;
  text-transform: uppercase;
}
.p-details-tab ul li.active a {
  border-top-color: #91cfff;
  border-top-style: solid;
  color: #91cfff;
}
#description > p,#cutomer > p{
  color: #666666;
  font-size: 14pt;
  line-height: 30px;
  margin: 0;
}
.product-details .tab-content p {
  line-height: 22px;
}
.review-left p {
  margin-bottom: 5px;
}
.product-details p {
  display: inline-block;
}
.review-left a {
  color: #444444;
}
.review-left p span {
  font-weight: 700;
}
.review-rating > p {
  font-size: 11px;
  text-transform: capitalize;
  width: 41px;
  display: inline-block;
  float: left;
  margin-bottom: 5px;
}
.review-right > h3 {
  color: #232323;
  font-size: 13px;
  font-weight: 400;
}
.review-right > h4 {
  color: #232323;
  font-size: 12px;
  font-weight: 500;
}
.p-details-table table {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #f2f2f2;
  width: 100%;
}
.p-details-table table thead th {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.p-details-table table th {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
.p-details-table table tr td {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
.p-details-table table td, .p-details-table table th {
  padding: 13px 9px;
}
.p-details-table table tbody th {
  font-size: 16px;
  font-weight: 400;
}
.product-tag-name .form-group label {
  display: block;
  overflow: hidden;
}
.form-top label {
  color: #666666;
  font-weight: normal;
  margin: 0 0 5px;
}
.product-details-area .form-control {
  border: 1px solid #e1e1e1;
  border-radius: 0;
  box-shadow: none;
  color: #666666;
  font-size: 12px;
  min-height: 25px;
  padding: 0 10px;
}
#tags .product-tag-name .form-top .form-control {
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
  width: 200px;
  height: 40px;
}
.product-tag-name .add-tag-btn {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e6e8e9;
  border-radius: 23px;
  color: #444444;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  padding: 6px 25px;
  text-transform: uppercase;
  transition: background 0.3s ease 0s, color 0.2s ease 0s;
}
.product-tag-name > p {
  font-size: 11px;
  margin: 0;
}
.review-rating {
  display: block;
  overflow: hidden;
  width: 100%;
}
.review-rating .rating i {
  color: #8bc34a;
}
.p-details-table table tr td input {
  height: auto;
}

/* ============= 19. CHECHOUT-PAGE  ============= */
.checkout-page .product_vmegamenu {
  display: none;
}
.breadcrumb > li {
  display: inline-block;
  font-size: 14px;
}
.coupon-area{}
.coupon-accordion{}
.coupon-accordion h3 {
  background-color: #f7f6f7;
  border-top: 3px solid #8bc34a;
  color: #515151;
  font-size: 14px;
  font-weight: 400;
  list-style: outside none none !important;
  margin: 0 0 2em !important;
  padding: 1em 2em 1em 3.5em !important;
  position: relative;
  width: auto;
}
.coupon-accordion h3::before {
  color: #1e85be;
  content: "\f114";
  display: inline-block;
  font-family: fontawesome;
  left: 1.5em;
  position: absolute;
  top: 1em;
}
.coupon-accordion span {
  cursor: pointer;color: #6f6f6f;
}
.coupon-accordion span:hover, p.lost-password a:hover {color: #8bc34a;}
.coupon-content {
  border: 1px solid #e5e5e5;
  display: none;
  margin-bottom: 30px;
  padding: 20px;
}
.coupon-info{}
.coupon-info p.coupon-text{margin-bottom:15px}
.coupon-info p{margin-bottom:0}
.coupon-info p.form-row-first{}
.coupon-info p.form-row-first label,.coupon-info p.form-row-last label{display: block;}
.coupon-info p.form-row-first label span.required,.coupon-info p.form-row-last label span.required{
  color: red;
  font-weight: 700;
}
.coupon-info p.form-row-first input,.coupon-info p.form-row-last input{
  border: 1px solid #e5e5e5;
  height: 36px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 370px;
  background:#fff;
}
.coupon-info p.form-row-last{}
.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
  background: #8bc34a none repeat scroll 0 0;
}
.coupon-info p.form-row input[type="checkbox"] {
  height: inherit;
  position: relative;
  top: 2px;
  width: inherit;
}
.form-row > label {margin-top: 7px;}
.form-controller {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ddd;
}
p.lost-password{margin-top: 15px;}
p.lost-password a{color: #6f6f6f;}
p.checkout-coupon{}
p.checkout-coupon input[type=text]{
  height: 36px;
  padding-left: 10px;
  width: 170px;
}
p.checkout-coupon input[type="submit"] {
  background: #333 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #fff;
  height: 36px;
  margin-left: 6px;
  padding: 5px 10px;
  transition: all 0.3s ease 0s;
  width: inherit;
}
.coupon-checkout-content {
  margin-bottom: 30px;
  display:none;
}
.checkout-area {
  margin-bottom: 30px;
}
.checkbox-form{}
.checkbox-form h3 {
  border-bottom: 1px solid #e5e5e5;
  color: #444444;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
.country-select{margin-bottom: 30px;position: relative;}
.country-select label,.checkout-form-list label{
  color: #333;
  font-family: MuseoSans,Arial,Helvetica,sans-serif;
  margin: 0 0 5px;
  display:block
}
.country-select label span.required,.checkout-form-list label span.required{color:red}
.country-select select {
  -moz-appearance: none;
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  height: 42px;
  padding-left: 10px;
  width: 100%;
}
.country-select::before {
  content: "\f107 ";
  display: inline-block;
  font-family: fontawesome;
  font-size: 20px;
  position: absolute;
  right: 12px;
  top: 34px;
}
.checkout-form-list{margin-bottom: 30px;}
.checkout-form-list label{color: #333;}
.checkout-form-list label span.required{}
.checkout-form-list input[type=text],.checkout-form-list input[type=password],.checkout-form-list input[type=email]{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 42px;
  width: 100%;
  padding: 0 0 0 10px;
}
.checkout-form-list{}
.checkout-form-list input[type="checkbox"] {
  display: inline-block;
  height: inherit;
  margin-right: 10px;
  position: relative;
  top: 2px;
  width: inherit;
}
.ship-different-title input {
  height: inherit;
  line-height: normal;
  margin: 4px 0 0;
  position: relative;
  top: 1px;
  width: 30px;
}
.create-acc label {
  color: #333;
  display: inline-block;
}
.checkout-form-list input[type=password]{}
.create-account{display:none}
.ship-different-title{}
.ship-different-title h3 label{display: inline-block;margin-right: 20px;}
.ship-different-title input{}
.order-notes{}
.order-notes textarea{
  height: 90px;
  padding: 15px;
  width:100%
}
#ship-box-info{display:none}
.your-order{background: #f2f2f2 none repeat scroll 0 0;padding: 30px 40px 45px;}
.your-order h3 {
  border-bottom: 1px solid #d8d8d8;
  color: #444444;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
.your-order-table table{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  width: 100%;
}
.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #d8d8d8;
  border-right: medium none;
  font-size: 14px;
  padding: 15px 0;
  text-align: center;
}
.your-order-table table th{border-top: medium none;
  font-family: MuseoSans,Arial,Helvetica,sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}
.your-order-table table .shipping ul li input{position: relative;top: 2px;}
.your-order-table table .shipping  th{vertical-align: top;}
.your-order-table table .order-total th{border-bottom: medium none;font-size: 18px;}
.your-order-table table .order-total td{border-bottom: medium none;}
.your-order-table table tr.cart_item:hover{background:#F9F9F9}
.your-order-table table tr.order-total td span {
  color: #8bc34a;
  font-size: 20px;
}
.your-order-table table{}
.payment-method {margin-top: 40px;}
.payment-accordion{}
.payment-accordion h3{
  border-bottom: 0 none;
  margin-bottom: 10px;
  padding-bottom: 0;
}
.payment-accordion h3 a{
  color: #6f6f6f;
  font-size: 14px;
  padding-left: 25px;
  position: relative;
  text-transform: capitalize;text-decoration:none
}
.payment-accordion h3 a:before,.payment-accordion h3.open a:after{
  content: "?";
  display: inline-block;
  font-family: fontawesome;
  font-size: 20px;
  left: 0;
  position: absolute;
  top: -2px;
}
.payment-accordion h3.open a:after{content: "\f056";}
.payment-content{}
.payment-content p{font-size: 13px;}
.payment-accordion img {
  height: 60px;
  margin-left: 15px;
}
.order-button-payment{}
.order-button-payment input {
  background: #8bc34a none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  height: 50px;
  margin: 20px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.order-button-payment input:hover{background:#444}
.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  width: inherit;
}
.checkbox-form textarea {
  background: #fff;
}

/* ============= 20. WISHLIST-AREA  ============= */
.wishlist-title {text-transform: capitalize;}
.wishlist-title h2{}
.wishlist-table{}
.wishlist-table table {
  background: #ffffff none repeat scroll 0 0;
  border-color: #e8e8e9;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  width: 100%;
  margin-top: 0;
}
.wishlist-table table{}
.wishlist-table table th {
  font-weight: 600;
}
.product-name a {
  color: #444444;
}
.product-name a:hover {
  color: #8bc34a;
}
.wishlist-table table th, .wishlist-table table td {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  font-size: 14px;
  padding: 15px 10px;
  text-align: center;
}
.wishlist-table table .product-remove {
  padding: 0 15px;
  width: 20px;
}
.wishlist-table table .product-remove > a {
  color: #444444;
  font-size: 25px;
}
.wishlist-table table .product-remove > a:hover{
  color:#8bc34a;
}
.wishlist-table table .product-thumbnail {
  width: 150px;
}
.wishlist-table table td.product-price .amount {
  font-weight: 700;
}
.wishlist-table table .wishlist-in-stock {
  color: #8bc34a;
}
.wishlist-table table .product-add-to-cart > a {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-weight: 700;
  padding: 10px 56px;
  text-transform: uppercase;
  width: 260px;
}
.wishlist-table table .product-add-to-cart > a:hover {
  background: #8bc34a;
}
.wishlist-table table .product-add-to-cart {
  width: 240px;
}
.wishlist-table table
.wishlist-table table
.wishlist-share{}
h3.wishlist-share-title{}
.wishlist-share {
  margin-bottom: 16px;
  margin-top: 20px;
}
h4.wishlist-share-title {
  margin-bottom: 10px;
}
.wishlist-share ul{}
.wishlist-share ul li {
  display: inline-block;
  height: 21px;
  margin-left: 0;
  margin-right: 0;
}
.wishlist-share ul li a {
  background-position: left top;
  border: medium none;
  display: inline-block;
  height: 21px;
  transition: all 0.3s ease 0s;
  width: 21px;
  margin-right: 5px;
}
.wishlist-share ul li a.facebook{background: url("img/icon/facebook.png") no-repeat scroll 0 0;}
.wishlist-share ul li a.twitter{background: url("img/icon/twitter.png") no-repeat scroll 0 0;}
.wishlist-share ul li a.pinterest{background: url("img/icon/pinterest.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a.googleplus{background: url("img/icon/googleplus.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a.email{background: url("img/icon/email.jpg") no-repeat scroll 0 0;}
.wishlist-share ul li a:hover{background-position: left bottom;}

/* ============= 21. Account page  ============= */
.account-area.pt-30 {
  background: #fff;
}
.login-area > input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #eceff8;
}
.entry-title {
    padding-bottom: 30px;
}
.entry-title h2 {
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}
.account-info {overflow: hidden;}
.form-fields {
  border-color: #e8e8e9 #e8e8e9;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  float: left;
  padding: 20px 25px;
  width: 100%;
}
.form-fields h2 {
  border-bottom: 1px solid #e8e8e9;
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0 0 5px;
  text-transform: uppercase;
}
.form-fields p label {
  display: block;
  font-weight: 400;
  margin: 0 0 5px;
}
.form-fields p input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e8e8e9;
  border-radius: 0;
  height: 40px;
  padding: 0 0 0 10px;
  width: 100%;
}
.form-action {
  background: #f5f5f5 none repeat scroll 0 0;
  border-color: #e8e8e9;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  float: left;
  padding: 15px 10px;
  width: 100%;
}
.form-action .lost_password{color: #777;}
.form-action .lost_password:hover {color: #8bc34a;}
.required {color: #ff0000;margin-left:5px;}
.form-action .lost_password {
  color: #666666;
  float: left;
  line-height: 36px;
  margin: 0;
}
.form-action input[type="checkbox"] {
  display: inline-block;
  float: left;
  height: 0;
  margin-left: 28px;
  margin-top: 12px;
  width: 34px;
}
.form-action > label {line-height: 35px;}
.form-action input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width:100px;
}
.form-action input[type="submit"]:hover {
  background: #8bc34a;
}

/* ============= 22. CART PAGE  ============= */
.cart-main-area {} 
.shipping_method input {
  background: #eceff8 none repeat scroll 0 0;
  border: 2px solid #eceff8;
  box-shadow: none;
  color: #626262;
  font-size: 14px;
  height: 45px;
  padding-left: 10px;
  width: inherit;
}
.cart-title-area{
  padding-top: 30px;
}
.car-header-title{}
.car-header-title h2{
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
}
.table-content{}
.table-content table{
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0 0 40px;
  text-align: center;
  width: 100%;
}
.table-content table{}
.table-content table th{
  border-top: medium none;
  padding: 20px 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.table-content table th,.table-content table td{
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.table-content table td{
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 13px;
}
.table-content table td input{
  background: #e5e5e5 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #6f6f6f;
  font-size: 15px;
  font-weight: normal;
  height: 40px;
  padding: 0 5px 0 10px;
  width: 60px;
}
.table-content table td.product-subtotal{
  font-size: 14px;
  font-weight: bold;
  width: 120px;
}
.table-content table td.product-name a{
  font-size: 14px;
  font-weight: 400;
  margin-left: 10px;
  color: #333;
}
.table-content table td.product-name{width: 270px;}
.table-content table td.product-thumbnail{width: 130px;}
.table-content table td.product-remove i{
  color: #919191;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.table-content table .product-price .amount {font-size: 15px;font-weight: 700;}
.table-content table td.product-remove i:hover {color: #8bc34a;}
.table-content table td.product-quantity{width: 180px;}
.table-content table td.product-remove{width: 150px;}
.table-content table td.product-price{width: 130px;}
.table-content table td.product-name a:hover, .buttons-cart a:hover {color: #8bc34a;}
.product-thumbnail img {width: 100%;}
.buttons-cart{margin-bottom: 30px;overflow: hidden;}
.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  width: inherit;
}
.wc-proceed-to-checkout {
  clear: both;
  display: block;
}
abbr[title] {
  border: none;
}
.breadcrumb-area .breadcrumb {padding: 8px 0 !important;}
.buttons-cart input:hover, .coupon input[type="submit"]:hover, .buttons-cart a:hover {
  background: #8bc34a none repeat scroll 0 0;
  color: #fff;
}
.buttons-cart a {
  color: #fff;
  float: left;
  height: 40px;
  line-height: 40px;
}
.coupon {
  overflow: hidden;
  padding-bottom: 5px;
}
.coupon h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.coupon p{}
.coupon input[type="text"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  float: left;
  height: 40px;
  margin: 0 6px 20px 0;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 170px;
}
.coupon input[type=submit]{}
.cart_totals{
  float: left;
  text-align: right;
  width: 100%;
}
.cart_totals h2 {
  border-bottom: 2px solid #444444;
  color: #444444;
  display: inline-block;
  font-size: 30px;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.cart_totals table{
  border: medium none;
  float: right;
  margin: 0;
  text-align: right;
}
.cart_totals table th{
  border: medium none;
  font-size: 14px;
  font-weight: bold;
  padding: 0 20px 12px 0;
  text-align: right;
  text-transform: uppercase;
  vertical-align: top;
}
.cart_totals table td{
  border: medium none;
  padding: 0 0 12px;
  vertical-align: top;
}
.cart_totals table{}
.cart_totals table td .amount {
  color: #8bc34a;
  float: right;
  font-size: 13px;
  font-weight: bold;
  margin-left: 5px;
  text-align: right;
  text-transform: uppercase;
}
.cart_totals table td ul#shipping_method{
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.cart_totals table td ul#shipping_method li{
  float: left;
  margin: 0 0 10px;
  padding: 0;
  text-indent: 0;
  width: 100%;
}
.cart_totals table td ul#shipping_method li input{
  margin: 0;
  position: relative;
  top: 2px;
}
.cart_totals table{}
a.shipping-calculator-button{font-weight: bold;color: #6f6f6f;}
a.shipping-calculator-button:hover{color:#83CBDC}
.cart_totals table tr.order-total th,.cart_totals table tr.order-total .amount{
  font-size: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
.cart_totals table tr.order-total .amount{}
.wc-proceed-to-checkout a {
  background: #8bc34a none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
  padding: 0 30px;
  text-transform: none;
}
.wc-proceed-to-checkout a:hover {
  background: #252525 none repeat scroll 0 0;
  color: #fff;
}

/* ============= 23. ACCOUNT LOG IN  ============= */
.login-area{}
.login-area > input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #eceff8;
}
.login-area select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #eceff8;
}
#billing_address_2{margin-top:15px}
#rememberme {
  float: left;
  height: inherit;
  margin-top: 7px;
  width: 30px;
}
label.inline > a {
  color: #8bc34a;
}
.theme-button {
  width: 150px;
}
.theme-button:hover {background: #8bc34a; color:#fff;border-color:#8bc34a}
.centered-title h2 {
  color: #202020;
  display: inline-block;
  font-size: 28pt;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
  position: relative;
  text-transform: capitalize;
}
.login-form {
  border: 1px solid rgba(0, 0, 0, 0.12);
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  margin-top: 30px;
  padding: 25px 30px;
  width: 100%;
}
.login-form input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #eceff8;
}
.lost_password > a {
  color: #8bc34a;
}
.login-area.pt-30 {
  background: #fff;
}

/* ============= 24. Contact Us  ============= */
.single-address { margin-bottom: 60px }
.mb-none { margin-bottom: 0px }
.single-address i {
  background: #8bc34a none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}
.single-address:hover i{background: #333 none repeat scroll 0 0;}
.single-address h2 {
  font-size: 14pt;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.2s ease 0s;
}
.single-address:hover h2{color:#8bc34a;}
.single-address p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
}
.form-control {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: none;
  color: #333;
  /* height: 50px; */
  transition: all 0.3s ease 0s;
}
.form-control:focus {
  border: 1px solid #91CFFF;
  box-shadow: none;
  outline: 0 none;
}
.description textarea { height: 220px }
.form-group  button { border: none }
.btn-contact-bg {
  background: #8bc34a none repeat scroll 0 0;
  border-radius: 0 !important;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 150px;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
  background: #333;
  color: #fff;
}
#map { height: 500px; }

/* ============= 25. 404 Error   ============= */
.outerwrap-404 {
  background-image: url("img/other/404.jpg");
  background-size: cover;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.outerwrap-404::before {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
}
.error_main {
  left: 0;
  margin-top: -288px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
}
.error_main h6 {
  color: #fff;
  font-size: 80px;
  line-height: 54px;
  margin-bottom: 50px;
  text-transform: capitalize;
}
.error_main img {
  margin-bottom: 30px;
}
.error_main h2 {
  color: #fff;
  line-height: 25px;
  margin-bottom: 50px;
  padding-bottom: 8px;
  text-transform: capitalize;
}
.error_main .icon-shopzone {
  color: #fff;
  display: block;
  font-size: 66px;
  height: 67px;
  line-height: 66px;
  margin-bottom: 40px;
}
.error_main a {
  background: #8bc34a none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  padding: 17px 45px 18px;
  text-transform: uppercase;
}
.error_main a:hover{background:#303030;}

/* ============= 26. Blog Details Page  ============= */
.blog-details-area .blg-img {
  float: none;
}
.blog-details-area .blog-content-text > p {
  margin: 0 0 15px;
}
.blog-details-area .blog-content {
  padding: 50px 10px 50px 30px;
}
.reply-comment-area {
  margin-top: 35px;
  overflow: hidden;
}
.reply-comment-area h3, .user-comment-form-area h3 {
  border-top: 1px solid #ddd;
  font-family: Aileron;
  font-size: 16pt;
  font-weight: 700;
  margin: 0 0 40px;
  padding: 22px 0 0;
}
.single-reply {
  margin: 0 0 20px;
  overflow: hidden;
}
.comment-author {
  float: left;
  width: 8%;
  padding-right: 15px;
}
.comment-author img {
  border-radius: 100%;
}
.comment-info::before {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
}
.comment-info {
  border: 1px solid #ddd;
  border-radius: 3px;
  float: left;
  padding: 10px;
  position: relative;
  width: 92%;
}
.comment-author-info {
  color: #777;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px;
}
.comment-author-info a {
  color: #555;
  text-decoration: none;
}
.comment-author-info a {
  color: #555;
  text-decoration: none;
}
.comment-info > p {
  padding: 0;
}
.user-comment {
  padding-left: 25px;
}
.user-comment-form-area {
  margin-top: 40px;
  overflow: hidden;
}
.user-comment-form-area p {
  color: #777;
  font-family: Aileron;
}
.contact .form-group {
  margin-bottom: 30px;
}

/* ============= 27. Quick Veiw CSS   ============= */
.productModal {
    text-align: initial;
}

.productModal .modal-dialog,
#productModal .modal-dialog {
  margin: 5% auto;
  max-width: 96%;
  min-height: 300px;
  padding: 20px;
  transition: all 0.5s ease 0s;
  width: 870px;
}
.modal-product {
  overflow: hidden;
}
.modal-product .product-images {
  float: left;
  width: 40%;
}
.modal-product .product-images .main-image {
  float: left;
  margin-bottom: 0;
  width: 100%;
}
.modal-product .product-images .main-image img {
  box-shadow: none;
}
.modal-product .product-info {
  float: left;
  margin-bottom: 0;
  padding-left: 30px;
  width: 60%;
}
.modal-product .product-info h1 {
  font-size: 22px;
  font-weight: normal;
  margin: 0 0 15px;
}
.modal-product .product-info .price-box {
  margin: 0 0 10px;
  width: 100%;
}
.modal-product .product-info .price-box p {
  margin: 0;
}
.modal-product .product-info .price-box .special-price {
  color: #8bc34a;
  font-size: 24px;
  font-weight: 600;
}
.modal-product .product-info .see-all {
  color: #42414f;
  display: inline-block;
  margin-bottom: 20px;
  text-decoration: underline;
}
.modal-product .product-info .see-all:hover {
  color: #8bc34a;
}
a.see-all {
  color: #232323;
  display: inline-block;
  margin-bottom: 10px;
}
.modal-product .product-info .quick-add-to-cart {
  border-bottom: 1px solid #e5e5e5;
  float: left;
  margin: 0 0 20px;
  padding: 0 0 38px;
  width: 100%;
}
.numbers-row > input {
  border: 1px solid #dddddd;
  float: left;
  height: 40px;
  text-align: center;
  width: 60px;
}
.quick-add-to-cart .single_add_to_cart_button {
  background: #282828 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  float: left;
  font-weight: 700;
  height: 40px;
  margin-left: 15px;
  padding: 0 45px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.quick-add-to-cart .single_add_to_cart_button:hover {
  background: #8bc34a none repeat scroll 0 0;
}
.modal-product .product-info .quick-desc {
  border-bottom: 1px solid #e5e5e5;
  color: #656565;
  float: left;
  font-family: Aileron;
  font-size: 14px;
  line-height: 21px;
  margin: 0 0 24px;
  padding: 0 0 15px;
  width: 100%;
}
.modal-product .widget {
  float: left;
  width: 100%;
}
h3.widget-title-modal {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #42414f;
  float: left;
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 5px;
  text-align: left;
  text-transform: none;
  width: 100%;
}
.modal-product .widget .social-icons {
  float: left;
  margin: 0;
  padding: 0;
}
.modal-product .widget .social-icons li {
  float: left;
  line-height: 30px;
  list-style: outside none none;
  margin-right: 10px;
}
.modal-product .widget .social-icons li .social-icon {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  color: #909295;
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  width: 40px;
}
.productModal button.close,
#productModal button.close {
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: all 0.3s ease 0s;
  z-index: 2;
}
.productModal button.close span,
#productModal button.close span {
  border: 1px solid #909295;
  border-radius: 60px;
  color: #909295;
  display: block;
  height: 30px;
  line-height: 24px;
  padding-top: 1px;
  text-align: center;
  width: 30px;
}
.productModal button.close span:hover,
#productModal button.close span:hover {
  color:#8bc34a ;
  border: 1px solid #8bc34a;
}
.productModal .modal-header,
#productModal .modal-header {
  border: 0 none;
  min-height: auto;
  padding: 0;
}
.modal-product .widget .social-icons li .social-icon.facebook:hover {
  background: #3b579d none repeat scroll 0 0;
  border: 1px solid #3b579d;
}
.modal-product .widget .social-icons li .social-icon.twitter:hover {
  background: #3acaff none repeat scroll 0 0;
  border: 1px solid #3acaff;
}
.modal-product .widget .social-icons li .social-icon.pinterest:hover {
  background: #cb2027 none repeat scroll 0 0;
  border: 1px solid #cb2027;
}
.modal-product .widget .social-icons li .social-icon.gplus:hover {
  background: #d11717 none repeat scroll 0 0;
  border: 1px solid #d11717;
}
.modal-product .widget .social-icons li .social-icon.linkedin:hover {
  background: #0097bd none repeat scroll 0 0;
  border: 1px solid #0097bd;
}
.modal-product .widget .social-icons li .social-icon:hover {
  color: #ffffff;
}


/* ============= Retailer List Area ============= */

 .retailer-list .testi-signal.item {
    background: #fff;
    padding: 10px;
    height: 175px;
    border-radius:15px;
}         

.retailer-list .owl-item img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
    margin: 0 auto;
    width: auto;
}


.retailer-list .owl-nav [class*="owl-"] {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
 color: #8DC63F;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}
.retailer-list .owl-nav i{line-height:48px;}
.retailer-list .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:37%;
  transition:.4s;
}
.retailer-list .owl-prev {
  left: -40px;
  position: absolute;
}
.retailer-list .owl-next {
  position: absolute;
  right: -40px;
}
.retailer-list .owl-nav [class*="owl-"]:hover {
  background: #8DC63F none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}
/* =============Featured Slider Area ============= */
#featured-retailer-slider .owl-item img {
    /* max-width: 130px; */
    max-width: 210px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 20px;
    width: auto;
}

#featured-retailer-slider .item.inside-box {
    border-left: 0;
    position: relative;
    /* height: 140px; */
    /* height:210px; */
    height: 180px;
}
#featured-retailer-slider .owl-nav [class*="owl-"] {
  background: transparent;
  border-radius: 100%;
  color: #56b7ff;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}
#featured-retailer-slider .owl-nav i{line-height:48px;}
#featured-retailer-slider .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:32%;
  transition:.4s;
}
#featured-retailer-slider .owl-prev {
  left: -18px;
  position: absolute;
}
#featured-retailer-slider .owl-next {
  position: absolute;
  right: -18px;
}
#featured-retailer-slider .owl-nav [class*="owl-"]:hover {
  background: #56b7ff none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}
.item .retailer-logo:hover img {
  opacity:0.8;
}


/* =============HyperMart Scroller =============== */

#hypermart-scroller .owl-item img {
  transform-style: preserve-3d;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

#hypermart-scroller .product-block img {
  height: 120px !important;
}

#hypermart-scroller .item.inside-box {
  border-left: 0;
  position: relative;
  /* height: 140px; */
  height:210px;
}
#hypermart-scroller .owl-nav [class*="owl-"] {
background: transparent;
border-radius: 100%;
color: #56b7ff;
cursor: pointer;
display: inline-block;
font-size: 40pt;
height: 50px;
line-height: 20px;
margin: 0;
padding: 0;
width: 50px;
transition:.4s;
}
#hypermart-scroller .owl-nav i{line-height:48px;}
#hypermart-scroller .owl-nav {
margin-top: 0;
position: absolute;
width: 100%;
top:32%;
transition:.4s;
}
#hypermart-scroller .owl-prev {
left: -18px;
position: absolute;
}
#hypermart-scroller .owl-next {
position: absolute;
right: -18px;
}
#hypermart-scroller .owl-nav [class*="owl-"]:hover {
background: #56b7ff none repeat scroll 0 0;
color: #fff;
text-decoration: none;
}
.item .retailer-logo:hover img {
opacity:0.8;
}
#hypermart-scroller .item {
  padding: 0px;
  margin: 10px;
}
.product-block {
  width: auto;
  text-align: center;
}

#hypermart-scroller .product-block a {
  font-size: 16px;
  font-weight: 700;
  margin-right: 58px;
  transition: .3s;
  height: 25px;
  display: block;
  /* color: #8DC63F; */
}


/* ============= Slider Area ============= */
#home-voucher-slider .owl-nav [class*="owl-"] {
  background: #f6f6f6;
  border-radius: 100%;
  color: var(--store_btn_colour);
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}
#home-voucher-slider .owl-nav i{ line-height:48px;
}
#home-voucher-slider .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:41%;
  transition:.4s;
}
#home-voucher-slider .owl-prev {
  left: -34px;
  position: absolute;
}
#home-voucher-slider .owl-next {
  position: absolute;
  right: -28px;
}
#home-voucher-slider .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: var(--store_btn_hover_colour);
  text-decoration: none;
}


/*Flexi eVoucher*/


#flexi-voucher-slider .owl-nav [class*="owl-"] {
  background: transparent;
  border-radius: 100%;
  color: var(--store_btn_colour);
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}
#flexi-voucher-slider .owl-nav i{ line-height:48px;
}
#flexi-voucher-slider .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:41%;
  transition:.4s;
}
#flexi-voucher-slider .owl-prev {
  left: -34px;
  position: absolute;
}
#flexi-voucher-slider .owl-next {
  position: absolute;
  right: -28px;
}
#flexi-voucher-slider .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: var(--store_btn_hover_colour);
  text-decoration: none;
}


.breadcrumb_active{
  color:var(--store_btn_colour);
}




/* =================== 29. Added Styles ========= */
/* Search Css */
.search-wrapper {
    /*
                position: absolute;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                top:50%;
                left:50%;
                */
}
.search-wrapper.active {} .search-wrapper .input-holder {
    overflow: hidden;
    height: 40px;
    background: rgba(255, 255, 255, 0);
    border-radius: 6px;
    position: relative;
    width: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    float: right;
}
.search-wrapper.active .input-holder {
    border-radius: 50px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}
.search-wrapper .input-holder .search-input {
    width: 100%;
    height: 40px;
    padding: 0px 70px 0 10px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #FFF;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    transform: translate(0, 0px);
}
.search-wrapper .input-holder .search-icon {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 6px;
    background: none;
    padding: 0px;
    outline: none;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 30px;
    height: 30px;
    margin: 5px;
    border-radius: 30px;
}
.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}
.search-wrapper.active .input-holder .search-icon span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-wrapper .input-holder .search-icon span::before,
.search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content: '';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #974BE0;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #974BE0;
}
.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 2px;
    right: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right: -50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .fader {
    opacity: 0;
}
.search-wrapper.active .fader {
    opacity: 1;
}
.search-wrapper .close::before,
.search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #FFF;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top: 80px;
    left: 0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display: none;
    color: #B7B7B7;
}

.gala-area {

    background-position: 86px 0;
    background-size: 154px;
    background-repeat: no-repeat;
}
.jdrf-title {
    background: none;
}
.jdrf-title h3 {
    color: #fff !important;
}
.about-area .btn,
.gala-area .btn {
    color: #fff;
    font-weight: 600;
    padding: 15px 15px 15px 15px;
    transition: .3s;
  margin: 2px;
}
.gala-area .dropdown-menu li {
    display: list-item;
}
.gala-area p {
    color: #444;
    padding: 40px 160px;
    font-size: 15px;
    text-align: center;
}
.gala-area .dropdown {
    text-align: center;
}
.about-area .button,
.gala-area .dropdown-menu {
    margin: 10px auto
}
.gala-area .dropdown-menu {
    width: 200px;
    left: 50%;
    margin-left: -100px;
}
.gala-area .client-slider-single {
    background: #f6f6f6;
}
.about-area p {
   /* padding: 40px 100px;*/
   text-align: center;
   margin-left: 15px;
   margin-right: 15px;
}
.about-area {
    text-align: center;
}

.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next {
    background-color: #DF744A;
}
.address-area > a {
    color: #DF744A;
}
.contact-social ul li a {
    color: #fff;
}
.footer-menu ul li a:hover {
    color: #fa989f;
}
.sec-bg-blue {
    background-color: #b2dcfd;
}
.sec-bg {
    background-color: #f6f6f6;
}
.sec-bg .ibox-title {
    background-color: #BFD8D2;
}
.gala-area .section-titel::before {
    background-color: #61535f;
}
.section-titel::before {
    background-color: #fff;
    background-position: 3px 0px;
    display:none;
}
.sec-bg .section-titel::before {
    background-color: #BFD8D2;
}
.tab-menu ul li a:hover {
    color: #ffce00;
}
.tab-menu ul li.active a {
    color:  #91cfff;
    border-bottom: 1px solid  #91cfff;
}
.bg-me1 {
    background: rgba(255,206,0,.5);
    padding: 25px 50px;
}
.bg-me1 img {
     /* border-radius: 10px;*/
}
.bg-me2 {
    background: rgba(245,50,64,.5);
    padding: 25px 50px;
}
.bg-me2 img {
   /* border-radius: 10px;*/
}   
.fotter-area {
    background-color: #d3fbff;
    color: #000000;
    webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
}
.fotter-area p{
  color: #000000;
}
/* Peach FontColor */

.address-area > a,
.contact-social ul li a,
.btn.focus,
.btn:focus,
.btn:hover{
    color: #FEDCD2;
}
/* Peach Background Color

.slider-btn a,
.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-theme .owl-controls .owl-nav .owl-next,
.section-titel::after,
.about-area .btn,
.gala-area .btn,
.pro-level,
.adds-content > a {
    background: #fa989f;
}
 */
.section-titel::after {

  background:#ffce00;
  display:none;
}

/* Pale Green Font Color */

.slider-btn a,
.owl-theme .owl-controls .owl-nav .owl-prev a,
.owl-theme .owl-controls .owl-nav .owl-next a,
.about-area .btn,
.gala-area .btn,
.main-menu ul > li > a,
.rating-box i,
.menu-right-area a i,
.adds-content > a {
 /*  color: #DCB239;*/
}
/* Pale Green background Color */


/* Dark Orange Font Color */

/*.main-menu ul li:hover a {
    color: #91cfff;
}*/
/* Dark Orange Background sColor */


.adds-content form a {
    background: #FEDCD2 none repeat scroll 0 0;
    color: #DCB239;
    font-weight: 700;
    padding: 10px 45px 10px 30px;
    transition: .4s;
    margin-left: 10px;
}

.product-shop > h3 {
  font-size: 20px;
  text-transform: none;
  margin: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.modal .modal-dialog.quick-view-dialog .modal-content {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  padding: 20px;
  background: #ffffff;
}

.price-tag {
  display: block;
  padding: 10px 0;
  position: relative;
  border-bottom: solid 1px #dddddd;
}

.prod-form.right {
  width: 130px;
  float: right;
}

.price-tag>span {
  font-size: 26px;
  font-family: 'MuseoSans', sans-serif;
}

.prod-form.right>a {
  margin-top: 5px;
  width: 100%;
}


.prodwrap-info {
  padding: 10px 0;
}

.prodwrap-info address {
  color: #3b424a;
  font-size: 12px;
  margin: 0;
}

.deals-box-outer2 {
  display: block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa989f+9,ffce00+51,fa989f+91 */
background: #b2dcfd;
  padding: 5px;
  margin-bottom: 20px;
  height: 220px;
  position: relative;
  cursor: pointer;
}

.deals-box-outer2 .flip-container, .deals-box-outer2 .front, .deals-box-outer2 .back {
  height: 210px;
}

.flip-container, .front, .back {
  width: 100%;
  height: 300px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-bottom: 5px;
}

.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}

.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  -moz-backface-visibility: hidden;
}
.no-bg {
    background: none !important;
}
.deals-box-outer2 .front {
  overflow: hidden;
}

.front {
  background: inherit;
  z-index: 2;
}

.back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.front, .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.deal-logo {
  position: relative;
  width: 100%;
  height: 90px;
  margin-bottom: 0;
  background: #fff;
  padding: 10px;
}

.deal-logo {
  position: relative;
  width: 100%;
  height: 90px;
  margin-bottom: 0;
  background: #fff;
  padding: 10px;
}

.flip-container:hover .flipper,
.flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.prod-form .quantity-field {
  height: 30px;
  vertical-align: top;
  width: 100px;
  font-size: 14px;
  font-family: 'MuseoSans', sans-serif;
  color: #3b424a;
  text-align: center;
  border: solid 1px #dddddd;
}

.prod-form  .btn-primary {
  color: #fff;
  background-color: #00718f;
  border-color: #00718f;
}

.prod-form  .btn {
  border-radius: 0;
  font-size: 12px !important;
  font-family: 'MuseoSans', sans-serif;
  text-transform: none;
  text-shadow: none;
}

.modal-close {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
}

.modal-close-icon {
   background-position: -3px -3px;
  display: block;
  width: 30px;
  height: 30px;
}

.home-flipper-button {
  display: block;
  height: 30px;
  text-align: center;
  line-height: 30px;
  /*position: absolute;*/
  /*top: 0;*/
  /*bottom: 0;*/
  /*margin: auto;*/
  color: #fff;
  left: 10px;
  right: 10px;
  z-index: 2;
  background-color: transparent;
/*  border: 2px solid #fff;*/
  margin-bottom: 10px;
}

/*.wish-icon {
  background: url(../../../assets/sportscashassets/icons/icon_wishlist-white.png) no-repeat left;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
}*/

.wish-icon {
    color: #ffce00;
    font-size: 24px;
    letter-spacing: 1px !important;
    padding: 0px;
    line-height: 1;
}
.wish-icon2 {
    font-size: 28px;
    padding: 8px;
    letter-spacing: -6px;
}

.flipper .active .wish-icon {
    color: #fa989f;
}
.flipper .active .wish-icon2 {
    color: #fa989f;
}

.pro-info .active .wish-icon {
    color: #fa989f;
}
.pro-info .active .wish-icon2 {
    color: #fa989f;
}
/*News Page / Blog Page*/
.fixed-blognav
{
  background:#ffffff;
}
.navbar-default.megamenu.blog-nav
{
  box-shadow: 0 1px 0px rgba(0,0,0,0.15);
  border-radius: 0;
  margin-bottom: 0;
}
.blog-nav .navbar-nav li > a:after
{
  content: "|";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
  font-size: 12px;
  color:#aaaaaa;
}
.blog-nav .navbar-nav li:first-child > a:after,
.blog-nav .navbar-nav li:last-child > a:after
{
  content:normal;
}

@media (min-width:768px)
{
  .sticky
  {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 9999;
    left:0;
    right:0;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
  }
}
.blog-content
{

}
.featured-post
{
/*  position:relative;*/
  margin-bottom: 20px;
}
.featured-post > a
{
  display:block;
  background:#000000;
}
.featured-post img
{
  transition: opacity .1s linear;
  opacity:1;
  width: 100%;
}
.header-image .featured-post .imageholder {
    height: 415px;
    overflow: hidden;
    position: relative;
}
.subheader-image .featured-post .imageholder {
    height: 202px;
    overflow: hidden;
    position: relative;
}
/*.featured-post:hover img
{
  opacity:0.5;
  filter: alpha(opacity=50);
}*/
.header-image .featured-post .imageholder img {
    width: 100%;
    max-height: initial;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.subheader-image .featured-post .imageholder img {
    width: 100%;
    max-height: initial;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.featured-title.static
{
  color:#212121;
  text-align:center;
  margin-top: 15px;
}
.featured-title.static > h2 {
  font-size:25px;
  font-family: 'proxima-bold', sans-serif;
  color:#444444;
}
.featured-title.static > a{
  font-size:18px;
  font-family: 'proxima-bold', sans-serif;
  color:#444444;
  text-decoration: none; 
}
.featured-title.static > p{
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.featured-title.absolute.none
{
  opacity:0;
  visibility:hidden;
}
.featured-post:hover .featured-title.absolute.none
{
  opacity:1;
  visibility:visible;
}

.featured-title.absolute
{
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-align: center;
  color:#ffffff;
  transition: all .1s linear;
}
.featured-title .readmore
{
  color:#ffffff;
  font-family: 'proxima-regular', sans-serif;
  font-size:16px;
  text-decoration:underline;
}
.featured-title.absolute > h2{
  font-size:32px;
}
.featured-title.absolute > p{
  font-size:16px;
}
.featured-title:hover
{
  opacity:0.9;
  filter:alpha(opacity=90);
}
.single-blog img {
  width: auto;
  margin: auto;
}


.search-form-area
{
  opacity: 0;
  visibility: hidden;
  position:absolute;
  top:90px;
  left:50%;
  margin-left: -400px;
  width:800px;
  z-index:10000;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  -webkit-transform:translate3d(0,-10px,0);
  transform:translate3d(0,-10px,0);
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
body.search-open .search-form-area
{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.search-form {
  position: relative;
}
.search-form input
{
  border: none;
  background: #ffffff;
  width: 100%;
  height: 100%;
  display: block;
  padding: 13px 12px;
  font-size: 18px;
  color: #999999;
}
.search-form .search-submit {
  width: 20px;
  height: 20px;
  color: #ccc;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  border: none;
  background: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: -20px;
}
.table.blog-table-list
{
  margin:0;
}
.table.blog-table-list tr > td
{
  border:none;
  text-transform:uppercase;
  font-size:11px;
  color:#3b424a;
  padding: 8px 15px;
  border-left: solid 1px #dddddd;
}
.table.blog-table-list tr > td:first-child
{
  border-left:none;
}
.table.blog-table-list tr > td a
{
  display:block;
  color:#3b424a;
}
.post-header
{
  padding: 50px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  margin-top: 10px;
  text-align: center;

}
.post-on
{
  color:#3b424a;
  font-size:13px;
  letter-spacing:0.5px;
  padding-bottom:20px;

}
.post-on > span
{
  border-bottom:solid 1px #666;
  padding-bottom: 10px;
}
.post-heading
{
  padding-bottom:20px;
}
.post-heading > h4
{
  font-size:22px;
  font-family: 'proxima-regular', sans-serif;
  color:#3b4424;
  margin-bottom:0;
}
.blog-social-list
{
  display:block;
  text-align:center;
  padding-bottom: 20px;
}
.blog-social-list > a
{
  font-size: 16px;
  color: #3b424a;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 5px;
  padding:5px;
  line-height: 20px;
  border-radius:50%;
  transition: all .1s linear;
}
.blog-social-list > a:hover
{
  background:#3b424a;
  color:#ffffff;
}

.post-content
{

  text-align: center;
  position: relative;
  border-bottom: solid 1px #eaeaea;
}
.post-tags
{
  margin-bottom: 25px;
  padding:20px 0;
  text-align:left;
}
.post-tags > span
{
  display:inline-block;
  font-size:14px;
  text-transform:uppercase;
  color:#666666;
  margin-right:10px;
}
.post-tags > a
{
  display:inline-block;
  color:#666666;
  font-style:italic;
  font-size:12px;
  line-height:16px;
  margin-right:5px;
}
.post-tags > a span
{
  border-bottom:solid 1px #666666;
  margin-right:1px;
}
.post-tags > a:after
{
  content:",";
  display:inline-block;
}
.post-tags > a:last-child:after
{
  content:normal;
}


.post-cms
{
  text-align: left;
  font-size: 14px;
  color: #000;
  padding: 20px 0;

  margin: 0 50px;
}
.post-cms > p
{
  line-height:20px;
  margin-bottom:20px;
  color:#3b424a;
}
.post-cms > ul
{
  list-style-type:none;
  display:block;
  color:#3b424a;
}
.post-cms > ul > li
{
  display:block;
  line-height:20px;
  margin-bottom:20px;
  color:#3b424a;
}
.blog-related-post
{

}
.related-post-header
{
  text-align:center;
}
.related-post-header>h5
{
  font-size: 16px;
  text-transform: uppercase;
  color: #3b424a;
  border-bottom: solid 1px #dddddd;
  vertical-align: middle;
  font-family: 'proxima-regular', sans-serif;
}
.related-post-header>h5>span
{
  background: #fff;
  position: relative;
  top: 10px;
  padding: 0 10px;
}
.related-post-content
{
  padding:20px 0;
}
.related-post-block
{
  position:relative;
}
.related-post-block > a
{
  display:block;
  background:#000000;
}
.related-post-block > a > img
{
  transition: opacity .1s linear;
  opacity:1;
}

.related-post-block:hover img
{
  opacity:0.5;
  filter: alpha(opacity=50);
}
.related-post-block:hover .featured-title.absolute.none
{
  opacity:1;
  visibility:visible;
}

.related-title.absolute
{
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  text-align: center;
  color:#ffffff;
  transition: all .1s linear;
}
.related-title.absolute.none {
  opacity: 0;
  visibility: hidden;
}
.related-post-block:hover .related-title.absolute.none {
  opacity: 1;
  visibility: visible;
}
.related-title .readmore
{
  color:#ffffff;
  font-family: 'proxima-regular', sans-serif;
  font-size:16px;
  text-decoration:underline;
}
.related-title.absolute > h2{
  font-size:32px;
}
.related-title.absolute > p{
  font-size:16px;
}
.related-title:hover
{
  opacity:0.9;
  filter:alpha(opacity=90);
}
.related-title.static
{
  color: #212121;
  text-align: center;
  margin-top: 2px;
  padding: 0 20px;
  line-height:16px;
}
.related-title.static > h2,
.related-title.static > a{
  font-size: 12px;
  font-family: 'proxima-bold', sans-serif;
  color: #212121;
}
.related-title.static > p{
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.navbar-default {
   background-color: transparent;
   border-color: transparent;
}

.news-nav {
  text-align: center;
  float: none;
  display: inline-block;
}

.featured-title.absolute {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  transition: all .1s linear;
}

.featured-title.absolute > h2 {
  font-size: 32px;
  color: #fff;
}

.featured-title.absolute > p {
  font-size: 16px;
}

/*End News Page*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flip-container:hover .bonus-amount {
    transform:rotateY(180deg);
  }

  .flip-container:hover .retailer-name {
    transform:rotateY(180deg);
  }
  .flip-container:hover .front img {
    transform:rotateY(180deg);
  }
  .flip-container:hover .flipper-button {
    transform:rotateY(180deg);
  }
  .flip-container:hover .add-favorite {
    transform:rotateY(180deg);
    left:0px;
    right:auto;
  }
  .flip-container:hover .back {
    transform:none;
  }
  .product-overlay, .bonus-amount, .add-favorite {
    z-index: 2;
  }
  .flipper-button {
    z-index: 3;
  }
  .home-slider {
    height: 650px;
  }
  .voucher-info {
    z-index:2;
  }
  .flip-container:hover .voucher-info p ,
  .flip-container:hover .voucher-info a ,
  .flip-container:hover .voucher-info strong {
    transform:rotateY(180deg);
  }
  .flip-container:hover .deal-info h6 ,
  .flip-container:hover .deal-info p ,
  .flip-container:hover .deal-info .summary ,
  .flip-container:hover .deal-info strong {
    transform:rotateY(180deg);
  }
}

.card {
  position: relative;
  float: left;
  padding-bottom: 25%;
  width: 25%;
  text-align: center;
}

.card__front,
.card__back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card__front,
.card__back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.card__front {
  background-color: #ff5078;
}

.card__back {
  background-color: #1e1e1e;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.item .retailer-logo em {
    display: block;
    /* position: absolute; */
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* box-shadow: inset 0 0 0 2px #56b7ff; */
    /* opacity: 0; */
    filter: alpha(opacity=0);
    transition: all .2s linear;
    /* background-color: #f6f6f6; */
    /* z-index: -1; */
}
.item .retailer-logo:hover em {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* Custom Header */
.icon-yellow {
  color:#ffce00;
}
.dropdown .current .count-bubble {
  color:inherit;
}
.icon-green {
  color:#38559e;
}
.icon-red {
  color:#fa989f;
}
.icon-blue {
  color:#91cfff;
}
.wish-yellow {
  background:none;
}

.button-blue{
  background-color:#003468;
}
.button-blue:hover {
  background-color:#68bdd8;
  color:#FFF;
}

.btn-md-brand{
  background-color:#38559e !important;
  border-color: #38559e !important;
}

.button-yellow {
  background-color:#ffce00;
 
/* -webkit-transition: all 0.1s;
 -moz-transition: all 0.1s;
 transition: all 0.1s;
 -webkit-box-shadow: 0px 4px 0px #c1a119;
 -moz-box-shadow: 0px 4px 0px #c1a119;
 box-shadow: 0px 4px 0px #c1a119;
  position:relative;*/
}
.button-yellow:hover {
  background-color:#ffce00;
  color:#444;
}
.button-yellow:active {
/*-webkit-box-shadow: 0px 1px 0px #c1a119;
 -moz-box-shadow: 0px 1px 0px #c1a119;
 box-shadow: 0px 1px 0px #c1a119;
 position:relative;
 top:4px;*/
}
.button-green {
  background-color:#68bdd8;
 
/*  -webkit-transition: all 0.1s;
 -moz-transition: all 0.1s;
 transition: all 0.1s;
 -webkit-box-shadow: 0px 4px 0px #0c7765;
 -moz-box-shadow: 0px 4px 0px #0c7765;
 box-shadow: 0px 4px 0px #0c7765;
  position:relative;*/

}
.button-green:hover {
   background-color:#003468;
    color:#FFF;
}
.button-green:active {
/*-webkit-box-shadow: 0px 1px 0px #0c7765;
 -moz-box-shadow: 0px 1px 0px #0c7765;
 box-shadow: 0px 1px 0px #0c7765;
 position:relative;
 top:4px;*/
}

.button-red{
  background-color:#fa989f;
/*  -webkit-transition: all 0.1s;
 -moz-transition: all 0.1s;
 transition: all 0.1s;
 -webkit-box-shadow: 0px 4px 0px #b12933;
 -moz-box-shadow: 0px 4px 0px #b12933;
 box-shadow: 0px 4px 0px #b12933;
  position:relative; */
}
.button-red:hover {
  background-color:#fa989f;
   color:#444;
}
.button-red:active {
/*-webkit-box-shadow: 0px 1px 0px #b12933;
 -moz-box-shadow: 0px 1px 0px #b12933;
 box-shadow: 0px 1px 0px #b12933;
 position:relative;
 top:4px;*/
}
.btn-shop {
  background-color:#00AEEF;
  color:#fff;
}
.btn-shop:hover {
  background-color:#8DC63F;
  color:#fff;
}
.btn-view-detail {
  background-color:#00AEEF !important;
  color:#fff;
}
.btn-view-detail:hover {
  background-color:#8DC63F !important;
  color:#fff;
}
.btn-search-stores{
  background-color:#8DC63F !important;
  color:#fff;
}
.btn-search-stores:hover{
  background-color:#ffce00 !important;
  color:#fff;
}
.btn-use-location{
  background-color:#91cfff !important;
  color:#fff;
}
.btn-use-location:hover{
  background-color:#fa989f !important;
  color:#fff;
}
.btn-checkout{
  background-color:#8DC63F !important;
  color:#fff;
}
.btn-checkout:hover{
  background-color:#ffce00 !important;
  color:#fff;
}
.cartbut{
  background-color:#8DC63F !important;
  color:#fff;
}
.cartbut:hover{
  background-color:#ffce00 !important;
  color:#fff;
}
.btn-loginsubmit{
  background-color:#91cfff !important;
  color:#fff;
}
.btn-loginsubmit:hover{
  background-color:#fa989f !important;
  color:#fff;
}
.btn-joinsubmit{
  background-color:#8DC63F !important;
  color:#fff;
}
.btn-joinsubmit:hover{
  background-color:#ffce00 !important;
  color:#fff;
}
.btn-socialsignup{
  background-color:#ffce00 !important;
  color:#fff;
}
.btn-socialsignup:hover{
  background-color:#91cfff !important;
  color:#fff;
}
.btn-clickhere{
  background-color:#8DC63F !important;
  color:#fff;
}
.btn-clickhere:hover{
  background-color:#ffce00 !important;
  color:#fff;
}

.bg-yellow {
  background-color:#ffce00;
}
.bg-green {
  background-color:#8DC63F;
}
.bg-red{
  background-color:#fa989f;
}


.text-yellow h3,
.text-yellow h4,
a.text-yellow:hover,
a.text-yellow.current {
  color:#ffce00;
}
.text-green h3,
.text-green h4,
a.text-green:hover,
a.text-green.current {
  color:#8DC63F;
}
.text-red h3 ,
.text-red h4 ,
a.text-red:hover,
a.text-red.current {
  color:#fa989f;
}
.text-blue h3 , 
.text-blue h4 ,
a.text-blue:hover,
a.text-blue.current {
  /*color:#56b7ff;*/
}
.text-dark-blue h3 , 
.text-dark-blue h4 ,
a.text-dark-blue:hover,
a.text-dark-blue.current {
  color:#067fd8;
}
.bt-yellow {
    border-top: 3px solid #ffce00;
}

.bt-green {
    border-top: 3px solid #8DC63F;
}

.bt-red {
    border-top: 3px solid #fa989f;
}

.icon-holder {
  text-align:center;
}
.icon-label {
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 12px;
}
.menu-icons .nav>li>a {
    position: relative;
    display: block;
    padding: 0px 8px;
    font-size: 20px;
}
.menu-icons .nav>li:nth-child(5) > a {
    font-size: 23px;
}


.nav.global-nav-right > li {
    display: inline-block;
}



.section-titel a {
  color:#fa989f;
  margin-top: 20px;
}
.menu-nav {
    margin-right: 0px;
    margin-top: 0px;
  /*margin-top: 20px;*/
}
.menu-icons .count-bubble {
    font-size: 10px;
    vertical-align: bottom;
}
/*
.menu-icons .nav.global-nav-right > li:hover , .menu-icons .nav.global-nav-right .current{
    background-color: #f2f2f2;
    color: #F76;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
} */
.menu-icons .nav.global-nav-right > li:hover .icon-yellow,
.menu-icons .nav.global-nav-right .icon-yellow.current {
  background-color: #ffce00;
  color: #fff;
}
.menu-icons .nav.global-nav-right > li:hover .icon-green,
.menu-icons .nav.global-nav-right .icon-green.current {
  background-color: #8DC63F;
  color: #fff;
}
.menu-icons .nav.global-nav-right > li:hover .icon-red,
.menu-icons .nav.global-nav-right .icon-red.current {
  background-color: #fa989f;
  color: #fff;
}
.menu-icons .nav.global-nav-right > li:hover .icon-blue,
.menu-icons .nav.global-nav-right .icon-blue.current {
  background-color: #91cfff;
  color: #fff;
}
.topnav-dropdown {
    min-width: 300px;
    display: block;
    padding: 10px;
}
.topnav-deals {
    display: block;
    display: block;
    max-height: 400px;
    overflow-y: scroll;
}
.topnav-product-image {
    display: inline-block;
    float: left;
    width: 75px;
    height: 75px;
    position: relative;
    margin-right: 5px;
}
.topnav-product-info {
    display: block;
    padding-right: 5px;
    overflow: hidden;
    margin-top: 10px;
}

.main-menu .dropdown-menu {
    border-radius: 0;
    min-width: 230px;
    border-top: solid 5px #003360 !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    top: 99%;
    border: medium none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    z-index: 1000;
}
.main-menu .dropdown-menu li a {
    padding: 10px 10px;
    border-bottom: none !important;
}
.main-menu.affix{
  position:inherit;
}

/* Search */
.nav>li.global-search
{
  position: absolute;
    right: 12%;
    width: 30%;
    top: -105%;
    bottom: 0;
    height: 60px;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    background-color: #ffce00;
    padding: 10px;
    z-index:99999;
}
.nav>li.global-search input
{
    border: none;
    background: #ffffff;
    width: 100%;
    height: 40px;
    display: block;
    padding: 13px 12px;
    font-size: 14px;
    color: #999999;
}

.nav>li.global-search.active
{
  top:8px;
}
.nav>li.global-search button
{
  background:none;
  border:none;
  position:absolute;
  padding:5px;
  right:10px;
      top: 0;
    bottom: 0;
}
.nav>li.global-search button > i
{
  color:#3b424a;
  font-size:24px;
}
.nav>li.global-search input:focus,
.nav>li.global-search input:active,
.nav>li.global-search button:focus,
.nav>li.global-search button:active
{
  outline:none;
  border:none;
}


  /* Store locator*/
  .store-locator-divider
  {
    text-align:center;
    width:1px;
    margin:auto;
    min-height:300px;
    height:100%;
    background:#cccccc;
    position:relative;
  }
  .store-locator-divider:after
  {
    content:"OR";
    width:36px;
    height:50px;
    padding:10px 0;
    font-size:24px;
    font-family: 'MuseoSans', sans-serif;
    color:#3b424a;
    background:#ffffff;
    display:block;
    position:absolute;
    top:0;
    left:-17px;
    bottom:0;
    margin:auto;
  }
  .store-locator {
    position: relative;
  }
  .retailer-store-locators ul{
    list-style: none;
    padding:0;
  }
  .retailer-store-locators label.btn {
    margin-top: 5px;
  }
  .store-gmap {
    width: 66.66666667% !important;
    height: 480px;
    border-left: 1px solid #ddd;
    float: right;
      margin-left: 15px;
  }
  @media (max-width:767px)
  {
    .store-gmap
    {
      width:100% !important;
      float:none;
      margin:0;
    }
  }
  .quick-search-store {
    background: #F9F9F9;
    border: 1px solid #ddd;
    margin-top: 5px;
    padding: 10px;
  }
  .first-nearest-store {
    background-color: #F7F7F7;
    border: 1px solid #ddd;
  }
  .first-nearest-store > .col-md-4{
    padding-top: 15px;
  }
  .store-locator .list-by-state #state-map {
    margin: 0 20px 0 0;
    position: relative;
    width: 243px;
    height: 233px;
    }
  .store-locator .list-by-state #state-map .image,
  .store-locator .list-by-state #state-map .map,
  .store-locator .list-by-state #state-map .highlight {
    width: 243px;
    height: 233px;
    position: absolute;
    top: 0px;
    left: -1px; }
  .store-locator .list-by-state #state-map .map,
  .store-locator .list-by-state #state-map .highlight {
    background-image: url("../images/MAP-AU.gif"); }
  .store-locator .list-by-state #state-map .highlight.QLD {
    background-position: 0px -468px; }
  .store-locator .list-by-state #state-map .highlight.NSW {
    background-position: 0px -702px; }
  .store-locator .list-by-state #state-map .highlight.ACT {
    background-position: 0px -936px; }
  .store-locator .list-by-state #state-map .highlight.VIC {
    background-position: 0px -1170px; }
  .store-locator .list-by-state #state-map .highlight.TAS {
    background-position: 0px -1405px; }
  .store-locator .list-by-state #state-map .highlight.NT {
    background-position: 0px -1639px; }
  .store-locator .list-by-state #state-map .highlight.SA {
    background-position: 0px -1873px; }
  .store-locator .list-by-state #state-map .highlight.WA {
    background-position: 0px -2107px; }
  .store-locator .list-by-state #state-map .highlight.NZ {
    background-position: 0px -2341px; }
  /* End store locator */

/***********************
FAVORITE SLIDER AREA
*********************/

#fav-retailers-slider ul > li {
    color: #fff;
}
#fav-retailers-slider .retname {
    font-size: 18px;
    margin-bottom: 8px;
}
#fav-retailers-slider .retearned {
    font-size: 14px;
    margin-bottom: 8px;
}
#fav-retailers-slider .retholder {
    top: 18%;
}
#fav-retailers-slider .owl-nav [class*="owl-"] {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #56b7ff;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: block !important;
}
#fav-retailers-slider .owl-nav i{
  line-height:48px;
}

#fav-retailers-slider .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:42%;
  transition:.4s;
}
#fav-retailers-slider .owl-prev {
  left: -18px;
  position: absolute;
}
#fav-retailers-slider .owl-next {
  position: absolute;
  right: -18px;
}
#fav-retailers-slider .owl-nav [class*="owl-"]:hover {
  background: #56b7ff none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}
#fav-retailers-slider .style-two .hover-content {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
#fav-retailers-slider .retlink {
    width: 80%;
    margin-top: 15px;
}


/***********************
RETAILER LIST AREA
*********************/

.retailerlist ul > li {
    color: #fff;
}
.retailerlist .retname {
    font-size: 18px;
    margin-bottom: 8px;
}
.retailerlist .retearned {
    font-size: 14px;
    margin-bottom: 8px;
}
.retailerlist.retholder {
    top: 18%;
}
.grayscaleme .retailer-list .owl-item img {
    width: auto;
    filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;
    cursor: pointer;
}
.grayscaleme .retailer-list .owl-item:hover img{
  filter: none;
}

.hoverme .single-product:hover .hover-content {
  left: 0;
}

.hoverme .flipper-button {
      top: 45%;
    position: absolute;
}

.hoverme span {
  top: 15%;
  position: absolute;
  width: 100%;
  left: 0;
  color: #fff;
}

.hoverme .hover-content  a:hover {
    background: #ffce00 none repeat scroll 0 0;
    color:#fff;
}
.hoverme .hover-content a {
    margin: 80px auto 0px;
    width: 90%;
}


/* Loginjoin header */

.global-nav-item {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    margin-top:10px;
    margin-left: 18px;
}
.global-nav-item > li > a {
    vertical-align: middle;
    display: block;
    color: #fff;
    font-size: 12px;
    position: relative;
}
.global-nav-item .loginned a{
  color:#000;
}

.logo-area img {
    margin-bottom: 10px;
    margin-top: -45px;
}
.prod-thumbnail {
    position: relative;
    width: auto;
    height: 250px;
    overflow: hidden;
}


#dealtab1 ul li:nth-child(1) a{
  background: #ffce00 !important;
  border-radius: 0;
}
#dealtab1 ul li:nth-child(2) a{
  background:   #8DC63F !important;
  border-radius: 0;
}
#dealtab1 ul li:nth-child(3) a{
  background:   #fa989f !important;
  border-radius: 0;
}
#dealtab1 ul li:nth-child(4) a{
  background:   #91cfff !important;
  border-radius: 0;
}
#dealtab1 ul li:nth-child(4) i{
      font-size: 18px;
    margin-right: 6px;
}

.banner-holder {
    margin-bottom: 20px;
}
/*.fitmein {
    display: block;
    width: 100%;
    height: auto;
}*/

/* Price tag*/
.tag {
    background-color: #fa989f;
    -webkit-filter: drop-shadow(0.2em 0.2em 0 #cc7c81);
    filter: drop-shadow(0.2em 0.2em 0 #cc7c81);
    text-align: left;
    height: 28px;
    line-height: 28px;
    border-top-right-radius: 0.15em;
    border-bottom-right-radius: 0.15em;
    display: inline-block;
    position: relative;
    margin-left: 1.25em;
    margin-right: .25em;
    margin-bottom: .5em;
}
.tag::before {
    border-right-color: #fa989f;
}
.tag::after {
    box-shadow: inset 0.2em 0.2em 0 #cc7c81;
}
.tag::before, .tag::after {
  content: "";
  position: absolute;
}
.tag::before {
    width: 1.875em;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right-style: solid;
    border-right-width: 1.25em;
    top: 0;
    left: -1.875em;
}
.tag::after {
    background-color: #fff;
    width: 0.6em;
    height: 0.6em;
    border-radius: 50%;
    top: 50%;
    left: -0.41667em;
    margin-top: -0.3em;
}

.tag-label {
    font-family: aileron, sans-serif;
    font-weight: normal;
    color: white;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 10px;
}

.mean-container .mean-bar::after {
  content:'';
}
.mobile-menu-area {
    background-color:#fff;
}
#list-retailers > li:nth-child(odd) {
    background: #f6f6f6;
}
#list-retailers-nav .result {
    padding: 15px 10px;
}
.mobile-logo img {
    max-width: 125px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.singlepro-left {
  max-width:500px;
}

.retailername{
    font-family:  Spartan;
}
.pro-info .comp-prod  {
    font-size: 25px;
    padding: 6px;
}
.pro-info .comp-prod:hover {
    background-color: #56b7ff;
    color: #fff;
}
.wish-icon2:hover  {
    background-color: #ffce00;
    color:#fff;
}

.cat-botom-sec-name{
    color: #444444;
    font-family: Aileron;
    font-size: 14px;
    margin-bottom: 18px;
    font-style: normal;
}
.cat-botom-b-c{
    color: #444444;
    font-family: spartan;
    font-size: 16px;
}

.contact-us .contact-message
 {
    width: 100%;
    height: 150px;
}

.contact-us .contact-subject {
  width: 100%;
}

.mc-detail-block {
    padding: 20px 20px;
    z-index: 1;
}

.mc-detail-block p{
    /*color:#444444;*/
    font-size:16px !important;
}
.intro-mobile .dropup .btn-md {
    width: 80%;
    margin: 30px auto;
    display: block;
    background: #2cb5ba;
    border-color: #2cb5ba;
    border-radius: 5px;
}
.topnav-cart-items{
    height:85px;
}
.image-box {
  padding: 1px;
}
.left-sign-col .page-title h1 {
    font-size: 45px;
    text-align: center;
    width: 299px;
    margin: 0 auto;
    line-height: 65px;
}
.left-sign-col .page-title h1 span{
    font-family: Ludicrous;
    color: #91CFFF;
    font-size: 60px;
}
.phone-view {
  display:none !important;
}
li.phone-view {
  display:none !important;
}
.desktop-view {
  display:block !important;
}
li.desktop-view {
  display:inline-block !important;
}
/****************************
MOBILE FACTORY DIRECT SCROLLER
**************************/

#mobile-factory-scroller ul > li {
    color: #fff;
}
#mobile-factory-scroller .retname {
    font-size: 22px;
    margin-bottom: 20px;
}
#mobile-factory-scroller .retearned {
    font-size: 20px;
    margin-bottom: 15px;
}
#mobile-factory-scroller .retprice {
    font-size: 28px;
    color: #8DC63F;
    font-family: spartan;
    margin-bottom: 10px;
}
#mobile-factory-scroller .retholder {
    top: 5%;
}
#mobile-factory-scroller .owl-nav [class*="owl-"] {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #8DC63F;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}

#mobile-factory-scroller .owl-nav i{
  line-height:48px;
}

#mobile-factory-scroller .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:47%;
  transition:.4s;
}
#mobile-factory-scroller .owl-prev {
  left: -18px;
  position: absolute;

}
#mobile-factory-scroller .owl-next {
  position: absolute;
  right: -18px;
}
#mobile-factory-scroller .owl-nav [class*="owl-"]:hover {
  background: #8DC63F none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}
#mobile-factory-scroller .style-two .hover-content {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
#mobile-factory-scroller .retlink {
    width: 80%;
    margin-top: 15px;
}
#mobile-factory-scroller .retlink a{
    font-size: 15px;
    padding: 8px;
    height: auto;
}

/****************************
MOBILE AFFILIATES SCROLLER
**************************/

#mobile-affiliates-scroller ul > li {
    color: #fff;
}
#mobile-affiliates-scroller .retname {
    font-size: 22px;
    margin-bottom: 20px;
}
#mobile-affiliates-scroller .retearned {
    font-size: 20px;
    margin-bottom: 15px;
}
#mobile-affiliates-scroller .retprice {
    font-size: 28px;
    color: #8DC63F;
    font-family: spartan;
    margin-bottom: 10px;
}
#mobile-affiliates-scroller .retholder {
    top: 5%;
}
#mobile-affiliates-scroller .owl-nav [class*="owl-"] {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #8DC63F;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}

#mobile-affiliates-scroller .owl-nav i{
  line-height:48px;
}

#mobile-affiliates-scroller .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:47%;
  transition:.4s;
}
#mobile-affiliates-scroller .owl-prev {
  left: -18px;
  position: absolute;

}
#mobile-affiliates-scroller .owl-next {
  position: absolute;
  right: -18px;
}
#mobile-affiliates-scroller .owl-nav [class*="owl-"]:hover {
  background: #8DC63F none repeat scroll 0 0;
  color: #fff;
  text-decoration: none;
}
#mobile-affiliates-scroller .style-two .hover-content {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
#mobile-affiliates-scroller .retlink {
    width: 80%;
    margin-top: 15px;
}
#mobile-affiliates-scroller .retlink a{
    font-size: 15px;
    padding: 8px;
    height: auto;
}
.loginned-item .loginned {
    position: inherit;
/*    top: 20px;
    left:10px;*/
}
.global-nav-item .loginned .dropdown-menu {
      min-width: 200px;
      z-index: 99999;
}
.global-nav-item .loginned li {
    display: block !important;
    width: 100% !important;
}
.global-nav-item .loginned li:nth-child(1) a:hover{
    background-color:#ffce00;
    color:#fff;
}
.global-nav-item .loginned li:nth-child(2) a:hover{
    background-color:#8DC63F;
    color:#fff;
}
.global-nav-item .loginned li:nth-child(3) a:hover{
    background-color:#fa989f;
    color:#fff;
}
.global-nav-item .loginned li:nth-child(4) a:hover{
    background-color:#91cfff;
    color:#fff;
}
header.loginned-mode .menu-area .container {
  position: relative;
}

#myNav.affix {
    top: 120px;
    z-index: 99;
    position:fixed !important;
}
#myNav .affix-bottom { 
    position: absolute !important; 
}
#myNav .affix-top { 
    position: static !important; 
}
.profile-page #wishlist-products .product-block .no-margin {
    font-size: 19px;
    font-family: spartan;
  }
  .profile-page #wishlist-products .product-block .no-margin span{
    font-size: 12px;
  }
.profile-page #wishlist-products .product-block {
    margin-top: 50px;
}
/*.dropdown-menu.popover-menu {
    left: 0;
    right: 0;
    background: #fff;
    opacity: 1;
        -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit;
    overflow-y: scroll;
    max-height: 300px;
}*/
.prod-banner_block .dropdown-menu.popover-menu {
    left: 0px;
    right: 180px;
    padding: 15px;
    opacity: 0.85;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    background: rgba(255,255,255,0.95);
    bottom: 60px;
}
.prod-banner_button .btn {
    position: absolute;
    bottom: 0px;
    left: 29%;
    width: 300px;
    font-size: 15px !important;
}
@media (max-width: 767px)
  {
  .prod-banner_block {
      position: static;
  }
  .prod-banner_button .btn {
      position: static;
  }
  .prod-banner_block .dropdown-menu.popover-menu {
      left: 30px;
      right: 30px;
  }
}
@media (max-width: 550px)
{
  .prod-banner_block .dropdown-menu.popover-menu {
      column-count: 2; 
  }

}
@media (max-width: 480px)
{
  .prod-banner_block .dropdown-menu.popover-menu {
      column-count: 1; 
  }

}
/*-------------------------- Popover Menu
---------------------------------------*/
/*.dropdown-menu.popover-menu
{
  left: 180px;
    right: 180px;
    padding: 15px;
    opacity: 0.85;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 4;
    background: rgba(255,255,255,0.95);
    bottom: 60px;
}

.dropdown-menu.popover-menu:after
{
  content:"";
  display:block;
  width:0;
  height:0;
  
    border-style: solid;
    border-width: 9px 10px 0px 10px;
    border-color: rgba(255,255,255,0.85) transparent transparent transparent;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: auto;
}
@media (max-width:991px)
{
  .dropdown-menu.popover-menu
  {
   -webkit-column-count: inherit;
    -moz-column-count: inherit;
    column-count: inherit;
  overflow-y:scroll;
      max-height: 300px;
  }
  .dropdown-menu.popover-menu:after
  {
    content:normal;
  }
}
@media (max-width:767px)
{
  .dropdown-menu.popover-menu
  {
    left:0;
    right:0;
    background: #fff;
      opacity: 1;
  }
}*/

/*

.dropdown-menu.popover-menu > li
{
  page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
  font-size:14px;
  color:#000000;
}
.dropdown-menu.popover-menu > li.pop-menu-title
{
  display:block;
}
.dropdown-menu.popover-menu > li.pop-menu-title a
{
  font-weight:bold;
  font-size:14px;
  font-weight:700;
  
  color: #000000;
    font-size: 16px;
  text-transform:uppercase;
    
}
.dropdown-menu.popover-menu > li > a
{
  padding:0;
  line-height: 25px;
      display: inline-block;
}
.dropdown-menu.popover-menu > li > a:hover
{
  background:none;
  color:#00718f;
}
*/
.about-us-copy p {
    font-size: 15px;
    color: #000000;
    line-height: 22px;
    margin-top: 20px;
    margin-left: 10px;
    text-align: justify;
}

.about-us-copy ul {
    list-style: disc !important;
    max-width: 600px;
}

.about-us-copy ul li {
  font-size: 14px;
  color: #000000;
  line-height: 22px;
  margin-bottom: 20px;
  margin-left: 40px;
  text-align: justify;
  padding-left: 5px;
  list-style: disc !important;
  display: list-item;
}

/* Evoucher Page */
.icon-www {
    background-image: url(/assets/sportscashassets/icons/ico_www.png);
}
.tab-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 5px;
}
.icon-store {
    background-image: url(/assets/sportscashassets/icons/ico_store.png);
}
.input-group {
    margin-bottom: 15px;
}
.icon-truck {
    background-image: url(/assets/sportscashassets/icons/ico_truck.png);
}
.mobile-cart {
  text-align:center;
  display:none;
}
.mobile-cart .img-holder img{
    height: 200px;
    margin: 0 auto;
    display: block;
    width:auto;
}
.mobile-cart .prodprice span {
    font-size: 25px;
    font-family: aileron;
}
.mobile-cart .cart-plus-minus-box {
  width:70% !important;
}
.mobile-cart .cashreward span {
  font-size: 12px;
  font-style: italic;
}
/*.mobile-cart .removeme {
  position: absolute;
  top: 0px;
  right: 18px;
}*/
.mobile-cart .removeme a {
    background-color: #fa989f;
    padding: 2px;
    font-size: 23px;
    color: #fff;
    width: 100%;
    display: block;
}
.mobile-cart .row-product-name {
    height: 50px;
}
.mobile-cart .subtotal{
  display:none;
}
.mobile-cart .shop-control {
    clear: both;
    padding-top: 30px;
}
.mobile-cart .shop-control .butcontinue{
  float:left;
  width:49%;
  text-align:left;
}
.mobile-cart .shop-control .butcontrol{
  float:right;
  width:49%;
  text-align:right;
}

  .cart-page .btn-product,
 .mobile-cart .btn-product {
    background-color: #fa989f;
    color: #fff;
}
  .cart-page .btn-remove-item {
    color: #fa989f;
  }

.mobile-checkout {
  display:none;
}
.mobile-checkout > div {
    width: 49%;
    float: left;
    height: 170px;
}
.mobile-checkout .imgholder {
    width: 45%;
    float: left;
}
.mobile-checkout .imgholder img {
    max-width: 100%;
    padding: 12px;
}
.mobile-checkout .content-holder {
    float: left;
    width: 54%;
}
.mobile-checkout  .row-product-name {
    margin-bottom: 10px;
}
.mobile-checkout .row-product-name a {
    font-size: 13px;
    font-weight: bold;
}

.mobile-checkout span.price {
    font-weight: bold;
}
.mobile-checkout span.quantity {
    font-weight: bold;
}
.mobile-checkout span.shippingcost {
    font-weight: bold;
}
.mobile-checkout span.subtotal {
    font-weight: bold;
    font-size: 18px;
}
.hands-holder {
    background-image: url(/skin/heroshopper/img/other/hands.png);
    width: 480px;
    margin: 0 auto;
    background-size: cover;
    min-height: 300px;
    position: relative;
    display: block !important;
    margin-bottom: 30px;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.hands-holder h6 {
    top: 22%;
    left: 29%;
    transform: translatex(-20%);
    position: absolute;
}
.hands-holder span {
    top: 40%;
    position: absolute;
    left: 42%;
    transform: translateY(-50%);
    font-size: 30px;
}
.calc-category .orig-holder {
  display: table;
  margin: 0 auto 20px;
  padding: 0;
  white-space: nowrap;
}
.calc-category .orig-holder h6 {
  padding: 15px 0px 15px 15px;
  margin: 0;
  background: #fff;
  color: #00AEEF;
  border: 1px solid #00AEEF !important;
  white-space: nowrap;
  display: inline-block;
}
.calc-category .orig-holder span {
  background: #00AEEF;
  padding: 13px 34px;
  margin: 0;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
}
/*.fa-shopping-cart:before
{
  content: "\f290" !important;
}*/
.order-complete
{
  text-align:center;
  padding: 25px 15px;
}
.order-complete ul
{
  text-align:center;
  margin:0;
  padding:0;
  list-style-type:none;
  margin-top: 25px;
}
.order-complete ul li
{
  margin-bottom: 15px;
}
.order-complete ul li i
{
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;}
  .order-complete ul li i:before
  {
    position: relative;
    top: 3px;
  }
.order-complete ul li span
{
    display: inline-block;
    overflow: hidden;
}
.order-complete ul li span > strong
{
    text-shadow: 1px 1px 3px #000;  
}
.order_cat-block
{
margin-top: 25px;
    position: relative;
    background: #ffffff;
}
.order_cat-block a
{
position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    max-width: 250px;
    margin: auto;
}
.order_cat-block img
{
  transition: all .2s linear;
  opacity:1;
  filter:alpha(opacity=100);
}
.order_cat-block:hover img{
  opacity:0.7;
  filter:alpha(opacity=70);
}

.order_cat-block:hover .btn-black-fill{
  background-color: #8DC63F;
}

.btn-black-fill {
  color: #ffffff;
  background-color: rgba(0,0,0,0.3);
  border:none;
  border-width:3px;
  padding: 8px 15px;
  transition: all .2s linear;
}
.btn-black-fill:hover {
  color: #ffffff;
      background: rgba(0, 0, 0, 0);
}
.btn-black-fill.active.focus, .btn-black-fill.active:focus, .btn-black-fill.active:hover, .btn-black-fill:active.focus, .btn-black-fill:active:focus, .btn-black-fill:active:hover, .open>.dropdown-toggle.btn-black-fill.focus, .open>.dropdown-toggle.btn-black-fill:focus, .open>.dropdown-toggle.btn-black-fill:hover {
  color: #ffffff !important;
      background: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 767px)
{
  .hands-holder {
    width: 360px;
    min-height: 222px;
  }
  .hands-holder h6 {
    top: 15%;
    left: 27%;
  }
  .hands-holder span {
    top: 50%;  
    left: 40%;
  }
}
@media only screen and (max-width: 767px)
{
  .hands-holder {
      width: 250px;
      min-height: 150px;
  }
  .hands-holder h6 {
    top: 8%;
    font-size: 14px;
  } 
  .hands-holder span {
    left: 34%; 
  }
}
/*---------- Compare Table ----------*/
.table-container::-webkit-scrollbar
{
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
.table.compare-table {
    border-collapse: collapse;
}
.table.compare-table tr th,
.table.compare-table tr td {
    text-align: center;
    border-left: solid 1px #cccccc;
    border-top: none;
    width: 190px;
    max-width: 193px;
    vertical-align: middle;
}
.table.compare-table tr td {
    font-size: 12px;
}
.table.compare-table tr td img {
    margin: auto;
}
.table.compare-table tr th {
    border-top: solid 1px #cccccc;
    font-size: 11px;
}
.table.compare-table tr td:first-child,
.table.compare-table tr th:first-child {
    border-left: none;
}
.table.compare-table tr:last-child td {
    border-bottom: solid 1px #cccccc;
}
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}
@media only screen and (max-width: 767px)
{
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: normal;
}
}
/* HOW IT WORKS PAGE */

.page-content-wrapper > #content > div:nth-of-type(3) .banner-copy {
    max-width: 45%;
    text-align: left !important;
}

.page-content-wrapper > #content > div:nth-of-type(4) .banner-copy {
    max-width: 45%;
    text-align: left !important;
}
.page-content-wrapper > #content > div:nth-of-type(5) .banner-copy {
    max-width: 45%;
    text-align: left !important;
}

.page-content-wrapper > #content > div:nth-of-type(6) .banner-copy {
    max-width: 45%;
    text-align: left !important;
}
.page-content-wrapper > #content > div:nth-of-type(7) .banner-copy {
    max-width: 45%;
    text-align: left !important;
}
.howitworks-page .banner-copy h4 {
    color: #8DC63F !important;
}
.howitworks-page .banner-copy h3,
.howitworks-page .banner-copy p,
.howitworks-page .banner-copy ul li {
    color:#555 !important;
        text-align: left;
 }
.howitworks-page .big-slider .slider-detail ul li {
    display: block;
}
.howitworks-page .slider-detail {
    margin-bottom: 0px !important;
}
@media (min-width: 992px) {
  .about-banner .banner-copy {
    
  }
}
@media (min-width: 1100px) {
  .about-banner .container {
      width: 97% !important;
  }
  .about-banner .banner-copy {
  padding-top: 10px;
  }
}
@media (min-width: 1400px) {

  .about-banner .container {
    width: 1400px;
  }
  .about-banner .banner-copy {
    padding: 40px 0px;
  }
  .banner-copy p,
  .banner-copy ul li {
    font-size: 19px !important;
  }
}
@media (max-width: 1200px) {
  .howitworks-page .banner-copy h3 {
    font-size: 20px;
  }
  .howitworks-page .banner-copy h4 {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .howitworks-page .big-slider {
      background: none !important;
  }
  .howitworks-page .big-slider .slider-copy h1{
      color:#555 !important;
      font-size: 28px;
    margin: 20px 0;
  }
  .howitworks-page .big-slider .slider-detail p {
      color: #555 !important;
  } 
  .howitworks-page .about-banner {
    border-top: 1px solid #ddd;
  }

}
@media (max-width: 767px) {
.howitworks-page .big-slider .slider-copy {
    padding: 20px 0 20px 0;
  }
}
@media (max-width: 600px) {
  .page-content-wrapper > #content > div .banner-copy {
      max-width: 100% !important;

  }
}
@media (max-width: 480px) {
  .howitworks-page .big-slider .slider-copy h1{
    font-size: 24px;
  }
  .howitworks-page .banner-copy h3 {
    font-size: 17px;
  }
  .howitworks-page .banner-copy h4 {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
/*
.comp-img-holder{
    position: relative;
}
.comp-wish-icon {
    position: absolute;
    top: 0px;
    right: 10%;
  }

.comp-wish-icon .wish-icon2 {
    font-size: 28px;
    padding: 10px;
    letter-spacing: 8px;
}*/


.panel-body a{
    color:#337ab7;
}
.retailer-heading-1,
.retailer-heading-2  {
    text-align:center;
    margin-bottom:15px;
    color: #FFF;
}

.copy-block {
    display: block;
    text-align: center;
    padding: 20px 0px;
}
.copy-block > p {
    /*display: inline-block;*/
    vertical-align: bottom;
    font-size: 12px;
    margin: 0 15px;
    color: rgba(255, 255, 255, 0.7);
}
.white-color{
  color:#fff
}
.white-color a{
  color:#fff
}
.container-welcome {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 4200px){

  .container-welcome {
    width: 900px;
  }
}
@media only screen and (max-width: 770px) {

  .container-welcome {
    width: 100%;
  }
}
.mc-detail-block {
  padding: 20px 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.retailer-detail-box {
  padding: 10px;
  width: 90%;
}
.retailer-detail-box p {
  font-size: 16px !important;
}
.inputtype{
  border: 1px solid #ccc;
}


/* ewallet classes */

.dropdown-menu-dark {
	min-width:370px;
	background-color:#000;
  background:#000;
  color:#fff;
}
@media (max-width: 600px){

	.dropdown-menu-dark {
		min-width:270px;
	}
}

@media (max-width: 400px){

	.dropdown-menu-dark {
		min-width:232px;
	}
}

.dashboard {
    padding: 5px;
    color: white;
}


.holder_bu {
    cursor: pointer;
}

.holder_bu_center {
    position: absolute;
    top: 5%;
    left: 0%;
    width: 60%;
    height: 90%;
    background: rgba(0, 0, 0,.8);
    -webkit-transition: width 1s, height 1s, top 1s, left 1s;
    -moz-transition: width 1s, height 1s, top 1s, left 1s;
    -o-transition: width 1s, height 1s, top 1s, left 1s;
    -ms-transition: width 1s, height 1s, top 1s, left 1s;
    transition: width 1s, height 1s, top 1s, left 1s;
    z-index: 5;
}

.dashboard .user-section:last-child {
    border-right: none;
}
.dashboard .user-section {
    text-align: center;
    padding: 2px;
    height: auto;
}

.section-header {
  border-bottom: 1px solid #fff;
  margin: 0 15px;
}
.user-section .circle-img {
  background-color: #5bcbf3;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  padding: 12px 8px;
  margin: 10px auto 20px;
  float: left;
}

.dashboard h3 {
  font-size: 20px;
  margin-top: 25px;
  font-weight: 300;
  -webkit-transition: font-size 1.5s ease;
  -moz-transition: font-size 1.5s ease;
  -o-transition: font-size 1.5s ease;
  transition: font-size 1.5s ease;  color:#fff;
}
.section-label, .section-link {
  padding: 0;
}
.dashboard .user-section .balance-details {
  padding: 20px 0px;  color:#fff;
}
.holder_bu_center .section-link, .holder_bu_center #userwishlist .listholder, .holder_bu_center .balance-details, .holder_bu_center .user-section ul {
  opacity: 1;
  max-height: auto;
  transition: opacity 2s ease-in;
  transition: max-height 2s ease-in;
  transform: scale(1);
  transition: all .5s ease-in;
}
.dashboard .user-section .amount-label {
  font-size: 14px;
  font-weight: 100;
  text-align: center;  color:#fff;
}
.dashboard .user-section .amount-balance {
  font-size: 24px;
  color: #5bcbf3;
  font-weight: 700;  color:#fff;
}
dashboard .user-section .amount-label {
  font-size: 14px;
  font-weight: 100;
  text-align: right;  color:#fff;
}
dashboard .user-section .amount-contribution {
  font-size: 24px;
  font-weight: 700;  color:#fff;
}

/* ewallet section ended */


/* brand page */


.brand-sec-container{
	width: 100%;
    height: 100%;
	display: inline-table;
	padding-bottom: 20px;
	z-index: 2;
	border-radius:30px;
	text-align: -webkit-center;

}
.brand-sec-container .imgdiv{
	opacity: .6;
}

.imgdivhypermart{
  /* opacity: .6; */
  width: 360px;
    height: 250px;
    display: -webkit-box;
    border: 2px solid #848383;
    border-radius: 5px;
}

.hypermart-voucher-info {
  display: block;
  position: absolute;
  text-align: center;
  padding: 15px;
  color: #000000;
  font-size: 14px;
  top: 0;
  left: 0;
right: 0;
}
.hypermart-voucher-info h6 {
  color: #000;
  font-size: 20px;
  font-weight: bolder;
  transition: all 0.3s linear 0s;
  line-height: 25px;
}


.hypermart-voucher-info-brand {
  display: block;
  position: absolute;
  text-align: center;
  padding: 15px;
  color: #000000;
  font-size: 14px;
  top: 110px;
  left: 0;
right: 0;
}
.hypermart-voucher-info-brand h6 {
  color: #000;
  font-size: 20px;
  font-weight: bolder;
  transition: all 0.3s linear 0s;
  line-height: 25px;
}
.btn-md-brand {
  font-size: 16px !important;
  padding-top: 5px;
  padding-bottom: 0px;
}
.btn-white {
  color: #ffffff;
  background-color: #00AEEF;
  border-color: #00AEEF;
  border-width: 3px;
  padding: 4px 15px;
  text-transform: capitalize !important;
}
.dropup p {
  margin: 0 0 10px !important;
  color:#fff !important;
}
/* brand page ended */
.evoucher-home-subheading{
  margin-bottom: 20px;
  padding-top: 23px;
  text-align: center !important;
}

.hypermart-bike-voucher-info {
  display: block;
  /* position: absolute; */
  text-align: center;
  padding: 15px;
  color: #000000;
  font-size: 14px;
  top: 0;
  left: 0;
  right: 0;
  border: 2px solid #848383;
  border-radius: 5px;
}
.btn-primary-blk {
  color: #000 !important;
  background-color: #b0953a;
  font-size: 1.2em;
  font-weight: 700;
  margin-right: 10px;
  font-family: 'Merriweather', serif !important;
}


.classWithPad { margin:0px; padding:5px; 	border:2px solid #91cfff; padding-top:20px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.price-notice{
	font-size:12px !important;
}
.expressmarginbottom{
	margin-bottom:10px !important;
}
.mc-logo > img
{
	position:absolute;
	max-width:80%;
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.mc-info-block {
    display: inline-block;
    width: 270px;
    margin-right: 0px;
    float: left;
    /*background: #F7F7F7;*/
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 20px 0px;
    color: #3b424a;
}
.qtytxt{
    text-align:right;
    padding-top: 4px;
}
.flexi-express{
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    padding: 7px;
    z-index: 1;
    font-size: 12px;
    text-align: center;
    /* border-top: solid 2px #b0953a; */
    height: 42px;
    width: 100%;
    text-transform: capitalize;
    /* overflow: hidden; */
    background: #fff;
    font-weight: 700;
}
.express_images img {
  height: 180px;
  margin-bottom: 38px;
}
.add-cart-loader, .price-notice, .flexi_message,  .price_flexi_notice, .add-cart-flexi-loader, 
.add-favorite-msg, .message {
    display: none;
}

/* Slider CSS Start */

/* bxslider */
.bx-wrapper {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
  /* margin-bottom: 20px; */
  margin-left:16px;
  margin-top:16px;
}

/** THEME
===================================*/
.bxslider {
  top: -12px;
}
.bx-wrapper .bx-viewport {
    background: #fff;
}

.bx-wrapper .bx-pager{
  display: none;
}

.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    /* background: url(//bxslider.com/lib/images/bx_loader.gif) center center no-repeat #fff; */
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: -50px;	
  border-radius: 15px;
}

.bx-wrapper .bx-prev:before{
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #b0953a;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition: .4s;
}

.bx-wrapper .bx-next {
    right: -50px;	
  border-radius: 15px;  
}

.bx-wrapper .bx-next:before{
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  color: #b0953a;
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 50px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition: .4s;
}

.bx-wrapper .bx-controls-direction a {  
  position: relative;
  top: 50%;
  transform:translateY(-50%);
  outline: 0;
  width: 32px;
  height: 112px; 
  text-indent: -9999px;
  z-index: 9999;
  border: 1px solid #e6e6e6;
background: -webkit-linear-gradient(#fcfcfc 0%, #ebebeb 100%);
background: -moz-linear-gradient(#fcfcfc 0%, #ebebeb 100%);
background: -o-linear-gradient(#fcfcfc 0%, #ebebeb 100%);
background: linear-gradient(#fcfcfc 0%, #ebebeb 100%);  
}

.bx-wrapper .bx-controls-direction a:hover{
  background: #ebebeb;
}

.bx-wrapper .bx-controls-direction a:hover:before{
  left:45%;
}

.bx-wrapper .bx-controls-direction a.bx-next:hover:before{
  left:55%;
}


.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    /* background: url(//bxslider.com/lib/images/controls.png) -86px -11px no-repeat; */
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    /* background: url(//bxslider.com/lib/images/controls.png) -86px -44px no-repeat; */
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;

    display: block;
    font-size: .85em;
    padding: 10px;
}
.bx-controls{
    display:none;
}
/* Slider CSS End */

.brand-sec-container .imgdiv img{
  border-radius:25px;
}
.calc-button {
  font-size: 20px !important;
}
.item .slider-content p{
  line-height: 40px !important;
}
.carousel-inner .item{
  height:250px !important;
}
@media (min-width: 768px){
	.navbar-nav {
		width: 60em !important;
	}
}

.carousel-inner .item{
  padding-top: 50px !important;
}

.green-bg {
  background-color: #8DC63F;
  color: #fff !important;
  padding-top: 1em;
  padding-bottom: 2em;
}
.green-bg h1 {
  font-size: 24px;
  line-height: 46px;
}
.green-bg p {
  font-weight: normal;
  color: #000;
  /* padding: 40px 100px; */
  font-size: 1.3em;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
  line-height: 30px;
}
.txt-center{
  text-align: center;
}
.model_content {
  padding: 1em;
  font-size: 1.1em;
}
.model_content ul {
  padding-left: 1em;
}
.model_content ul li {
  list-style-type: decimal;
  display: list-item;
  padding-bottom: 0.5em;
}

/*home page video section*/

.intro {
  margin-top: 2em;
}
.nopadding {
  padding: 0px !important;
}
.dashboard2 {
  /* padding: 5px; */
  color: white;
  margin: 3px;
  /* min-height: 340px; */
  min-height: auto;
}
.bounty-intro-block-no-border {
  display: block;
  /* background: #f5f5f5; */
  padding: 0.1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  min-height: 203px;
  text-align: left;
}
.bounty-intro-block-no-border img{
  max-height: 400px;
}

div.laptop-wrapper {
  position: relative;
  padding-bottom: 61.5%;
  height: 0;
  bottom: 0;
  z-index: 10;
}
div.laptop-wrapper iframe {
  box-sizing: border-box;
  background: url(/skin/velo/images/videoPlaceholder.png) center center no-repeat;
  background-size: contain;
  padding: 1.5% 2.8% 1.5%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.dashboard2 iframe {
  position: relative;
  bottom: 45px;
  z-index: 10;
  width: 470px;
}
.left-align {
  text-align: left;
}

.page-title .faq p {
  text-align: left !important;
}

.dashboard2 p {
  text-align: left;
  margin: 0 auto;
  padding-bottom: 0.3em;
}
.greenbg{
  /*background: #06c09d;*/
  background: #8DC63F;
}
.redbg{
  background: #EC008C;
}
.darkbluebg{
  background: #00AEEF;
}

.lightgreybg{
  background: #BCBEC0;
}
.half-section{
  min-height: 135px;
  height: auto;
  display: flow-root;
}
/*Login Strip*/
.shop-bike-section {
  /*background: url(/skin/driverplus/images/about_bg.jpg);*/
  padding-bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
  display: flex;
  margin: 3px;
  /*border-radius: 1em;*/
  float: left;
  width: 100%;
}
.shop-bike-section-half {
  /*background: url(/skin/driverplus/images/about_bg.jpg);*/
  padding-bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
  display: flex;
  margin: 3px;
  /*border-radius: 1em;*/
  float: left;
  width: 49%;
}
.home-small-boxes {
  position: relative;
  padding: 1em;
}
.layer2 {
  background-color: #1075BC;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1em;
}
.bike-content {
  text-align: center;
  color: #fff;
  padding-top: .3em;
}
.home-small-boxes-btn {
  margin-top: 0em;
}
.stripe_p_tag p {
  font-size: 19px;
}
.home-small-boxes-btn-right {
  margin-top: 1em;
  margin-bottom: 1em;
}
.bike-content a {
  font-family: 'Alternategotno1d';
  font-weight: 400;
  font-size: 1em;
  cursor: pointer;
  color: #fff;
}
.white_btn {
  width: auto;
  height: 50px;
  border-radius: 4px;
  background: none;
  display: inline-block;
  text-align: center;
  transition: all .1s linear;
  font-size: 20px !important;
  padding: 10px;
  font-weight: bold;
  border: 1px solid #444444;
  font-family: 'MuseoSans', sans-serif !important;
}

.home-small-boxes {
  position: relative;
  padding: 1em;
}
.bike-content {
  text-align: center;
  color: #fff;
  padding: 2em;
}

.light_grey {
  background-color: #003468;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1em;
}
.light_grey h1{
  color: #ffffff;
}


.light_grey p{
  color: #ffffff;
}

.light_grey .strip_btn{
  background-color: #68bdd8 !important;
}

.dark_grey {
  background-color: #68bdd8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1em;
}

.dark_grey h1{
  color: #ffffff;
}


.dark_grey p{
  color: #ffffff;
}

.dark_grey .strip_btn{
  background-color: #003468 !important;
}
.light_blue{
  background-color: #b7e4f7;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1em;
}

.strip_btn{
  color: #fff;
  padding: 15px 15px 15px 15px;
  transition: .3s;
  letter-spacing: 2px;
  font-size: 15px !important;
  border-radius: 5px;
  background-color: #ee4392;
  font-family: 'MuseoSans', sans-serif !important;
  text-transform: capitalize !important;
  font-weight: bold !important;
  text-shadow: none;
  display: inline-block;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}
.shop-bike-section .bike-content h1{
  text-transform: capitalize !important;
}
.m-t-xl{
  margin-top:0px !important;
}
.small_images_first li {
  padding: 0px;
  min-height: 140px;
  overflow: hidden;
  cursor: pointer;
}
.small_images_first li img {
  max-height: 130px;
  max-width: 90%;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #e0e0e0;
  border-image: none;
  border-style: solid solid none;
  border-width: 0 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 10px 0 7px 0;
  min-height: 35px;
  text-align: center;
  border-bottom: solid 1px #E6E6E6;
}
.dropdown-menu>li>a {
  display: block;
  padding: 10px 15px;
  clear: both;
  font-weight: bolder;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  border-bottom: solid 1px #E6E6E6;
  font-size: 14px;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{
  color: #333 !important;
}

.dropdown-menu li{
  display: block !important;
}

.ui-widget-content{
  width: auto !important;
  z-index: 2000 !important

}
.ui-menu-item{
  display: block;
}




.sp-checkbox-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:#464646;
  font-size: 12px;
  font-weight: 400;
  margin-top: 1em;
}

/* Hide the browser's default checkbox */

.sp-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.sp-checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: solid 1px #464646;;
  background: none;
  border-radius: 2px;
}

/* On mouse-over, add a grey background color */

.sp-checkbox-container:hover input~.sp-checkbox-checkmark {
  background-color: rgba(255, 255, 255, 0.1);
}

/* When the checkbox is checked, add a blue background */

.sp-checkbox-container input:checked~.sp-checkbox-checkmark {
  border: solid 1px #464646;;
  background: none;
  border-radius: 2px;
}

/* Create the checkmark/indicator (hidden when not checked) */

.sp-checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.sp-checkbox-container input:checked~.sp-checkbox-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.sp-checkbox-container .sp-checkbox-checkmark:after {
  left: 5px;
  top: 3px;
  width: 4px;
  height: 8px;
  border: solid #464646;;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  text-align: center;
  z-index: 9999999;
  overflow: auto;
  width: 200px;
  height: 200px; /*hight of the spinner gif +2px to fix IE8 issue */
  display: none;
}
.spinner-bg{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  z-index: 9999999;
  display: none;
  background: #fff;
}


display-flex, .form-flex, .form-date-group, .form-radio-flex, .form-find{
  display: flex;
  display: -webkit-flex;
}
.form-date-item {
  position: relative;
  overflow: hidden;
  width: 100px;
  margin-right: 10px;
}

.form-date-group select {
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  cursor: pointer;
  padding: 5px 10px;
  height: 34px;
  color: #999;
  box-sizing: border-box;
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
}
.text-input {
font-size: 12px;
color: #999;
display: block;
margin-top: 5px;
}

.form-flex {
  margin: 0 -10px;
}

.charity_section{
  /*display:flex;*/
  text-align: left;
}
.charity_section h1{
  color: #666;
}
.charity_section p {
  color: #666;
}

.causes_section{
  margin-top: 1em;
  margin-bottom: 1em;
  /*display:flex;*/
  text-align: left;
  /*border-top: 1px solid #c7c7c7;*/
  background-color: #ffffff;
  border-radius: 1em;
  padding: 1em;
}

.causes_section h1{
  color: #666;
}
.causes_section p {
  color: #666;
}

.menu-container{
  display: list-item;
}

/*top header msg*/

/*Header Msg Starts*/
.header-msg {
  background-color: #003468;
  width: 100%;
  height: 2.6vw;
}
.header-msg .msg-txt {
  /*position: absolute;*/
  font-size: 1vw;
  letter-spacing: 0.055vw;
  margin: 0;
  /*left: 20.9vw;*/
  /*top: 4.6vw;*/
  padding-top: 10px;
  text-align: center;
}
.btn{
  text-transform: capitalize;
}
.msg-txt {
  color: #FFFFFF !important;
}
/*Header Msg Ends*/


.aligncenter {
    text-align: center;
}
.underline{
  text-decoration: underline;
}

.saved-card{
  background: #f4f3f3;
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0 -9px 8px rgba(220,220,220,.4);
  padding: 25px 20px;
  box-sizing: content-box;
  position: relative;
  display: flow-root;
  margin-bottom: 2em;
}

.card-image{
  width: 90px;
  height: 60px;
  margin-right: 20px;
  background-image: url("/images/cards_sprite.svg?1596438248309");;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0;
  flex-shrink: 0;
  display: block !important;
  float: left;
}

.card-image.icon-visa {
  background-position: 0%;
  background-color: #f8f9f9;
}
.card-image.icon-mastercard {
  background-position: 33.2%;
  background-color: #f8f9f9;
}


.card-image.icon-amex {
  background-position: 67%;
  background-color: #f8f9f9;
}

.card-details-two {
    min-width: 140px;
    width: 100%;
    font-size: 16px;
    position: relative;
    padding-right: 6px;
    word-break: break-all;
  text-align: left;
}

.card-type-two {
  font-weight: 700;
  font-size: inherit;
  margin-bottom: 4px;
  text-transform: capitalize;
}

.express-checkout {
  margin-left: 60px;
}

.row .col-xl-auto {
  -webkit-flex: 1 1 .01%;
  -ms-flex: 1 1 .01%;
  -moz-flex: 1 1 .01%;
  -o-flex: 1 1 .01%;
  flex: 1 1 .01%;
  -webkit-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.card-details-two .expires {
  color: #aaa;
  font-size: 12px;
}
.alert-danger-banner-message {
  margin: 5px 0px;
  color: #ffffff;
  background-color: #C1281B;
  border-color: #C1281B;
  text-align: center !important;
  border-radius: 10px;
}

.alert-danger-banner-message a{
  color: #ffffff;
  background-color: #C1281B;
  border-color: #C1281B;
}


.showVouchermodel hr{
  margin:  10px !important;
  padding: 0px;
  border-bottom: 1px solid #eceff8;
  border-top: 0px;
}

.showVouchermodel h4{
  font-size: 14px;
  color: #464646;
  line-height: 18px;
}


.edit_donating_percentage{
  background-color: #fff;
}
.edit_donating_percentage select{
  background-color: #fff;
}
.charity_section hr{
  margin: 24px 0;
  padding: 0px;
  border-bottom: 1px solid #c7c7c7;
  border-top: 0px;
}
.rightalign{
  text-align: right !important;
}

/*Timer Css Start*/
.clock{
  display: inline-block;
}
.clock .digit{
  margin-right:10px;
}
.digit {
  position: relative;
  float: left;
  width: 80px;
  height: 80px;
  text-align: center;
  font-family: Oswald, sans-serif;
  font-size: 40px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #003360;
  border: 1px solid #003360;
  border-radius: 3px 3px 2px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*-webkit-box-shadow: inset 0 1px rgba(91, 203, 243, 0.5), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px rgba(91, 203, 243, 1), 0 1px 2px rgba(0, 0, 0, 0.1);*/
}
.digit:before,
.digit:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -1px;
  right: -1px;
  z-index: -1;
  height: 2px;
  background:  var(--color-primary);
  border-radius: 2px;
}

.digit:before {
  bottom: -5px;
}

.base {
  display: block;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}
.digittext {
  position: absolute;
  bottom: 3px;
  left: 0px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
/*Timer Css Ends*/

/*Store Buttons*/
.store_primary_button {
  text-transform: capitalize !important;
  background-color: var(--store_btn_colour) !important;
  color: var(--store_btn_txt_colour) !important;
  border-color: var(--store_btn_colour) !important;
}
.store_primary_button:hover {
  background-color: var(--store_btn_hover_colour) !important;
  color: var(--store_btn_txt_colour) !important;
  border-color: var(--store_btn_hover_colour) !important;
}
.store_primary_button:active {
  background-color: var(--store_btn_hover_colour) !important;
  color: var(--store_btn_txt_colour) !important;
  border-color: var(--store_btn_hover_colour) !important;
}

.store_secondary_button {
  text-transform: capitalize !important;
  background-color: var(--store_btn_hover_colour) !important;
  color: var(--store_btn_txt_colour) !important;
  border-color: var(--store_btn_hover_colour) !important;
}
.store_secondary_button:hover {
  background-color: var(--store_btn_colour) !important;
  color: var(--store_btn_txt_colour) !important;
  border-color: var(--store_btn_colour) !important;
}
.store_secondary_button:active {
  background-color: var(--store_btn_colour) !important;
  color: var(--store_btn_txt_colour) !important;
  border-color: var(--store_btn_colour) !important;
}

.btn-action button:hover{
  background-color: var(--store_btn_hover_colour) !important;
}

.btn-action button.active{
  background-color: var(--store_btn_hover_colour) !important;
}



.store_white_btn {
  text-transform: capitalize !important;
  background-color: #FFFFFF !important;
  color: #000000 !important;
  border-color: #FFFFFF !important;
}
.store_white_btn:hover {
  background-color: #000000 !important;
  color: #FFFFFF !important;
  border-color: #000000 !important;
}
.store_white_btn:active {
  background-color: #000000 !important;
  color: #FFFFFF !important;
  border-color: #000000 !important;
}

/*#flexi-voucher-slider .owl-nav [class*="owl-"]{*/
  /*color: var(--store_btn_colour) !important;*/
/*}*/

/*End Store Buttons*/

/* ============= 28. ScrollUp   ============= */
#scrollUp {
  background: var(--store_btn_colour) none repeat scroll 0 0;
  border-radius: 0px;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 28px;
  height: 40px;
  line-height: 35px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 40px;
  z-index: 200;
}
#scrollUp:hover{background:var(--store_btn_hover_colour);}

/* ============= Boxed Layout CSS  ============= */

.sph-today {
  padding: 20px 5px;
  border: 2px solid #c7c7c7;
  border-radius: 12px;
}

.sph-box-title h4 > span {
  padding: 0 20px;
  position: relative;
  z-index: 1;
  background: #fff;
}
.sph-box-content {
  width: 100%;
}
.sph-today_categs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.sph-today_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 20px 35px; */
  padding: 10px 8px;
}
.sph-today_item a {
  display: inline-block;
  margin-top: 20px;
  font-weight: 500;
  color: var(--color-primary);
}

.sph-today_categs a:hover{
  text-decoration: none;
}




#app-download-slider .owl-nav [class*="owl-"] {
  background: #f6f6f6;
  border-radius: 100%;
  color: var(--store_btn_colour);
  cursor: pointer;
  display: inline-block;
  font-size: 40pt;
  height: 100px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  width: 50px;
  transition:.4s;
}
#app-download-slider .owl-nav i{ line-height:48px;
}
#app-download-slider .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  top:41%;
  transition:.4s;
}
#app-download-slider .owl-prev {
  left: -34px;
  position: absolute;
}
#app-download-slider .owl-next {
  position: absolute;
  right: -28px;
}
#app-download-slider .owl-nav [class*="owl-"]:hover {
  background: transparent;
  color: var(--store_btn_hover_colour);
  text-decoration: none;
}

#app-download-slider .flip-container.vouchers-flip {
  height: 420px;
}

#app-download-slider .vouchers-flip .product-image {
  height: 390px;
}

@media (max-width: 767px){
  #app-download-slider   .vouchers-flip .product-image img {
    margin: auto;
    max-height: 380px;
  }
}

.p-nomargin p{
  margin: 0px !important;
}

.box_images_p_height{
  height: 100px;
  overflow: hidden;
}

.marketplace_box{
  text-align: center;
  color: #fff;
  padding: 0em;
  width: 100%;
  background-color: #ffffff !important;
  border: 2px solid #c7c7c7;
  border-radius: 1em;
}


.bn_light_grey{
  background-color: #e8e8e8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1em;
}
.bn_dark_grey {
  background-color: #c5c5c6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1em;
}


/*Digital membership card start*/
.digital_card {
  width: 365px;
  margin: 0 auto;
  border-radius: 15px;
  /* overflow: hidden; */
  background: none;
  border: 0;
}
.digital_card h5{
  color: var(--store_btn_colour);
}
.digital_card .dynamic-form-header {
  /*border-top-left-radius: 10px;*/
  /*border-top-right-radius: 10px;*/
  background: var(--store_btn_colour);
  padding: 5px 0;
  border-bottom: 2px solid #a9a9a9;
}
.digital_card .dynamic-form-header span {
  opacity: 0;
}

.digital_card .dynamic-form-footer {
  background: var(--store_btn_colour);
  /*border-bottom-left-radius: 10px;*/
  /*border-bottom-right-radius: 10px;*/
  padding: 5px 0;
  border-top: 2px solid #a9a9a9;
}
.digital_card .dynamic-form-footer span {
  opacity: 0;
}
.digital_card .card-container {
  padding: 20px 25px;
  background: #fff;
  border-right:1px solid #a9a9a9;

  border-left:1px solid #a9a9a9;
}
.digital_card .avatar-holder{
  text-align: center;
}
.digital_card .avatar-holder img{
  width: 40%;
}
.center {
  text-align: center;
}

.digital_card .details{
  padding-top: 2em;
}

/*Digital membership ends*/



.sph-today_item_bg_colour {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* padding: 20px 35px; */
  padding: 45px 8px;
  height: 170px;
}
.sph-today_item_bg_colour a {
  display: inline-block;
  margin-top: 20px;
  font-weight: 500;
}

.sph-today_item_bg_colour h4{
  color: #FFFFFF !important;
}

.sph-today_item_bg_colour h5{
  color: #FFFFFF !important;
}

.sph-today_item_bg_colour p{
  color: #FFFFFF !important;
}

.blackfont{
  color: #000000 !important;
}





.sph-today_item_bg_colour_park {
  display: flow-root;
  flex-direction: column;
  align-items: center;
  /* padding: 20px 35px; */
  padding: 20px 8px;
  height: 170px;
}
.sph-today_item_bg_colour_park a {
  /*display: inline-block;*/
  /*margin-top: 0px;*/
  /*font-weight: 500;*/
  color: #FFF;
  font-weight: bold;
  border: 1px solid #FFF !important;
  padding: 6px;
  border-radius: 4px;
  padding-bottom: 8px;
}

.sph-today_item_bg_colour_park a:hover {
  /*display: inline-block;*/
  /*margin-top: 0px;*/
  /*font-weight: 500;*/
  color: #FFF;
  font-weight: bold;
  border: 1px solid #FFF !important;
  padding: 6px;
  border-radius: 4px;
  background:#FFFFFF;
}

.sph-today_item_bg_colour_park h4{
  color: #FFFFFF !important;
}

.sph-today_item_bg_colour_park h5{
  color: #FFFFFF !important;
  padding-bottom: 20px;
}

.sph-today_item_bg_colour_park p{
  color: #FFFFFF !important;
}

.shop-bike-section-half a{
  color: #FFF;
  font-weight: bold;
  border: 1px solid #415921 !important;
  padding: 10px;
  border-radius: 4px;
  background: #415921;
}


.shop-bike-section-half a:hover{
  color: #FFF;
  font-weight: bold;
  border: 1px solid #000000 !important;
  padding: 10px;
  border-radius: 4px;
  background: #000000;
}

/*eg fuel strip*/
.deal-circle-cont{
  text-align: -webkit-center;
}
.circle {
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  font-size: 50px;
  font-weight: bolder;
  color: #fff;
  text-align: center;
  background: #ca006c;
}
.eg-deal-img{
  height: 50px;
  padding-top: 10px;
}
.eg-deal-txt p{
  font-size: 14px;
  font-weight: bold;
}