@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
/* ==========================================================================
   All Import File List
   ========================================================================== */
/* ==========================================================================
   Global Styles
   ========================================================================== */
body {
  font-size: 15px;
  font-weight: 300 !important;
  color: #333;
  margin: 0;
  background-color: #fff;
  line-height: 25px;
  -webkit-box-sizing: box-sizing;
  -moz-box-sizing: box-sizing;
  box-sizing: box-sizing;
  font-family: "Roboto", sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2d2d2d;
  font-weight: 500 !important;
  font-family: "Roboto", sans-serif !important;

}
b, strong {
    font-weight: 500 !important;
}
p {
  color: #333;
  font-size: 13px;
  font-weight: 400;

  margin: 0px;
}
a {
 

  color: #e81623;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;

}
a:hover {
  color: #e81623;
  text-decoration: none;
  background-color: transparent !important;
}
a:focus {
  outline: none;
  text-decoration: none;
}


input, select 
{
  font-family: "Roboto", sans-serif !important;
}







ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
ol {
  list-style: none;
}
section {
  padding: 20px 0px;
}

.box-shodow
{
  
}


.container-fluid {
   
    margin-right: auto;
    margin-left: auto;
}
.section h2
{
  text-transform: capitalize;
  

  margin-bottom: 0px;
  margin-top: 0px;
  color: #212121;
}
.section h2 span
{
color: #e81623;
}
.section h2
{
  font-family: "Roboto", sans-serif !important;

}
.btn-primary {
    color: #fff;
    background-color: #e81623;
    border-color: #e81623;
    border-radius: 0px !important;
}
.btn-primary:hover
{
  color: #e81623;
    background-color: #fff;
    border-color: #e81623;
}
.section-title {
  color: #2d2d2d;
  text-align: center;
  padding: 15px 0px;
  margin-bottom: 0;
  margin-top: 0;
}
.section-subcontent {
  font-size: 15px;
  text-align: center;
  padding-bottom: 30px;
}
.small-title {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px 0;
}
.btn {
  padding: 10px 40px;
  border-radius: 0px;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.btn:focus {
  color: #fff;
  box-shadow: none;
  outline: none;
}
.btn-common {
  color: #FFF;
  background: #e81623;
}
.btn-common:hover {
  color: #fff;
  box-shadow: 0 15px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(233, 30, 99, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.02);
}
.btn-border {
  color: #333;
  background: #fff;
  box-shadow: 0 5px 5px -2px rgba(31, 31, 31, 0.4);
}
.btn-border:hover {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  box-shadow: none;
}
.btn-border:focus {
  color: #2d2d2d !important;
}
.btn-lg {
  font-size: 15px;
  padding: 15px 40px;
  text-transform: capitalize;
}
.btn-small {
  padding: 11px 25px;
  font-size: 12px;
  text-transform: capitalize;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 1;
}
/* ==========================================================================
 Back to top
 ========================================================================== */
.back-to-top {
  position: fixed;
  bottom: 35px;
  right: 40px;
  display: none;
  z-index: 99;
}
.back-to-top i {
  display: block;
  width: 40px;
  font-size: 20px;
  height: 40px;
  background: #e81623;
  color: #fff;
  text-align: center;
  box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.08);
  line-height: 32px;
  border-radius: 0%;
}
/* ==========================================================================
   Page Header
   ========================================================================== */
.header
{
  background-color: #e81623;
  padding: 5px 0px;
}
.page-header {
  padding: 0;
  margin: 0;
  position: relative;
  background: url(../img/background/header-bg.jpg);
  background-size: cover;
  background-position: 0px 0px, 50% 50%;
  min-height: 160px;
}
.page-header:before {
  background: rgba(34, 34, 34, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
}
.page-header .page-header-inner {
  position: absolute;
  color: #fff;
  bottom: 10px;
}
.page-header .page-title {
  text-align: left;
  color: #fff;
  font-size: 40px;
  padding: 15px 0;
  margin-bottom: 10px !important;
}
.page-header .breadcrumb {
  margin: 0;
  padding: 0;
  background: transparent;
  position: relative;
  z-index: 9;
}
.page-header .breadcrumb li {
  line-height: 25px;
  color: #e81623;
}
.page-header .breadcrumb li a {
  color: #fff;
}
.page-header .breadcrumb li a:hover {
  color: #e81623;
}
/* ==========================================================================
   Navigation Main Menu
   ========================================================================== */
/* ==========================================================================
   Roof Section Start
   ========================================================================== */
   .header_main
   {
    padding: 5px;
    background-color: #e81623;
   }
   .top_right_li li
   {
    display: inline-block;
    padding: 0px 10px;
    font-size: 15px;
    color: #fff;
   }
   .top_right_li li a
   {
    color: #fff !important;
    font-size: 15px;
    text-transform: capitalize;
   }
   .top_right_li img
   {
    width: 20px;
   }
   .top_li li
   {
    color: #fff;
   }
#roof {
  color: #fff;
  font-size: 15px;
  background: #e81623;
}
#roof .info-bar-address {
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
}
#roof .quick-contacts {
  float: right;
}
#roof .quick-contacts span {
  margin-right: 10px;
  line-height: 40px;
}
#roof .quick-contacts a {
  color: #fff;
}
#roof .quick-contacts i {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 15px;
}
.navbar-default .navbar-toggle .icon-bar {
  background: #e81623;
}
.navbar-default.affix {
  width: 100%;
  top: 0;
  background: #2d2d2d;
  z-index: 99999;
  -webkit-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms;
  -moz-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms;
  -o-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms;
  transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms;
}
.navbar-event.affix {
  background: #fff !important;
  box-shadow: none;
}
.navbar {
  margin-bottom: 0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  color: #fff;
}
.navbar-default {
  margin-bottom: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  padding-top: 0px;
}
.navbar-brand {
  position: relative;
  padding: 0px 0px;
  margin-top: 4px;
  color: #fff;
  font-weight: 500;
}
.navbar-brand:hover {
  position: relative;

  color: #fff;
}
.navbar-brand h4 
{
  color: #fff;
  font-size: 30px;
  margin-top: 5px;
}
.navbar-brand img
{
  margin-top: 0px;
  width: 100%;
}
.navbar-nav img 
{
  width: 59px;
}
.navbar-nav a p 
{
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}
.navbar-nav a {
  font-weight: 500;
  -moz-transition: color .3s linear,background .3s linear;
  -webkit-transition: color .3s linear,background .3s linear;
  -o-transition: color .3s linear,background .3s linear;
  transition: color .3s linear,background .3s linear;
}
.navbar-default .navbar-nav {
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.navbar-default .navbar-nav li a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 15px;
  display: block;
  padding: 30px 0px;
  text-decoration: none;
  text-transform: capitalize;
  margin:0px 0px;
  outline: 0;
}
.navbar-default .navbar-nav li a:before {
  content: "";
  display: inline-block;
  height: 1px;
  width: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  left: 1px;
  bottom: 21px;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.navbar-default .navbar-nav li a:hover,
.navbar-default .navbar-nav li .active > a,
.navbar-default .navbar-nav li a:focus {
  color: #fff;
  background: transparent !important;
}
.navbar-default .navbar-nav li a:hover:before,
.navbar-default .navbar-nav li a:focus:before {
  color: #fff;
  width: 100%;
}
.navbar-default .navbar-nav .active > a:before {
  width: 100%;
}
.navbar-event {
  
}
.navbar
{
  min-height: auto !important;

}
.navbar-event .navbar-nav li a {
  color: #fff;
  padding: 5px 10px;
  line-height: 30px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  border-radius: 0px;
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;

}
.navbar-event .navbar-nav li a .fa
{
  font-size: 15px;
}
.navbar-event .navbar-nav li a:before {
  display: none;
}
.navbar-event .navbar-nav li a:hover,
.navbar-event .navbar-nav li .active > a,
.navbar-event .navbar-nav li a:focus {
     
    color: #fff !important;
}
.navbar-event .navbar-nav > .dropdown:hover > ul.dropdown-menu {
  display: block;
  -webkit-animation: fadeInUpMenu 0.3s;
  -moz-animation: fadeInUpMenu 0.3s;
  -ms-animation: fadeInUpMenu 0.3s;
  -o-animation: fadeInUpMenu 0.3s;
  animation: fadeInUpMenu 0.3s;
}
.navbar-event .dropdown .dropdown-menu {
  padding: 0;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-radius: 0;
  left: -20px;
  right: 0;
  top: 78px;
  width: 170px;
  border-color: #e81623;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.navbar-event .dropdown .dropdown-menu > li > a {
  color: #333333;
  padding: 2px 20px;
  border-radius: 0;
  margin: 0;
  text-transform: capitalize;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.navbar-event .dropdown .dropdown-menu > li > a:hover,
.navbar-event .dropdown .dropdown-menu > li > a .active {
  color: #e81623;
}
.navbar-event .dropdown .dropdown-menu > li.active > a {
 
  color: #e81623;
}
@-webkit-keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpMenu {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.navbar-event .fadeInUpMenu {
  -webkit-animation-name: fadeInUpMenu;
  animation-name: fadeInUpMenu;
}
.navbar-event .navbar-nav > .active > a,
.navbar-event .navbar-nav > .active > a:focus,
.navbar-event .navbar-nav > .active > a:hover {
  background: #e81623!important;
  color: #fff;
}
.navbar-event .navbar-nav > .active > a,
.navbar-event .navbar-nav > .active > a:hover {
  color: #fff;
}
.navbar-event .navbar-nav > .open > a,
.navbar-event .navbar-nav > .open > a:focus,
.navbar-event .navbar-nav > .open > a:hover {
  background: transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: auto !important;
    z-index: 1212121;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 15px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.caret {
  border-top: none;
  border-right: none;
  position: relative;
}
.caret:before {
  content: "\e604";
  left: -2px;
  top: -20px;
  font-size: 11px;
  float: right;
  position: absolute;
}
.wpb-mobile-menu {
  display: none;
}
.slicknav_menu {
  display: none;
}
@media screen and (max-width: 767px) {
  #wpb-mobile-menu {
    display: none;
  }
  .slicknav_menu {
    display: block;
  }
  .slicknav_nav .active a {
    background: #e81623;
    color: #fff;
  }
  .slicknav_nav a:hover,
  .slicknav_nav .active {
    color: #e81623;
  }
  .slicknav_nav .dropdown li a.active {
    background: #e81623;
    color: #fff;
  }
}
/* ==========================================================================
   Carousel Main Slider
   ========================================================================== */
/* ==========================================================================
   Carousel Area Style
   ========================================================================== */
#carousel-area {
  background-color: transparent !important;
  overflow: hidden;
}
#carousel-area .carousel-inner:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  z-index: 9;
}
#carousel-area .carousel-inner .item {
  background-attachment: fixed;
  background-size: 100%;
  background-size: cover;
  z-index: 10;
}
#carousel-area .carousel-inner .item .carousel-caption {
  top: 22%;
  right: 10%;
  left: 10%;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img
{
  

  object-fit: cover;
  margin: auto;
  border-radius: 5px 5px 5px 5px;
}
#carousel-area .carousel-inner .item .carousel-caption h2 {
  font-size: 45px;
  font-weight: 500;
  line-height: 60px;
  color: #fff;
  margin: 40px;
  text-transform: capitalize;
}
#carousel-area .carousel-inner .item .carousel-caption .btn {
  margin: 0 15px;
}
#carousel-area .carousel-control {
  z-index: 10;
  width: 35px;
  height: 70px;
  line-height: 55px;
  top: 45%;
  color: #333 !important;
  font-size: 20px;
  padding: 8px;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  margin-top: -35px;
  text-shadow: none;
  border-radius: 0%;
  border:0px solid rgba(240,240,240,0.1);
}
#carousel-area .left.carousel-control {
  left: 5%;
  color: #333 !important;
}
#carousel-area .right.carousel-control {
  right: 5%;
  color: #333 !important;
}
#carousel-area:hover .carousel-control {
  display: block;
}
.carousel-control span
{
  color: #333 !important;
  font-weight: 500;
}

.mag img {
    
}
/* ==========================================================================
   Rev Scroll Button
   ========================================================================== */
.rev-scroll-btn {
  position: relative;
  display: inline-block;
  left: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  width: 35px;
  height: 55px;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 5px;
  margin-top: 80px;
}
.rev-scroll-btn span {
  position: absolute;
  display: block;
  top: 29%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: rev-ani-mouse 2.5s linear infinite;
  -moz-animation: rev-ani-mouse 2.5s linear infinite;
  animation: rev-ani-mouse 2.5s linear infinite;
}
/* SCROLL DOWN BUTTON */
@-webkit-keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@-moz-keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
@keyframes rev-ani-mouse {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}
/* ==========================================================================
   Custom Componet
   ========================================================================== */
/* ==========================================================================
   Countdown Style Start
   ========================================================================== */
.countdown-timer .text {
  padding: 10px 68px;
}
.countdown-timer .text h2 {
  font-size: 40px;
  line-height: 48px;
}
.countdown-timer .text h4 {
  color: #e81623;
  margin-bottom: 10px;
  line-height: 24px;
}
.countdown-timer .text p {
  font-size: 15px;
  line-height: 30px;
}
.countdown-timer .btn-lg {
  margin-top: 30px;
}
.time-count div {
  float: left;
  text-align: center;
}
.time-entry {
  display: inline-block;
  min-width: 110px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 15px 15px 20px 15px;
  margin-right: 20px;
  color: #333;
  font-size: 15px;
  line-height: 15px;
  text-transform: capitalize;
}
.time-entry span {
  font-size: 45px;
  line-height: 45px;
  font-weight: 500;
  display: block;
  color: #e81623;
  margin-bottom: 10px;
}
.time-countdown {
  margin-top: 68px;
}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.affix + .container {
    padding-top: 70px;
}
/* ==========================================================================
   Event location
   ========================================================================== */
#event {
  background: url(../img/background/bg-1.jpg);
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
#event_counter {
  background: url(../img/background/bg-2.jpg);
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
#event .tab-block {
  width: 100%;
  text-align: center;
  border-right: 1px dotted #333;
  margin-bottom: 30px;
}
#event p
{
  color: #fff;
  line-height: 30px;
}
#event h2
{
  color: #fff;
  line-height: 60px;
}
#event_counter p
{
  color: #fff;
}
#event .tab-block .icon {
  text-align: center;
  margin-bottom: 15px;
}
#event .tab-block .icon i {
  font-size: 40px;
  color: #e81623;
}
#event .tab-block .desc h4 {
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
}
#event .tab-block .desc p {
  color: #ADADAD;
}
#event .last-block {
  border-right: none;
}
#event .content-text {
  text-align: center;
  padding: 6px 60px;
}
#event .content-text h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 22px;
}
#event .content-text p {
  color: #ADADAD;
  font-size: 18px;
  line-height: 28px;
}
/* ==========================================================================
   Featured Style Start
   ========================================================================== */
.featured-box {
  padding: 20px;
  text-align: center;
}
.featured-box .icon {
  padding: 15px;
}
.featured-box .icon i {
  color: #e81623;
  font-size: 48px;
}
.featured-box h4 {
  font-size: 22px;
  padding: 10px 0;
  font-weight: 500;
  color: #2d2d2d;
}
/* ==========================================================================
   About 
   ========================================================================== */
#about .service-block {
  text-align: center;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#about .service-block .descr {
  padding: 15px 30px 30px;
  background: #fff;
}
#about .service-block .descr h4 {
  font-size: 22px;
  padding: 10px 0;
  font-weight: 500;
  color: #2d2d2d;
}
#about .service-block:hover {
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.14);
}
/* ==========================================================================
   Schedule Section Start
   ========================================================================== */
.main-board {
  background: #fff;
  box-shadow: 2px 0px 32px rgba(0, 0, 0, 0.07);
  position: relative;
  margin-top: 30px;
}
.main-board .nav-tabs {
  border-bottom: none;
}
.main-board .day {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
}
.main-board .day > li.active > a,
.main-board .day > li.active > a:focus,
.main-board .day > li.active > a:hover {
  background-color: #e81623;
  color: #fff;
  border-radius: 0;
  border: none;
}
.main-board .day > li > a {
  color: #333;
  padding: 8px 106.9px;
  margin-right: 0px;
  font-weight: 400;
  border: none;
  text-transform: capitalize;
  font-size: 20px;
  text-align: center;
  border-radius: 0;
}
.main-board .day > li > a span {
  font-size: 16px;
}
.main-board .day > li > a:focus,
.main-board .day > li > a:hover {
  background: #e81623;
  color: #fff;
}
.column-1 {
  position: relative;
}
.column-1:before {
  position: absolute;
  content: "";
  left: 45px;
  top: 38px;
  bottom: 0;
  width: 4px;
  height: 96%;
  background: #efefef;
}
.column-1:after {
  position: absolute;
  content: "";
  left: 35px;
  bottom: -45px;
  width: 24px;
  height: 24px;
  background: #efefef;
  border-radius: 50%;
}
.column-1 .nav-pills li {
  text-align: left;
  float: none;
  margin-bottom: 34px;
}
.column-1 .nav-pills li a {
  background: rgba(240,240,240)f0f0f0;
  color: #333;
  border-radius: 0px;
  padding: 7px 10px;
  width: 120px;
  display: block;
  text-align: center;
}
.column-1 .nav-pills ul {
  margin-left: 40px;
}
.column-1 .nav-pills ul li {
  margin: 48px 35px;
  position: relative;
}
.column-1 .nav-pills ul li:after {
  position: absolute;
  content: "";
  left: -55px;
  top: 10px;
  bottom: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.column-1 .nav-pills ul > li.color-1:after {
  background: #f44336;
}
.column-1 .nav-pills ul > li.color-2:after {
  background: #30b9f6;
}
.column-1 .nav-pills ul > li.color-3:after {
  background: #736357;
}
.column-1 .nav-pills ul > li.color-4:after {
  background: #4a5dcd;
}
.column-1 .nav-pills ul > li > a {
  background: rgba(240,240,240)f0f0f0;
  color: #333;
  border-radius: 0px;
  padding: 7px 10px;
  width: 120px;
  display: block;
  text-align: center;
}
.board {
  padding: 60px 60px 30px;
}
.board .button {
  position: relative;
  margin-top: -45px;
  text-align: center;
}
.board .button .btn-large {
  padding: 12px 36px;
  color: #fff;
  font-size: 16px;
}
.board .button a img {
  margin-right: 12px;
}
.board .member {
  background: #efefef;
  padding: 34px 30px;
  margin-bottom: 42px;
}
.board .member h4 {
  font-size: 20px;
  padding: 18px 0px;
}
.board .member p {
  font-size: 15px;
  line-height: 20px;
}
.board .member .bg-1 {
  background: #f44336;
}
.board .member .bg-2 {
  background: #03a8f3;
}
.board .member .bg-3 {
  background: #2239c2;
}
.board .jon p {
  margin: 40px 0;
}
.board .coffee {
  margin: 0px auto;
  padding: 48px 0px;
  width: 40px;
  background: #736357;
}
.board .coffee .coffee-icon {
  margin-bottom: 24px;
}
.board .coffee p {
  color: #fff;
}
/* ==========================================================================
   Sponsors Section Style
   ========================================================================== */
   .spnsors-logo img
   {
    width: 100%;
   }
   #sponsors .spnsors-logo h4
   {
    text-transform: capitalize;
   }
#sponsors .spnsors-logo {
  margin-top: 20px;
  padding: 0px;
  text-align: center;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  box-shadow: 10px 10px 0px rgba(240,240,240);
  border:1px solid rgba(240,240,240);
}
#sponsors .spnsors-logo:hover {
  box-shadow: 10px 10px 0px #bfd42d;
}
.spnsors-logo h4
{
  margin-bottom: 10px;
}
.spnsors-logo img
{
  
  padding: 5px;
}
/* ==========================================================================
   Gallery Section Style
   ========================================================================== */
#gallery .gallery-wrap {
  margin-top: 30px;
  display: inline-block;
}
#gallery .gellery-pn {
  padding-left: 5px;
  padding-right: 5px;
}
#gallery .more-btn {
  text-align: center;
}
#gallery .more-btn .btn {
  margin-top: 30px;
}
.gallery-item {
  position: relative;
  margin-bottom: 10px;
}
.gallery-item .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.57);
  opacity: 0;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.gallery-item:hover .overlay {
  opacity: 1;
}
.gallery-item img {
  width: 100%;
}
.gallery-item .icons i {
  color: #fff;
  border: 2px solid #fff;
  padding: 12px;
  margin: -42px;
  font-size: 20px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.gallery-item .icons i:hover {
  color: #e81623;
  border-color: #e81623;
}
.gallery-item .icons .preview {
  position: absolute;
  left: 40%;
  top: 45%;
  color: #fff;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.gallery-item .icons .link {
  position: absolute;
  left: 55%;
  margin-left: 42px;
  top: 45%;
  color: #fff;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.gallery-item:hover .preview {
  left: 45%;
}
.gallery-item:hover .link {
  left: 50%;
}
/* ==========================================================================
   Video Section Style
   ========================================================================== */
.ready-to-play {
  height: 560px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.ready-to-play:before {
  content: '';
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.70;
}
video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  transition: 1s opacity;
}
.stop {
  opacity: 1;
}
.stopfade .ready-to-play:before {
  opacity: 1;
}
h1 {
  font-size: 3rem;
  text-transform: capitalize;
  margin-top: 0;
  letter-spacing: .3rem;
}
.video-text {
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 333;
  color: #fff;
}
.video-text {
  text-align: center;
}
.video-text h4 {
  margin-bottom: 15px;
  color: #fff;
  text-transform: capitalize;
}
.video-text h1 {
  margin-bottom: 25px;
  color: #fff;
}
.video-text p {
  color: #fff;
}
.tb-t {
  display: table;
  height: 100%;
  margin: auto;
}
.tb-t .tb-c {
  display: table-cell;
  vertical-align: middle;
}
.tb-t .tb-c button {
  background: transparent;
  border: 2px solid #fff;
  padding: 18px 22px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.tb-t .tb-c button:focus {
  outline: none;
}
/* ==========================================================================
   Speakers member Style
   ========================================================================== */
#speakers .speakers-member:hover {
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.14);
}
#speakers .speakers-member:hover .member-img img {
  margin-top: -58px;
}
.speakers-member {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
  z-index: 99;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.speakers-member .member-img {
  background: #dddddd;
  position: relative;
  padding: 15px 30px 0;
  width: 100%;
  height: 240px;
  z-index: -1;
}
.speakers-member .member-img img {
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.speakers-member .member-desc {
  padding: 15px 40px 30px;
  background: #fff;
  z-index: 99;
}
.speakers-member .member-desc h3 {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 400;
}
.speakers-member .member-desc h5 {
  font-size: 15px;
  font-weight: 400;
}
.speakers-member .member-desc p {
  line-height: 20px;
  margin-bottom: 20px;
}
.social-icon .social i {
  color: #333;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  margin-right: 2px;
  font-size: 15px;
  width: 32px;
  height: 32px;
  border-radius: 0;
  line-height: 32px;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.social-icon a .fa-facebook:hover {
  color: #3b5998;
}
.social-icon a .fa-twitter:hover {
  color: #00aced;
}
.social-icon a .fa-linkedin:hover {
  color: #007bb6;
}
.social-icon a .fa-dribbble:hover {
  color: #ea4c89;
}
.social-icon a .fa-behance:hover {
  color: #42C0FB;
}
#team .single-member {
  background: #fff;
  margin-top: 30px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  overflow: hidden;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#team .single-member:hover {
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.14);
}
#team .team-img {
  position: relative;
  width: 50%;
  float: left;
}
#team .team-img img {
  width: 100%;
}
#team .team-img:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: rgba(233, 30, 99, 0.7);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#team .team-desc {
  width: 50%;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
}
#team .team-desc h3 {
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 400;
}
#team .team-desc h5 {
  font-size: 15px;
  font-weight: 400;
}
#team .social-icon {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 0;
  opacity: 0;
  width: 100%;
}
#team .single-member:hover .team-img:before {
  opacity: 1;
}
#team .single-member:hover .social-icon {
  opacity: 1;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.gray-bg {
  background: #f0f3f5;
}
/* ==========================================================================
   Blog Section Style
   ========================================================================== */
#blog .blog-item {
  text-align: center;
  margin: 30px 0px 30px;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
#blog .blog-item:hover {
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.14);
}
#blog .blog-item .blog-image {
  display: block;
  position: relative;
  overflow: hidden;
}
#blog .blog-item .blog-image img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
#blog .blog-image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
#blog .blog-info {
  padding: 15px 45px;
  width: 100%;
  height: 180px;
}
#blog .blog-info h3 {
  padding-bottom: 10px;
  margin: 0;
}
#blog .blog-info h3 a {
  font-size: 18px;
  color: #2d2d2d;
  font-weight: 400;
}
#blog .blog-info h3 a:hover {
  color: #e81623;
}
#blog .meta {
  font-size: 13px;
  margin-bottom: 10px;
}
#blog .meta i {
  margin-right: 3px;
}
#blog .meta .meta-part {
  display: inline-block;
  padding-right: 13px;
}
#blog .meta .meta-part a {
  color: #333;
}
#blog .meta .meta-part a:hover {
  color: #e81623;
}
/* ==========================================================================
   Pricing Table Style
   ========================================================================== */
.pricing-table {
  text-align: center;
  box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.08);
  margin: 60px 15px;
  padding: 30px 0px 0px;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.pricing-table .table-icon {
  padding: 60px 0 40px;
}
.pricing-table .table-icon i {
  font-size: 44px;
  width: 70px;
  height: 70px;
  padding: 48px;
  border-radius: 50%;
  color: #e81623;
}
.pricing-table h3 {
  font-size: 24px;
  font-weight: 500;
  padding: 6px;
}
.pricing-table .plan-info {
  margin-top: 30px;
}
.pricing-table .plan-info li {
  font-size: 16px;
  line-height: 32px;
}
.pricing-table .price {
  padding: 30px 0px 20px;
}
.pricing-table .price h4 {
  font-size: 30px;
  color: #333;
  font-weight: 500;
}
.pricing-table .button-area {
  padding: 0px 0px 30px;
  -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.pricing-table:hover,
.pricing-active {
  box-shadow: 0px 9px 32px rgba(0, 0, 0, 0.1);
}
.pricing-table:hover .button-area,
.pricing-active .button-area {
  opacity: 1;
  margin-top: 0;
}
/* ==========================================================================
   Map Section
   ========================================================================== */
#map_canvas {
  height: 800px;
  width: 100%;
}
/* ==========================================================================
   Contact Forem 
   ========================================================================== */
.main-content {
  background: url(../img/background/contact-bg.jpg) center;
  background-size: cover;
}
#contact .contact-form {
  background: #fff;
  padding: 57px 40px;
  margin: -254px 0px 200px;
  max-height: 627px;
}
#contact .information {
  background: #333;
  padding: 65px 30px;
  margin-top: -254px;
  max-height: 627px;
}
#contact .information .title-medium {
  color: #ffffff !important;
  margin-left: 24px;
}
#contact .information .contact-datails {
  margin: 15px 0px 48px;
}
#contact .information .contact-datails .icon {
  float: left;
  font-size: 38px;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  color: #fff;
}
#contact .information .contact-datails .info {
  margin-left: 60px;
}
#contact .information .contact-datails .info span.detail {
  font-size: 16px;
  display: block;
  font-weight: 500;
  color: #fff;
}
#contact button {
  margin-top: 30px;
}
#contact button i {
  font-size: 20px;
  margin-left: 5px;
}
#contact .social {
  margin: 110px 0 22px;
  font-size: 30px;
  color: #fff;
  margin-right: 30px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#contact .social a .fa-twitter:hover {
  color: #00aced;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#contact .social a .fa-google-plus:hover {
  color: #e81623;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#contact .social a .fa-linkedin:hover {
  color: #007bb6;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#contact input {
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  background: transparent;
  height: 100%;
  font-size: 1em;
  font-family: inherit;
  font-weight: 400;
  padding-top: 15px;
}
#contact .title-header {
  display: inline-block;
  width: 100%;
  margin-bottom: 68px;
}
#contact .title-header .title-medium {
  font-size: 22px;
  color: #2d2d2d;
  font-weight: 500;
}
#contact .title-header .icon {
  margin-top: 10px;
}
#contact .title-header .icon i {
  color: #e81623;
  font-size: 48px;
}
#contact input:focus,
#contact textarea:focus {
  outline: none;
}
#contact input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1212121px #f2f2f2 inset;
}
#contact textarea {
  width: 100%;
  height: 180px;
  border: none;
  resize: none;
  background: transparent;
  padding: 0;
  padding-top: 20px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
}
#contact .label {
  display: block;
  font-weight: 400;
  color: #bbbbbb;
  position: absolute;
  top: 20px;
  padding: 0;
  font-size: 16px;
}
#contact .label-line.active .label {
  top: 0px;
  font-size: 16px;
  color: #e81623;
}
#contact .span {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #e4e4e4;
  bottom: 0px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#contact .span.active {
  top: auto;
  bottom: 0px;
}
#contact .label-line {
  position: relative;
  height: 50px;
  margin: 0px 0 30px;
}
#contact .transition {
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1);
  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.5, 1);
}
#contact .label-line.textarea {
  height: 180px;
}
#contact .span:before {
  content: "";
  width: 0;
  left: 50%;
  height: 2px;
  background: #e81623;
  position: absolute;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#contact .label-line.active .span:before {
  width: 100%;
  left: 0%;
  height: 2px;
  background: #e81623;
}
#contact .text-left {
  text-align: center;
  display: block;
  margin-top: -38px;
}
/* ==========================================================================
   Footer Start
   ========================================================================== */
   footer
   {
    background-color: #333;
   }
footer img {
  margin-top: -8px;
}
footer h3 {
  font-size: 20px;
  padding-bottom: 10px;
  color: #fff;
}
footer p {
  font-size: 13px;
  color: #2d2d2d;
  line-height: 20px;
  padding-right: 50px;
}
footer ul li a {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
/* ==========================================================================
   Copyright Section 
   ========================================================================== */
#copyright {
  background: #333;
}
#copyright .copyright-text {
  color: #fff;
  padding: 15px;
  margin: 0;
}
/* ==========================================================================
   Subscribe Section 
   ========================================================================== */
#subscribe-section {
  background: url(../img/background/header-bg.jpg);
  background-size: cover;
  position: relative;
}
#subscribe-section:before {
  content: '';
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #e81623;
  opacity: 0.90;
}
#subscribe-section .content {
  position: relative;
  text-align: center;
  padding: 61px 0;
}
#subscribe-section .content h5 {
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
  color: #fff;
  margin-bottom: 11px;
  margin-top: 36px;
}
#subscribe-section .content h2 {
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 47px;
}
#subscribe-section .subscribe-box .subscribe-form {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 40px;
}
#subscribe-section .subscribe-box .subscribe-form .form-control {
  position: relative;
  font-size: 22px;
  border-width: 2px;
  font-weight: 400;
  color: #333;
  width: 100%;
  padding: 12px 0;
  padding-left: 22px;
  padding-right: 150px;
  height: 56px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}
#subscribe-section .subscribe-box .subscribe-form .form-control:focus {
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.14);
  border-color: #fff;
}
#subscribe-section .subscribe-box .subscribe-form button {
  position: absolute;
  background: transparent;
  top: -2px;
  right: -2px;
  padding: 0px 24px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  text-transform: capitalize;
  line-height: 60px;
  border: none;
  z-index: 333;
}
#subscribe-section .subscribe-box .subscribe-form button:hover {
  color: #e81623;
}
#subscribe-section .subscribe-box .subscribe-form button:focus {
  border: none;
  outline: none;
}
/* ==========================================================================
   Intro Section Start
   ========================================================================== */
#intro {
  background: url(../img/background/header-bg.jpg);
  background-size: cover;
  position: relative;
}
#intro:before {
  content: '';
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #e81623;
  opacity: 0.90;
}
#intro .content-text h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 15px;
}
#intro .content-text .text {
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  font-size: 17px;
}
#intro .btn-cta {
  position: relative;
  margin: 40px 0px 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
#intro .btn-cta i {
  margin-right: 5px;
}
/* ==========================================================================
   Blog Componet
   ========================================================================== */
.social-link a {
  display: inline-block;
  margin-right: 5px;
}
.social-link a i {
  text-align: center;
  color: #333;
  font-size: 18px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  height: 38px;
  line-height: 36px;
  width: 38px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.social-link .twitter:hover i {
  color: #00BAFF;
}
.social-link .facebook:hover i {
  color: #5192CC;
}
.social-link .google:hover i {
  color: #ED523D;
}
.social-link .linkedin:hover i {
  color: #1985BC;
}
.social-link .youtube:hover i {
  color: #D42424;
}
.post-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 30px;
}
.post-title a {
  color: #2d2d2d;
}
.post-title a:hover {
  color: #e81623;
}
#content img {
  width: 100%;
}
.blog-post {
  margin-bottom: 40px;
  overflow: hidden;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.blog-post .post-content {
  float: none;
  width: 100%;
  clear: both;
  padding: 30px;
}
.blog-post .post-content .meta {
  font-size: 13px;
  font-style: italic;
  border-bottom: 1px solid #eee;
  margin-bottom: 25px;
}
.blog-post .post-content .meta .meta-part {
  display: inline-block;
  margin-bottom: 25px;
}
.blog-post .post-content .meta .meta-part a {
  color: #333;
  padding-right: 10px;
}
.blog-post .post-content .meta .meta-part a:hover {
  color: #e81623;
}
.blog-post .post-content .meta .meta-part i {
  margin-right: 5px;
}
.quote-post .feature-inner {
  padding: 50px;
  border-radius: 0px;
  background: #3e3e3e;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.quote-post .feature-inner a {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 38px;
}
.quote-post .feature-inner a:hover {
  color: #e81623;
}
.blog-post .post-format {
  position: absolute;
  left: 50%;
  z-index: 333;
}
.blog-post .post-format span a {
  background: #fff;
  border-radius: 4px;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  margin-top: -20px;
  text-align: center;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  z-index: 1;
}
.blog-post .post-format span a i {
  display: block;
  line-height: 40px;
  font-size: 18px;
  position: relative;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.blog-post .post-type i {
  font-size: 1.2em;
  color: #fff;
}
#pagination {
  text-align: center;
}
#pagination span,
#pagination a {
  display: inline-block;
  text-align: center;
  height: 34px;
  width: 34px;
  color: #666;
  line-height: 33px;
  border: 1px solid #eee;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#pagination .current {
  color: #e81623;
}
#pagination a:hover {
  color: #e81623;
}
#pagination .all-pages,
#pagination .next-page {
  width: auto;
  padding: 0 15px;
}
.widget-title {
  font-size: 18px;
  font-weight: 500;
  padding: 12px 15px;
  background: #F9F9F9;
  border-bottom: 1px solid #e81623;
  margin-bottom: 20px;
}
.widget-search {
  margin-bottom: 48px;
}
.widget-search input[type="search"] {
  position: relative;
  margin: 0;
  float: left;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  height: 42px;
  border: none;
  line-height: 37px;
  width: 100%;
  border-radius: 0;
}
.widget-search input[type="search"]:focus {
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.14);
}
.widget-search .search-btn {
  display: inline-block;
  width: 38px;
  position: absolute;
  height: 42px;
  border: none;
  background: transparent;
  right: 30px;
  color: #212121;
  font-size: 1.2em;
  line-height: 36px;
  text-align: center;
  border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  -o-border-radius: 0 2px 2px 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.widget-search .search-btn:hover {
  color: #e81623;
}
.right-sidebar {
  padding-left: 20px;
}
#sidebar {
  margin-bottom: 30px;
  padding: 0px 30px;
}
#sidebar .widget {
  padding-bottom: 30px;
}
#sidebar .widget:last-child {
  border-bottom: none;
}
#sidebar .cat-list li {
  padding: 8px 18px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
}
#sidebar .cat-list li a {
  text-decoration: none;
  margin-right: 10px;
  color: #666;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#sidebar .cat-list li a:hover {
  color: #e81623;
}
#sidebar .cat-list li .num-posts {
  color: #aaa;
  float: right;
  font-size: 12px;
}
#sidebar .posts-list li {
  margin-bottom: 12px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#sidebar .posts-list li:hover {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
#sidebar .posts-list .widget-thumb {
  float: left;
}
#sidebar .posts-list .widget-thumb img {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#sidebar .posts-list .widget-thumb:hover img {
  opacity: 0.7;
}
#sidebar .posts-list .widget-content {
  margin-left: 104px;
  padding: 5px 0;
}
#sidebar .posts-list .widget-content a {
  font-size: 15px;
  font-weight: 500;
  color: #2d2d2d;
}
#sidebar .posts-list .widget-content span {
  color: #333;
  font-size: 12px;
  display: block;
  margin: 3px 0;
  line-height: 18px;
}
#sidebar .posts-list .widget-content span i {
  margin-right: 5px;
}
#sidebar .tag a {
  display: inline-block;
  color: #666;
  font-size: 15px;
  padding: 7px 15px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  margin: 4px 2px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
#sidebar .tag a i {
  padding-right: 5px;
}
#sidebar .tag a:hover {
  color: #e81623;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}
.post-slide {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}
.post-slide .post-content {
  margin-top: 20px;
  padding: 0px 30px 48px;
}
.post-slide .post-content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 22px;
}
.post-slide .post-content h3 a {
  color: #2d2d2d;
}
.post-slide .post-content h3 a:hover {
  color: #e81623;
}
.post-slide .post-content .meta {
  font-size: 13px;
  font-style: italic;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.post-slide .post-content .meta .meta-part {
  display: inline-block;
  margin-bottom: 25px;
}
.post-slide .post-content .meta .meta-part a {
  color: #333;
  padding-right: 10px;
}
.post-slide .post-content .meta .meta-part a:hover {
  color: #e81623;
}
.post-slide .post-content .meta .meta-part i {
  margin-right: 5px;
}
.relate-slider .owl-controls .owl-pagination {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15px !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #e81623;
}
.single-gallery .social-link span {
  margin-right: 15px;
}
.single-gallery p {
  margin-bottom: 20px;
}
blockquote {
  padding: 20px 0;
  position: relative;
  margin: 30px 0;
  border-left-color: transparent;
}
blockquote i {
  font-size: 32px;
  position: absolute;
  margin-top: 10px;
}
blockquote .quote-text {
  color: #666;
  font-size: 18px;
  line-height: 32px;
  display: block;
  font-style: italic;
  font-weight: 400;
  padding-left: 45px;
}
.post-tags-list {
  padding-top: 6px;
}
.post-tags-list a {
  display: inline-block;
  color: #666;
  font-size: 15px;
  padding: 7px 8px;
  background: rgba(238, 238, 238, 0);
  margin: 4px 2px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.post-tags-list a:hover {
  color: #fff;
}
.comments-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
}
#comments .comments-list {
  padding: 0;
  margin: 0 0 35px 0;
}
#comments .comments-list li .comment-box {
  background: #fff;
  margin-bottom: 20px;
  border-radius: 0px;
  padding: 22px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
#comments .comments-list li ul {
  padding-left: 80px;
}
#comments .avatar {
  padding: 5px;
  background: #fff;
  width: 80px;
  float: left;
  border-radius: 50%;
  height: 80px;
  position: relative;
  border: 1px solid rgba(240,240,240);
}
#comments .avatar img {
  border-radius: 50%;
}
#comments .comment-content {
  padding: 0px 90px 0px 105px;
}
#comments .comment-content .comment-meta {
  margin-bottom: 5px;
}
#comments .comment-content .comment-by {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-transform: capitalize;
}
#comments .comment-content .comment-by a {
  color: #2d2d2d;
}
#comments .comment-content .comment-by a:hover {
  color: #e81623;
}
#comments .comment-content .comment-date {
  color: #e81623;
  font-size: 15px;
}
.reply-link {
  padding: 0px 6px;
  color: #e81623;
  font-size: 16px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#respond button {
  margin-top: 10px;
}
.project-content h4 {
  margin-bottom: 12px;
  padding-bottom: 8px;
}
.project-content h4 span {
  padding-bottom: 8px;
  border-bottom: 1px solid;
}
.project-content p {
  margin-bottom: 30px;
}
.project-content .share {
  margin-top: 20px;
  font-size: 15px;
}
.project-content .share span {
  margin-right: 10px;
}
.form-control {
  font-size: 15px;
  outline: medium none;
  color: #333;
  border: 1px solid rgba(240,240,240);
  padding: 10px 15px;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-control:focus {
 outline: none;
 box-shadow: none; 
 border: none;
}
.venue_box textarea
{
  height: 100px !important;
}
.venue_box .form-control {
  font-size: 15px;
  outline: medium none;
  color: #333;
  font-weight: 400;
  border: 1px solid #ddd;
  padding: 25px 15px;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-family: "Roboto", sans-serif !important;
  box-shadow: none;
}
.venue_box .form-control:placeholder
{
  color: #333 !important;
}
.venue_box .form-control:focus {
 outline: none;
 box-shadow: none; 
 border: 1px solid rgba(240,240,240);
}
.rating_form .form-control
{
  height: 50px;
}
.form-box .form-control
{
font-size: 13px;
  outline: medium none;
  color: #333;
  
  border: 0px solid rgba(0, 0, 0, 0.87) !important;
  border-bottom: 2px solid rgba(240,240,240) !important;
  padding: 10px 5px !important;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    line-height: 34px;
    color: #333;
}
.form-group {
    margin-bottom: 10px;
    border-radius: 5px;
}

.form_box .form-group {
    margin-bottom: 0px;
    border-radius: 5px;
}
.form_box .form-group .btn 
{
  border-radius: 0px 5px 5px 0px !important;
}
.form-box .form-control::placeholder
{
   color: #333;
}
#owl-demo .item{
  
  
  margin: 10px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;

  
}
#owl-demo .item:hover
{
   
}
.owl-theme .owl-controls {
    text-align: center;
    
}
.owl-pagination {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -22px !important; 
}
.product_img h4
{
  font-size: 18px;
}
.owl-carousel 
{
  margin-top: 0px;
}


.counter
{
    
}
.employees
{
   
   padding: 30px;
   border-bottom: 2px solid #e81623;
   margin: 50px 0px; 
}
#quotes
{
  background-color: #e81623;
}
.employees i
{
  font-size: 40px;
  color: #fff;
}
.counter-count
{
  font-size: 20px;
  color: #fff;
}

.employee-p,.customer-p,.order-p,.design-p
{
    font-size: 20px;
    color: #fff;
    line-height: 34px;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">
 
.demo{ background: #f8f8f8; }
.testimonial{
    margin: 0 20px 40px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid rgba(240,240,240);
    position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #e81623;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #e81623;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 15px;
    color: #e81623;
}


.btn-submit {
    color: #fff;
    width: 100%;
    background-color: #e81623;
    border-color: #e81623;
    border-radius: 0px !important;
}
.btn-submit:hover
{
  color: #e81623;
    background-color: #fff;
    border-color: #e81623;
}
.owl-theme .owl-controls{
    margin-top: 0px;
}
.owl-theme .owl-controls .owl-page span{
    background: #ddd;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #ff4242;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th 
{
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
}
.lef_side
{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 70px;
  height: 100%;
  padding-top: 75px;
  z-index: 333;
  background-color: #fafafa;
  border-right: 1px solid rgba(240,240,240);
}
.links_media ul
{
  margin: 10px;
}
.links_media
{
  margin-top: 80px;
}
.links_media li
{
  margin-bottom: 10px;
}
.links_media li a
{
  border: 2px solid #e81623;
  display: block;
  line-height: 38px;
  width: 40px;
  text-align: center;
  height: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.links_media li:hover a
{
  border: 2px solid #c0d72f;
  background-color: #c0d72f;
  color: #fff;
}
.links_mobile p
{
   text-align: center;
   color: #e81623;
}
.links_mobile p{
   
    color: #e81623;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: 200px;
    font-size: 16px;
    display: block;
    text-align: center;
    font-weight: bold;
}

@media only screen and (max-width: 768px)

{
  .lef_side
  {
  display: none;
  }
  .navbar-brand img
  {
      width:200px;
      margin-top:10px;
  }
  .top_li ul li
  {
    display: none;
  }
}


.about_img img
{
  box-shadow: -31px 34px 0px #c0d72f
  border:1px solid rgba(240,240,240);
  padding: 5px;
  background-color: rgba(240,240,240);
}
#testimonial_bg
{
  
   
    position: relative;
    background-attachment: fixed;
}

.welcome
{
   background: url(../img/background/download.jpg);
background-size: cover;
background-attachment: fixed;
}
.products_img img
{
  width: 100%;
}
.category_img p 
{
  padding-bottom: 5px !important;
}
.category_img span
{
  font-size: 20px;

}
.products_img img
{
  height: 300px;
  overflow: hidden;
}
.category_img img
{
  
}
strike .fa
{
  color: #565959;
  font-size: 10px;
}
strike 
{
  color: #565959;
  font-size: 10px;
  padding-left: 5px;
}
.category_img
{

}
.category_img a
{
  color: #212121;
  font-weight: 500;
  display: block;
}
.category_img
{
   border-radius: 10px;
  width: 100% !important;
  display: block;
  overflow: hidden;
  padding: 0px 0px;
  
}
.category_img img 
{
  border-radius: 0px !important;
  width: 100%;
  height: 260px;
  padding: 0px;
  object-fit: cover;
  padding-bottom: 10px;
}

.chicken_box
{
  padding: 0px 0px 10px 0px;
}
.chicken_box p
{
  padding: 0px 10px;
}
.chicken_box h6
{
  padding: 0px 10px;
  font-size: 15px;
  color: #e81623;
  margin: 0px 0px;
}
.chicken_box .rating_box
{
  padding: 8px 10px 0px 10px;
}
.chicken_box p a
{
  
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: normal;
}
.chicken_box p .btn
{
   color: #222 !important;
}
.chicken_box
{
 
  background-color: #fff;
  margin-bottom: 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #ddd;
  border: 1px solid #f9f9f9;

}
.chicken_box:hover
{
  box-shadow: 0px 0px 5px 0px rgba(240,240,240);
}

.owl-theme .item
{
  padding: 0px 5px;
}
.chicken_box img
{

}
.chicken_box h4
{
  text-align: center;
  text-transform: capitalize;
  color: #e81623;
  padding: 10px 0px;
  margin: 0px;
}
.btn-cart-home
{
  background: #FFD814;
    border-color: #FCD200;
  border-radius: 10px !important;
  margin: 5px 5px;
  padding: 5px;
}
.box-shadow
{
  box-shadow: 0px 0px 2px 0px rgba(240,240,240);
  padding: 10px 10px !important;
  background-color: #fff;
}

.owl_menu_cat .item img 
{
  border-radius: 10px;
  width: 100%;
}

figure {
  
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
figure:hover+span {
  bottom: -36px;
  opacity: 1;
}
/* Shine */
.hover14 figure {
  position: relative;
  margin-bottom: 0px;
 
}
.hover14 figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.hover14 figure:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
  
}


.search_menu
{
  background-color: #e81623;
}
.main_menu img
{
  margin: auto;
}
.main_menu h3
{
  color: #fff;
}
.main_menu p
{
  color: #fff;
}
.middle_content h1
{
  color: #e81623;
  margin: 0px;
}
.middle_content h2
{
 color: #e81623;
 margin: 0px;
}
.middle_content h3
{
  color: #ffde59;
  text-shadow:0px 2px 3px #212121;
}


.btn-view
{
  font-weight: 500;
}

.btn-cart:hover
{
  color: #e81623 !important;
}
.btn-cart
{
  float: right;
  text-align: center;
  height: 32px;
  width: 32px;
  line-height: 20px;
  font-size: 18px;
  color: #222 !important;
  box-shadow: 0px 0px 10px #ddd;
  background: rgb(255, 255, 255);
  padding: 5px 10px;
  margin-right: 10px;
  font-weight: normal;
}
.btn-cart:hover
{
  float: right;
  text-align: center;
  height: 32px;
  width: 32px;
  line-height: 20px;
  font-size: 18px;
  color: #fff !important;
  box-shadow: 0px 0px 10px #ddd !important;
  background: #e81623 !important;
  padding: 5px 10px;
  margin-right: 10px;
  font-weight: normal;
}
.btn-cart:focus
{
  float: right;
  text-align: center;
  height: 32px;
  width: 32px;
  line-height: 20px;
  font-size: 18px;
  color: #fff !important;
  box-shadow: 0px 0px 10px #ddd !important;
  background: #e81623;
  padding: 5px 10px;
  margin-right: 10px;
  font-weight: normal;
}
.btn-cart_main 
{
  border: 1px solid #e81623;
  color: #e81623 !important;
}

.middle_content a
{
background-color: #e81623;
  color: #fff;
}

.why-us img
{
  width: 50%;
  margin: auto;
}


.social-icons
{
  margin-top: 30px;
}
.footer-social-icons {
   
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook:hover {
    background-color: #3d5b99;
    color: #fff;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
    color: #fff;
}
.fa-rss {
    padding:10px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-rss:hover {
    background-color: #eb8231;
    color: #fff;
}
.fa-youtube {
    padding:10px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
    color: #fff;
}
.fa-linkedin {
    padding:10px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
    color: #fff;
}
.fa-github {
    padding:10px 15px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-github:hover {
    background-color: #5a32a3;
    color: #fff;
}
.mid_li li
{
  display: inline-block;
}
.mid_li li img
{
  width: 20px;
  margin: 20px 0px;
  padding: 2px;
}
.mid_li ul li a
{
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-weight: 500;
}

.welcome_text 
{
  padding: 20px;
}
.welcome_text h3
{
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  line-height: 40px;
}
.welcome_text ul li
{
  list-style-type: square;
  line-height: 40px;
}
.welcome_text ul
{
  padding: 0px 20px;
}

.padd-10 del, .padd-10 del i 
{
  color: #a3a1a0 !important;
}

.padd-10
{
  padding: 0px 10px 10px;
}

/*fashion*/
.fashion_img a
{
  display: block;
  color: #212121;
}

.padd-10 a:hover 
{
  color: #e81623;
  border: 1px solid #e81623;
}

.fashion_img a span 
{
  padding-right: 5px;
}
.fashion_img  img 
{
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}

.fashion_img 
{
  padding: 0px 0px;
  margin-bottom: 30px;
}
.fashion_img .one_line
{
  display: block!important;
  overflow: hidden!important;
  font-weight: normal !important;
  display: -webkit-box !important;
  font-size: 16px;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  margin-bottom: 5px;
}

.fashion_img .one_line  h4 
{
  font-size: 16px;
}

.fashion_img h6
{
    padding: 5px 0px;
    font-size: 15px;
    color: #e81623;
    margin: 0px 0px;
}
.fashion_img 
{
  border-radius: 10px;
}
.fashion_img:hover
{
  box-shadow: 0px 0px 5px 0px #ddd;
}


/*toys*/
/*fashion*/

.toys_box  figure
{
  /* height: 266px; */
}
.toys_box a
{
  display: block;
  color: #212121;
}

.toys_box figure img
{margin: 0px 0px;width: 100%;}
.toys_box a span 
{
  padding-right: 5px;
}
.toys_box p 
{
  margin: 10px 0px;
}
.toys_box  img 
{
  width: 100%;
  border-radius: 5px;
}

.toys_box 
{
  /* padding: 0px 20px; */
  margin-bottom: 30px;
}
.toys_box .one_line
{
  display: block!important;
  overflow: hidden!important;
  font-weight: normal !important;
  display: -webkit-box !important;
  font-size: 16px;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.toys_box h6
{
    padding: 5px 0px;
    font-size: 15px;
    color: #e81623;
    margin: 0px 0px;
}
.toys_box:hover
{
  box-shadow: 0px 0px 5px 0px rgba(240,240,240);
}

.review_box_img ul li
{
  display: inline-block;
  width: 89px;
  height: 89px;
  overflow: hidden;

}
.review_box_img ul li img 
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
  border: 1px solid #f1f1f1;
  object-fit: contain;
}
/**/
#category
{
  background-image: url(../img/background/bg-1.jpg);
  background-size: cover;
  background-attachment: fixed;: 
}


.similer_img img 
{
  height:200px;
  width: auto !important;
  margin: 10px auto;
}

.similer_img_tv img 
{
  height:auto;
  width: 100% !important;
  margin: 10px auto;
}

.similer_img_app img 
{
  width: 80% !important;
  height: 200px;
  object-fit: cover;

  margin: 10px auto;
}
.similer_img_appp img
{
  width: auto !important;
  height: 200px;
  object-fit: cover;

  margin: 10px auto;
}

.similer_img_furniture img 
{
  width: 100% !important;
  height: 150px;
  max-height: 100%;
  margin-bottom: 10px;
}
.section_bg2
{
  background-image: url(../img/background/bg-1.jpg);
  background-size: cover;
  background-attachment: fixed;
  padding:50px 0px;
}

.header_title h1
{
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  line-height: 60px;
}

.quote_box 
{
  padding: 40px 50px;
}
.quote_box h1
{
  line-height: 40px;
  font-size: 20px;
}


#custom-search-input {
        margin:0;
        margin-top: 0px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
       
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#e81623 !important;
        z-index: 9999;
    }
      
      #custom-search-input .form-control
      {
        margin: 10px 0px;
        box-shadow: none;
        position: relative;
    padding: 1.25rem 1.15rem;
    height: 4.8rem;
    background: rgb(255, 255, 255);
   
    font-size: 18px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    border-radius: 0.6rem;
    color: rgb(28, 28, 28);
        border-bottom:1px solid rgba(240,240,240) !important;
      }
    .search-query button:focus {
        color:#e81623;
    }
    #custom-search-input:focus button
    {
      display: block;
    }

.input-group
{
  /* margin-top: 8px; */
}
.input-group-btn span {
    color: #e81623;
}
.creative_box  img
{
 width: 100%;
}

.container .title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  width: 100%;

  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: capitalize;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}
.fadeIn-top{
  top: 20%;
}

.banner_background 
{
  padding: 50px 0px;
  background-image: url(../img/background/header-bg.jpg);
  background-size: cover;
  background-position: top;
}

.banner_tittle h2
{
  color: #fff;
  text-transform: capitalize;
}
.contact-table
{
  margin-top: 30px;
}
.contact-table tr td
{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
    color: #333 !important;
    font-size: 15px !important;
    font-weight: 400;
    margin-top: 20px;
}

.section_main 
{
  padding: 40px 0px;
}

.contact_tittle h2
{
  text-transform: capitalize;
  color: #e81623;
}

.product_img img
{
  width: 100%;
}
.product_img figure img
{
  height: 180px;
  width: 100%;
}
.product_content h4
{
  color: #403f3f;
}
.product_content span
{
  color: #e81623;
  line-height: 30px;
}
.product_content
{
  margin: 20px 0px;
}

.product_content .fa-links
{
  color: #fff;
  background-color: #e81623;
  padding: 10px;
  border-radius: 50%;
  margin: 0px 5px;
}
.product_box 
{
  border:1px solid rgba(240,240,240);
  padding: 10px;
}

.product_cart h2
{
  margin: 0px;
}

.quality_list ul li
{

  margin-right: 0px;
}

.quality_list .form-control
{
  margin: 0px;
}
.btn-success 
{
  border-radius: 0px !important;
  background: transparent;
}
.btn-success:hover
{
  border-radius: 0px !important;
  background: transparent;
}
.input-group-btn
{
  
}
.input-group-btn span {
    color: rgba(240,240,240);
}
.btn-success
{
  border: none;
  border: 1px solid rgba(240,240,240);
}
.count-control {
  font-size: 15px;
  border: 1px solid rgba(240,240,240) !important;
  outline: medium none;
  color: #333;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
  height: 43px;
  margin: 10px 0px;
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.count-control:focus {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.14);
  outline: none;
  background-color: transparent;
}
.fa-inr
{
  
}
.product_content span
{
  font-weight: 500;
}
.product_content ul li
{
  list-style-type: disc;
}
.product_content ul
{
  margin-left: 30px;
}
.about_content ul 
{
  margin-left: 30px;
}
.about_img img
{
  width: 100%;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid rgba(240,240,240);
    border-radius: 0px 0px 0 0;
    font-weight: 500;
    color: #333;
}
.nav-tabs>li>a:hover
{
  background-color: #ffff;
  color: #333;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #333;
    cursor: default;
    background-color: #fff;
    border: 1px solid rgba(240,240,240);
    border-bottom: 1px solid #e81623;
    
}
.nav-tabs {
    border-bottom: 0px solid rgba(240,240,240);
}
.cart-table
{

}
.cart-table>tbody>tr>td, .cart-table>tbody>tr>th, .cart-table>tfoot>tr>td, .cart-table>tfoot>tr>th, .cart-table>thead>tr>td, .cart-table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 0px solid rgba(240,240,240);
    color: #333;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
}
.cart-table tr th
{
  background-color: #e81623;
  color: #fff !important;
  font-size: 15px !important;
}
.cart-control {
  font-size: 15px;
  border: 0px solid rgba(240,240,240) !important;
  outline: medium none;
  text-align: center;
  color: #333;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  padding: 0px 0px;
  
  margin: 0px 0px;
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.cart-control:focus {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.14);
  outline: none;
  background-color: transparent;
}
.btn-remove
{
  padding: 5px 10px;
  color: #333;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid rgba(240,240,240);
  font-size: 13px;
  font-weight: normal;
}
.cart_img 
{
  width: 100px;
}
.total-cart
{
  border: 0px solid rgba(240,240,240) !important;
  padding: 10px 10px;
}

.extra img
{
  width: 15px;
}

.table_reg
{

}
.table_reg>tbody>tr>td, .table_reg>tbody>tr>th, .table_reg>tfoot>tr>td, .table_reg>tfoot>tr>th, .table_reg>thead>tr>td, .table_reg>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
    color: #333;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
}

.reg_box 
{
  background-color: #f1f1f1;
  padding: 10px 20px;
}

.mid_li
{
  padding: 17px 0px;
}
.navbar-nav
{
  margin: auto;
    text-align: center;
    display: inline-block;
}
.navbar-nav>li {
    float: none;
    display: inline-block;
    text-align: center;
    margin: auto;
    margin-left: 0px;
}

.box-shadow img
{
  width: 100%;
}

.dropdown .dropbtn {
   
  border: none;
  outline: none;
  margin: 0;
}



.dropdown-content {
  z-index: 333;
  display: none;
  width: 1355px;
  position: absolute;
  left: auto;
  right: auto;
  content: '';
  margin: auto;
  
}

.dropdown-content-main
{
  position: absolute;
  top: 30px !important;
  left: auto;
  right: -30px;
  content: '';
  margin: auto;
  width: 400px !important;
  padding: 5px !important;
}
 .dropdown-content-main ul li 
 {
  display: inline-block;
  text-align: center;
  margin: 0px 10px;
 }
  .dropdown-content-main ul li a 
  {
    display: block;
    font-size: 14px !important;
  }
  .dropdown-content-main ul li a p 
  {
    font-size: 14px !important;
  }
 .dropdown-content-main ul li .fa 
 {
  background-color: transparent;
  font-size: 18px;
  
  border-radius: 50%;
  line-height: 30px !important;
  border:1px solid rgba(240,240,240);
 }
 .dropdown-content-main ul li .fa:hover
 {
  color: #212121;
 }
 .dropdown-content-main ul li .fa-envelope
 {
  background-color: transparent;
  font-size: 20px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 47px !important;
  border:1px solid rgba(240,240,240);
 }
 .dropdown-content-main ul li .fa-facebook
 {
  color: #4d67a5 !important;
 }
.dropdown-content-main ul li .fa-twitter
 {
  
  color: #1291c8;
  
  border:1px solid rgba(240,240,240);
 }
 
 .dropdown-content-main ul li .fa-share-alt
 {
  background-color: transparent;
  font-size: 20px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  line-height: 47px !important;
  border:1px solid rgba(240,240,240);
 }


.dropdown2
{
  position: absolute;
  left: -174px;
}

.dropdown3 {
    position: absolute;
    left: -325px;
}

.dropdown4 {
    position: absolute;
    left: -530px;
}

.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.row 
{
  width: 100%;
}
/* Create three equal columns that floats next to each other */
.column::-webkit-scrollbar-track
{
  
  background-color: #fff;
}

.column::-webkit-scrollbar
{
  width: 2px;
  background-color: rgba(240,240,240);
}

.column::-webkit-scrollbar-thumb
{
  background-color: rgba(240,240,240);
}
.column {
  float: left;
  width: 20%;
  height: 65vh;
  overflow-y: scroll;
  padding: 5px;
  background-color: #fff;
}

.column h4
{
  margin-bottom: 10kpx;
  border-bottom: 0px solid rgba(240,240,240);
  padding: 0px 24px;
  text-align: left;
   font-weight: 500 !important;
  font-size: 15px !important;
}
.column a {
  float: none;
  color: black;
  padding: 4px;
  font-size: 13px !important;
  text-decoration: none;
  display: block;
  line-height: 20px !important; 
  color: #333 !important;
  font-weight: 300 !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  text-align: left !important;
}

.column a:hover {
  background-color: #fff;
}

.links_back a
{
  color: #333;
}
.links_back .fa
{
  font-size: 10px;
  padding: 0px 8px;
}
.filters_style
{
  padding:10px;
}
.filters_style h4
{
  margin: 0px 0px;
  padding-bottom: 10px;

  border-bottom: 1px solid rgba(240,240,240);
}
/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 0px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ddd;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #e81623;
    border-radius: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filters_style .form-control
{
  height: 30px;
  padding: 5px;
  font-size: 13px;
}

.hide-bullets {
    list-style:none;
    margin-left: 0px;
    margin-top:0px;
}

@media only screen and (max-width:768px)
{
  .hide-bullets li {
    width: 75px;
    height: 75px;
    display: inline-block;
}
}
.hide-bullets li
{
 
}
.hide-bullets li a  img 
{
    width: 100% !important;
    height: 80px !important;
    object-fit: cover;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
}
.hide-bullets li .thumbnail
{
  margin-bottom: 5px !important;
  display: block;
}
.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
   
}



.img-magnifier-container {
  position:relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #212121;
  border-radius: 0%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 100px;
  height: 100px;
  z-index: 99;
}


/*
Credits:
https://github.com/marcaube/bootstrap-magnify
*/

.mag {
    height: auto;
    margin: 0 auto;
    float: none;
}
    
.mag img {
    height: 416px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
        

.height_600 img 
{
  height: 433px  !important;
  width: 100% !important;
  object-fit: cover;
}
.hide-bulletss
{
  margin-top: 0px;
}
.hide-bulletss li a {

  display: block;
  border: 1px solid rgba(240,240,240);
    
}
.magnify {
    position: relative;
    cursor: none
}

.magnify-large {
    position: absolute;
    display: none;
    width: 100px;
    height: 100px;

    -webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    
    -webkit-border-radius: 0%;
       -moz-border-radius: 0%;
             border-radius: 0%
}

.product_details .rating_color .fa
{
   color: #ffa41c;
}
.product_details h4
{
  line-height: 30px;
  font-weight: normal;
}

.product_price .fa
{
  
}
 .product_price strike
 {
  color: #ddd;
 }
  .product_price strike i
 {
  color: #ddd;
 }
.product_price h5, .product_price strike
{
  
}

.product_price .table tr td
{
  color: #333;
  border: none;
   vertical-align: middle;
}

.de-product
{
  margin-bottom: 30px;
}
.de-product h4
{
  font-size: 24px;
}
.btn-cartt, .btn-buy
{
   width: 265px;
   margin-right: 10px;
   padding: 15px;
   border-radius: 10px !important;
   font-weight: 500;
   font-size: 16px;
   margin-bottom: 40px;
}

#content-box {
  max-height: 5em; /* Initially show only 3 lines */
  overflow: hidden;
}
.span-show{
  color:#222;
  font-weight: 500;
}
.span-show:hover{
  cursor:pointer;
}


.btn-buy
{

}
.owl-pagination {
  display: none;
}
.borderd_box
{
  
}
.cat_menu_box
{
  border-bottom: 1px solid #dedede;
}
.boc_cat_title h4 
{
  padding: 5px;
  font-weight: 500;
}
.borderd_box img 
{
  width: 100%;
  height: 220px;
  object-fit: contain;
  margin-bottom: 10px;
  border-radius: 20px;
  background-color: #e4d2fa;
  background-image: linear-gradient(0deg, #e4d2fa, #f3edff);
}

.borderd_box
{
  

}
.borderd_box p
{
  color: #212121;
  font-weight: 500;
  font-size:17px;
  height: 50px;
  overflow: hidden;
  
}

.borderd_box a 
{
  display: block;
 
 background-color: #fff;
  text-align: center;
  border-radius: 20px;
  margin: 0px 0px 0px 0px;
  padding: 10px;

  
}
.borderd_box a:hover 
{

  background-color: #fff !important;
  
}
.cat_menu_box
{
 padding: 5px 0px;
}

.borderd_img img 
{
  width: 150px;
  height: 150px;
  object-fit: contain;
  margin-bottom: 10px;
  border-radius: 50%;
  padding: 5px;
  box-shadow: 0px 0px 10px #ddd;
}

.borderd_img
{

}
.borderd_img p
{
  color: #212121;
  font-weight: 500;
  font-size:17px;
  height: 50px;
  overflow: hidden;
  
}

.borderd_img a 
{
  display: block;
 
 background-color: #fff;
  text-align: center;
  border-radius: 20px;
  margin: 0px 0px 0px 0px;
  padding: 10px;
    
}
.borderd_img a:hover 
{

  background-color: #fff !important;
  
}
.slicknav_menu
{
  display: none;
}


.borderd_box_small a
{
      
    margin: auto;
    margin-bottom: 10px;
    display: block;
    text-align: center;

}
.borderd_box_small .active img
{
    display: block;
    border-radius: 0px 50px 50px 0px;
    margin-bottom: 10px;
    background-color: #f7d2fa;
    border-left: 5px solid #e81623;
    padding: 0px 20px;
}
.borderd_box_small a img:hover
{
    display: block;
    border-radius: 0px 50px 50px 0px;
    margin-bottom: 10px;
    background-color: #f7d2fa;
    border-left: 5px solid #e81623;
    padding: 0px 20px;
}
.borderd_box_small a img 
{
  width: 120px;
  display: block;
  margin: auto;
    border-radius: 0px 30px 30px 0px;
    margin-bottom: 10px;
    background-color: transparent;
    border-left: 5px solid transparent;
    padding: 0px 20px;

}
.borderd_box_small a img
{
    display: block;
    margin-bottom: 10px;
}
.borderd_box_small p {
    color: #212121;
    font-weight: 500;
    font-size: 12px;
    margin-top: 0px;
    line-height: normal;
}


.scoll_box
{
  height: 100vh;
  overflow-y: scroll;
}

.scoll_box::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.scoll_box::-webkit-scrollbar
{
  width: 0px;
  background-color: #F5F5F5;
}

.scoll_box::-webkit-scrollbar-thumb
{
  background-color: #212121212121;
}

.border_radious_20
{
  
}

.border_radious_20
{
 border-radius: 10px !important;
  margin-top: 0px;
  box-shadow: 0px 0px 10px 0px rgba(240,240,240) !important;
}
.banner_bg
{
  width: 100%;
}
.banner_bg img
{
  border-radius: 0px !important;
  width: 100%;
  height: 270px;
  object-fit: cover;
}

.product_details .form-control {
    margin: 0px 0px !important;
    box-shadow: none;
    border: 1px solid rgba(240,240,240);
}

.bg_box_img
{
  background-image: url(../img/box_bg.jpg);
}

.img_radius
{
  border-radius: 10px !important;

}

.explore_new img 
{
  width: 50%;
}

.borderd_box_cat
{
  padding: 10px 0px;
}
.borderd_box_cat  a img
{
  width: 80px !important;
  height: 80px;
  object-fit: contain;
  border-radius: 10% !important;
  margin: auto;
  display: block;
  text-align: center;
  box-shadow: 0px 0px 2px 0px #ddd;
  background-color: #e4d2fa;
  background-image: linear-gradient(0deg, #e4d2fa, #f3edff);
  
}

.borderd_box_cat img {
    
}

.borderd_box_cat  a  p
{
 
  color: #212121;
  font-weight: 500;
  font-size: 12px;
  margin-top: 5px;
  line-height: normal;
  text-align: center;

}



.offer_img
{
  width: 50px;
  position: absolute;
  left: 20px;
  z-index: 99;

}
.navigation-menu
{
  background-color:#22303d !important;
}
.cat_menu_box
{
  background-color:#fff;
}
strike
{
  
}
@media only screen and (max-width:768px)

{
.chicken_box .btn-cart
  {
    
    padding: 0px;
    position: absolute;
    right: 23px;
    font-weight: normal !important;
  }
.chicken_box p a {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: normal;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.chicken_box p {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: normal;
    -webkit-box-orient: vertical;
    
}
.category_img .fa-inr 
{
    color: #333 !important;
}
  .category_img img {
    width: 100%
    margin: auto;
    text-align: center;
    object-fit: contain;
    border-radius: 20px !important;
}
.borderd_box img {
    width: auto !important;
    height: 40px !important;
    object-fit: cover;
    margin-bottom: 10px;
}
.borderd_box p {
    color: #212121;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
}
.borderd_box a {
    display: inline-block;
    
    
    height: 100px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
}
.borderd_box_small p
{
  color: #212121;
    font-size: 12px;

    font-weight: 500;
    margin: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: normal;

}
.borderd_box_small img {
    width: 100%;
    padding: 0px;
    margin: auto;
    margin-bottom: 10px;
}
.borderd_box_small a 
{
  
  background-color: #fff;
}
.borderd_box_small a:hover
{
  
  background-color: #fff !important;
}
.scoll_box {
    height: 150vh;
    overflow-y: scroll;
    overflow-x: unset !important;
}
.offer_img {
    width: 20px;
    position: absolute;
    left: 20px;
    z-index: 99;
}
.borderd_box_small a {
    
    border-radius: 50% !important;
    
    overflow: none !important;
    margin: auto auto 10px auto ;
}
.borderd_box a h4 
{
  color: #212121;
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
}
.w_750 {
    width: 100% !important;
    float: left;
    margin: 0px 0px;
    padding: 0px 0px 0px 0px !important;
}
.banner_bg {
    width: 100%;
    height: auto !important;
}

.banner_bg img {
    border-radius: 5px !important;
    width: 100%;
    height: auto !important;
    object-fit: cover;
}
.links_back
{
  margin-bottom: 10px;
}

.toys_box figure img {
    margin: 10px 0px;
}
.toys_box figure {
    height: auto !important;
}
}

.toys_filter
{
  height: 100vh;
  overflow-y: scroll;
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  overflow-x: hidden;
}
.toys_filter h3 
{
  font-weight: 500;
  color: #212121;
  font-size: 18px;
  margin: 0px 0px 10px 0px;
}
.toys_filter  h4 span 
{
  margin-bottom: 0px;
}
.toys_filter  h4
{
  font-size: 14px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid rgba(240,240,240);
  
   text-transform: capitalize;
}
.toys_filter  h4  a
{
   font-weight: 500 !important;
   margin: 10px 0px;
   font-size: 14px;
   text-transform: uppercase;
}

.toys_filter a 
{
    color: #212121;
    font-size: 16px;
    display: block;
    font-weight: 300 !important;
    margin: 0px 0px;
}

.toys_filter .form-control 
{
  display: inline-block;
  width: 100%;
  height: 30px;
  margin-right: 5px;
  border-radius: 2px;
  padding: 10px 0px;
}
.toys_filter .form-control:focus
{
  outline: none;
  box-shadow: none;
}


.toys_filter::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.toys_filter::-webkit-scrollbar
{
  width: 0px;
  background-color: #F5F5F5;
}

.toys_filter::-webkit-scrollbar-thumb
{
  background-color: #212121212121;
}
.w_20
{
  width: 140px;
  float: left;
  background-color: #fff;
  padding: 25px 0px;
}
.w_80
{
  width: 89%;
   float: left;
   margin: 0px 0px;
   padding: 0px 0px 0px 15px;
}
.row 
{
  width: 100%;
  margin: 0px;
}

.sort_by .form-control
{
  padding: 5px;
  height: auto;
  border: 1px solid #ddd;
  box-shadow: none;
}
.sort_by .form-control:focus
{
  border: 1px solid #ddd;
}
.sort_by .form-control option 
{
  padding: 10px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
     margin: 0px 0;
    border-radius: 4px;
}

#profile-description {
  max-width: 100%;  
  position:relative;
  margin-bottom: 20px;
}
#profile-description .text {
/*   width: 660px;  */
  margin-bottom: 5px; 
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px; 
  display: block;
}
#profile-description .show-more {
/*   width: 690px;  */
  color: #e81623;
  position:relative; 
  font-size: 15px;
  padding-top: 5px; 
  cursor: pointer;
}
#profile-description .show-more:hover { 
    color: #1779dd;
}
#profile-description .show-more-height { 
  overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  overflow:hidden; 
}




/*1 end*/

#profile-descriptionn {
  max-width: 100%;  
  position:relative;
  margin-bottom: 10px;
}
#profile-descriptionn .textt {
/*   width: 660px;  */
  margin-bottom: 0px; 
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px; 
  display: block;
  font-weight: 500;
}
#profile-descriptionn .show-moree {
/*   width: 690px;  */
  color: #ffa41c ; 
  position:relative; 
  font-size: 15px;
  padding-top: 5px; 
  cursor: pointer;
  font-weight: 500;
}
#profile-descriptionn .show-moree:hover { 
    color: #1779dd;
}
#profile-descriptionn .show-more-heightt { 
  height: 100px; 
  overflow:hidden; 
}

/*2 end*/

#profile-descriptionnn {
  max-width: 100%;  
  position:relative;
  margin-bottom: 20px;
}
#profile-descriptionnn .texttt {
/*   width: 660px;  */
  margin-bottom: 5px; 
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px; 
  display: block;
  font-weight: 500;
}
#profile-descriptionnn .show-moreee {
/*   width: 690px;  */
  color: #333; 
  position:relative; 
  font-size: 15px;
  padding-top: 10px; 
  cursor: pointer;
  font-weight: 500;
}
#profile-descriptionnn .show-moreee:hover { 
    color: #1779dd;
}
#profile-descriptionnn .show-more-heighttt { 
  height: 77px; 
  overflow:hidden; 
}

/*3 end*/

/*4 end*/
#profile-description4 {
  max-width: 100%;  
  position:relative;
  margin-bottom: 0px;
}
#profile-descriptionnn .text4 {
/*   width: 660px;  */
  margin-bottom: 5px; 
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px; 
  display: block;
  font-weight: 500;
}
#profile-description4 .show-more4 {
/*   width: 690px;  */
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px;
  padding-top: 0px; 
  cursor: pointer;
  font-weight: 500;
  margin-top: 5px;
  background-color: transparent;
  
}
#profile-description4 .show-more4:hover { 
    color: #1779dd;
}
#profile-description4 .show-more-height4{ 
  -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  overflow:hidden; 
}

/*5 end*/
#profile-description5 {
  max-width: 100%;  
  position:relative;
  margin-bottom: 0px;
}
#profile-descriptionnn .text5 {
/*   width: 660px;  */
  margin-bottom: 5px; 
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px; 
  display: block;
  font-weight: 500;
}
#profile-description5 .show-more5 {
/*   width: 690px;  */
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px;
  padding-top: 0px; 
  cursor: pointer;
  font-weight: 500;
  margin-top: 0px;
  background-color: transparent;
  
}
#profile-description5 .show-more5:hover { 
    color: #1779dd;
}
#profile-description5 .show-more-height5{ 
  -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  overflow:hidden; 
}

/*5 end*/
#profile-description6 {
  max-width: 100%;  
  position:relative;
  margin-bottom: 0px;
}
#profile-description6 .text6 {
/*   width: 660px;  */
  margin-bottom: 5px; 
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px; 
  display: block;
  font-weight: 500;
}
#profile-description6 .show-more6 {
/*   width: 690px;  */
  color: #ffa41c !important;
  position:relative; 
  font-size: 15px;
  padding-top: 0px; 
  cursor: pointer;
  font-weight: 500;
  margin-top: 10px;
  background-color: transparent;
  
}
#profile-description6 .show-more6:hover { 
    color: #1779dd;
}
#profile-description6 .show-more-height6{ 
  -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  overflow:hidden; 
}

.btn_wish_list
{
  position: absolute;
  right: 22px;
  top: 10px;
  width: 25px;
  height: 25px;
  z-index: 99;
  font-size: 18px;
  /* padding: 5px 10px; */
  background-color: transparent;
  border: none;
  color: #dcd7d5;
  
}

.btn_wish_list:focus
{
  border: 1px solid transparent;
  color: #e81623 !important;
}


/**/
.btn_wish_list_fashion
{
  position: absolute;
  right: 30px;
  top: 10px;
  width: 25px;
  height: 25px;
  z-index: 99;
  font-size: 15px;
  line-height: normal;
  padding: 2px 5px;
  background-color: #fff;
  border: none;
  border-radius: 50px;
  color: #dcd7d5;
}

.btn_wish_list_fashion:focus
{
  color: #e81623 !important;
}

/**/


/**/
.btn_wish_list_television
{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  z-index: 99;
  font-size: 16px;
  border: none;
  border-radius: 50px;
  color: #dcd7d5;
  background-color: transparent;
  
}

.btn_wish_list_television:focus
{
  border: 1px solid transparent;
  color: #e81623 !important;
}

/**/

.panel-group .panel+.panel {
    margin-top: 0px; 
}
.toys_filter .form-control 
{
  border: none;
  box-shadow: none;
  border-bottom: 2px solid rgba(240,240,240) ;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0px;
}
.toys_filter .form-control::focus
{
  border: none;
  border-bottom: 1px solid rgba(240,240,240);
  outline: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color:  transparent;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid transparent;
}
.w_150
{

}

.w_200
{
  width: 200px;
  float: left;
}
.w_800
{
  width: 84%;
   float: left;
  margin: 0px 0px;
   padding: 0px 0px 0px 15px;
}

.w_250
{
  width: 210px;
  float: left;
}
.w_750
{
  width: 84%;
  float: left;
  margin: 0px 0px;
  padding: 0px 0px 0px 15px;
}

.borderd_box_small .active
{
 
}

.banner_img_box img 
{
  width: 100%;
}


.btn-rating
{
  background-color: transparent;
  padding: 0px 0px;
  text-align: left;
}
.btn-rating img 
{
  width: 50%;
}


@media only screen and (max-width:768px)
{
  .w_20
{
  width: 70px;
  float: left;
}
.w_80
{
  width: 78%;
   float: left;
   margin: 0px 0px;
   padding: 10px;
   background-color: #fff;
}
.borderd_box_small a
{
  padding: 0px;
}
.borderd_box_small a img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin: 0px 0px 10px 0px;
}
.section {
    /* padding: 0px 0 !important; */
}

}


.dropdown-more {
  z-index: 333;
  display: none;
  width: 200px;
  position: absolute;
  left: 0;
  content: '';
  background-color: #fff;
  right: 0;
  padding: 5px;
  margin: auto;
  max-height: calc(100vh - 163px);
    overflow: scroll;
  
}
.dropdown_down_more
{
  position: absolute;
  left: -102px;
}


.dropdown-more .header {
  background: red;
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-more {
  display: block;
}

.dropdown-more ul li a  
{
  padding: 5px;
  display: block;
}
.sub_menu_cat li
{
  display: inline-block;
}
.sub_menu_cat li a
{
  color: #333;
  display: block;
  padding: 6px 8px;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  border-bottom: 2px solid #fff;
}
.sub_menu_cat li a:hover
{
  border-bottom: 2px solid #e81623;
  color: #e81623;
}

.sub_menu_cat li .active
{
  border-bottom: 1px solid #e81623;
  color: #e81623;
}

.sub_menu_cat li .border_active
{
  border: 1px solid #222;
}

.sub_menu_cat li .border_active:hover
{
  border: 1px solid #e81623;
}

.sub_menu_cat li ul li a
{
  font-weight: 500;
  color: #212121 !important;
  display: block;
  padding: 5px 5px;
  
}

.sub_menu_cat li ul li a:hover
{
  color: #e81623 !important;
}

.dropdown-small {
  display: none;
  position: absolute;

  background-color: #f9f9f9;
  min-width: 160px;
  z-index: 9999;
}
.dropdown h4 
{
  padding: 0px 10px;
  font-size: 16px;
}
.megamenu a 
{
  color: #212121 !important;
  padding: 0px 10px !important;
  border: none !important;
}
.dropdown:hover .dropdown-small {
  display: block;
}
.sub_menu_cat .column h4
{
  margin-bottom: 10px;
}
.sub_menu_cat h4
{
  margin: 0px;
  font-size: 12px;
  color: #e81623;
}
.sub_menu_cat h4 a 
{
  color: #333;
  padding: 10px 0px;
  font-size: 14px;
  display: block;
}
.sub_menu_cat
{
  
}
.rating_box .fa
{
  color: #ffa41c  !important;
}
.rating_box h5 
{
  padding: 0px 0px;
  margin: 0px 0px;
}
del .fa-inr
{
  color: #333 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1ebdc2 !important;
}
.sm-menu{
    border-radius: 0px;
    border: 0px;
    top: 97%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
    color: #3c3c3c;
        font-size: 15px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2196F3;
}
.navbar-toggler{
    outline: none !important;
}
.navbar-tog{
    color: #1ebdc2;
}
.megamenu-li {
  position: static;
}

.megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 10px 0px;
}
.megamenu a 
{
  color: #212121 !important;
}
.megamenu h6{
    margin-left: 21px;
}
.megamenu i{
    width: 20px;
}
.sub_menu_cat li ul
{
  margin-top: 10px;
  margin-bottom: 10px;
}
.sub_menu_cat li ul li a
{
  font-weight: normal;
  font-size: 14px;
  min-height: 30px;
  padding-bottom: 6px;
  text-decoration: none;
  display: block;
  color: #333;
  width: 100%;
}
.sub_menu_cat li ul li 
{
  display: block;
}

.height_box
{
  height: 50vh;
  overflow-y: scroll;
}

.height_box::-webkit-scrollbar-track
{
  
  background-color: #fff;
}

.height_box::-webkit-scrollbar
{
  width: 2px;
  background-color: rgba(240,240,240);
}

.height_box::-webkit-scrollbar-thumb
{
  background-color: rgba(240,240,240);
}

.drop_text_center 
{
  text-align: center;
}

.drop_text_center img 
{
  margin-bottom: 30px;
  width: 100%;
  height: 300px;
  object-fit: cover;
  
}
.furniture_section_bg a
{
  display: block;
  padding: 10px;
  border: 1px solid #f1f1f1;
}
.furniture_section_bg a img 
{
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 10px;
}
.furniture_section_bg p  {
    color: #212121;
    font-weight: 500;
}
.furniture_box
{
  padding: 0px !important;
  margin-bottom: 10px !important;
}
.furniture_img  figure a 
{
  display: block;
}
.furniture_img  figure 
{
  display: block; 
  width: 100% !important;
  height: 296px !important;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 10px;
}
.furniture_img figure img
{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    
}

.furniture_img hr 
{
  margin: 3px 0px 0px 0px;
}

.furniture_img del 
{
  margin-left: 10px;
}
.furniture_img h5 
{
  padding: 10px 10px 0px 10px;
  font-size: 18px;
  margin: 0px !important;
}

.furniture_img p a {
    display: block;
    overflow: hidden;
    font-weight: normal;
    display: -webkit-box;
    font-size: 16px;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}
.color_right
{
  float: right;
}
.color_right ul
{
  margin-bottom: 10px;
}
.color_right ul li
{
  display: inline-block;
}
.color_right ul li a
{
  width: 20px;
  height: 20px;
  line-height: 18px;
  display: block;
  padding: 2px;
  line-height: 13px;
  font-weight: 400!important;
  border: 1px solid rgba(240,240,240);
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;

}
.color_right ul li a:hover
{
  width: 20px;
  height: 20px;
  line-height: 18px;
  display: block;
  padding: 2px;
  line-height: 13px;
  font-weight: 400!important;
  border: 1px solid #212121;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;

}
.color_right ul li a img 
{
  width: 100%;
  border-radius: 50%;
}


/**/
.color_center
{
  float: none;
  text-align: center;
}
.color_center ul
{
  margin-top: 5px;
  margin-bottom: 5px;
}
.color_center ul li
{
  display: inline-block;
}
.color_center ul li a
{
  width: 24px;
  height: 24px;
  line-height: 15px;
  display: block;
  font-weight: 400!important;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  line-height: 11px;
    padding: 3px !important;
    font-size: 10px;

}
.color_center ul li a:hover{
border: 1px solid #333;
}
.color_center ul li a img 
{
  width: 100%;
  border-radius: 50%;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}
.row 
{
  width: 100%;
}
.breadcrumb a 
{
    color: #fff !important;
   
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}

.links_box
{
  margin-bottom: 10px;
}
.prodcut_desc .links_box a 
{
    color: #212121 !important;
   
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;


}
.prodcut_desc .links_box a:hover 
{
  color: #e81623 !important;
}
.black_link
{
  margin-bottom: 20px !important;
}
.black_link a
{
    color: #333;
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}
.breadcrumb
{
  padding-bottom: 20px;
}
.links_box ol li 
{
    color: #fff;
    display: inline-block;
    
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}
.breadcrumb>.active {
    color: #fff;
}
.banners_box h4 
{
  color: #fff;
  font-size: 40px;
}
.links_box .fa 
{
  font-weight: normal;
  padding: 0px 5px;
}

.fixed_slider
{

}

.table-default tr td
{   padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
    color: #333 !important;
    font-size: 13px;
    font-weight: 400;
}
.btn-brand
{
  background-color: #f1f1f1;
  color: #212121;
}

.panel-default {
    border-color: #f1f1f1;
}
.from_pincode
{
    font-weight: 500;
    font-size: 15px;
    outline: none;
    width: 200px;
    padding-left: 6px;
    vertical-align: middle;
    border: none;
    border-bottom: 2px solid #2874f0 !important;
}

.check_pin
{
  font-weight: 500;
}
.label-success
{
 font-weight: normal;
 padding: 3px 3px  !important;
 background-color: #ffa41c;
}
.label-success span
{
  color: #fff !important;
}

.JOpGWq ._3HKIdy ._2QKOHZ {
    font-weight: 500;
    font-size: 24px;
    padding: 24px 0 0 24px;
}

.progress-bar {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 10px;
}
.progress {
    height: 5px;
   
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
._2d4LTz
{
  font-size: 20px;
}

.border_rating
{
  border: 1px solid #f1f1f1;
  padding: 20px 20px;
  margin-bottom: 20px;
}



.slideshow-items {
  height: 400px;
}
.slideshow-thumbnails {
  height: 80px;
  margin-right: 10px;
}
#slideshow-items-container { display: inline-block; position: relative; }

#lens { background-color: rgba( 233, 233, 233, 0.4 ) }
#lens, #result { position: absolute; display: none; z-index: 1; }
.slideshow-items { display: none; }
.slideshow-items.active { display: block; }
.slideshow-thumbnails { opacity: 0.5; }
.slideshow-thumbnails.active { opacity: 1; }
#lens, .slideshow-items, .slideshow-thumbnails, #result { border: solid var(--light-grey-2) 1px; }


.thumbnail {
    display: block;
    padding: 0px !important;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid transparent !important;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.slider_width
{
    width: 100%;
    
}
.width_80

{

}
.slider_fixed .affix {
    top: 10%;
    width: 38%;
    z-index: 9 !important;
}
.slider_fixed .affix {
    position: fixed;
}
.panel-footer h4 
{
  margin: 0px 0px;
}

.breadcrumb {
    text-align: left;
    padding:0px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0px;
    display: block!important;
    overflow: hidden!important;
    font-weight: normal !important;
    display: -webkit-box !important;
    font-size: 14px;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 15px;
}

.details_box strong
{
  font-weight: normal;
}
.details_box h5
{
  line-height: 15px;
}
.details_box h5 span 
{
  color: #14be47;
}

.img_box ul li 
{
  display: inline-block;
  border: 2px solid #f1f1f1;
  border-radius: 5px;
  width: 55px;
  margin: auto;
  text-align: center;
}
.img_box ul li:hover 
{
  display: inline-block;
  border: 2px solid #e81623;
  border-radius: 5px;
}
.img_box ul li img
{
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 1;
  padding: 1px;
  width:auto !important;
  height: 50px !important;
  object-fit: cover;
  border-radius: 5px;
}


/**/


.color_boxx  ul li
{
  display: inline-block;
}
.color_boxx  ul li
{
  
  padding: 6px 10px;
  border: 2px solid #f1f1f1;
  border-radius: 2px;
  min-width: auto;
  border-radius: 5px;
  margin: auto;
  font-size: 14px;
  background-color: #fff !important;
}
.color_boxx ul li:hover
{

  border: 2px solid #e85555;

   

  background-color: #fff !important;
}

.color_boxx ul .active
{
  
  border: 2px solid #e85555;

  

  background-color: #fff !important;
}



/**/
.color_boxxx  ul li
{
  display: inline-block;
  width: 60px;
  height: 40px;
  text-align: center;
  cursor: pointer;
}
.color_boxxx  ul li div 
{
  font-weight: 500;
}
.color_boxxx  ul li
{
  
  padding: 6px 10px;
  border: 2px solid #f1f1f1;
  border-radius: 2px;
  min-width: auto;
  border-radius: 5px;
  margin: auto;
  background-color: #fff !important;
  margin-right: 10px;
}
.color_boxxx ul li:hover
{

  border: 2px solid #e85555;

   

  background-color: #fff !important;
}

.color_boxxx ul .active
{
  
  border: 2px solid #e85555;

  

  background-color: #fff !important;
}

/**/
.btn.active, .btn:active {
    background-image: none; */
    outline: 0; */
    -webkit-box-shadow: none;
    box-shadow: none;
}




.ul_dot_box ul li
{
  list-style: disc;
}
.testimoni p 
{
  text-align: justify;
  font-size: 12px;
  margin-top: 5px;
}
.prodcut_title_box h4 
{
  line-height: 30px;
}

.slider_img
{
  height: 400px;
  background-size: cover;
  border-radius: 30px;
  background-position: center;
}

.slider_img_main img 
{
  width: 100%;

}

.position_top
{
  position: absolute;
  
  bottom: -24px;
  left: 0px;
  right: 0px;
  
  padding: 50px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 49%, rgb(0, 0, 0));
}
.position_top_text
{
  width: 800px;
  margin: auto;
}
.position_top_text h4 
{
  color: #fff;
  font-size: 40px;
}

.form_box select 
{
    line-height: 50px;
    font-size: 15px;
    color: #4a4a4a;
    height: auto;
    border: none !important;
}

.form_box select::focus {
    line-height: 80px !important;
    font-size: 15px !important;
    color: #4a4a4a;
    height: auto;
    border: none !important;
}

.position_top_text p 
{
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
}

.form_box .btn 
{
  width: 100%;
}

.zoomimg { position: relative; overflow: hidden; height:200px; }
.zoomimg img { width: 100%; height: 100%; object-fit: cover; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.zoomimg:hover img { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.venues_list a
{
  color: #e81623;
  font-size: 16px;
  
}
.venues_box
{
  border: 1px solid rgba(240,240,240);
  padding: 5px;
  margin-top: 20px;
}
.venues_list
{
  padding: 10px;
}
.venues_list h4
{
  margin: 5px 0px;
  color: #212121;
  
  font-size: 20px;
}
.venues_list p
{
  margin: 5px 0px;
  font-size: 16px;
  
}
.venues_list img
{
  width: 20px;
}

.venues_book img
{
  height: 20px;
  width: 20px;
}
.venues_book a
{
  color: #e81623;
  font-weight: 500;
}

.venues_book img
{
  height: 20px;
  width: 20px;
}
.venues_book a
{
  color: #e81623;
  font-weight: 500;
}

.carousel-control .icon-prev, .carousel-control .fa-long-arrow-left {
    left: 50%;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-long-arrow-left, .carousel-control .fa-long-arrow-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    color: #fff;
    display: inline-block;
}
.carousel-control.left {
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82121212121210', endColorstr='#21212121212100', GradientType=1);
}
.carousel-control.right {
    left: auto;
    right: 0;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82121212121210', endColorstr='#21212121212100', GradientType=1);
}
.venue_box h4
{
  margin-bottom: 0px;
}
.venue_box
{
  padding: 10px 10px;
    box-shadow: 0 0px 3px 0 #dadada;
    background-color: #fff;
    margin-bottom: 10px;
}
.venue_slider
{
  margin-bottom: 10px;
  border: 1px solid #f9f9f9;
  box-shadow: 0px 0px 3px #ddd;
  border-radius: 10px;
  background-color: #fff;
  margin-right: 10px;
}
.venue_box img
{
  width: 15px;
}
.margin-r-20 img 
{
  width: 30px;
}
.venue_box h6
{
  margin-bottom:15px;
  margin-top: 0px !important;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
.venue_box h6 span
{
  line-height: 30px;
}
.venue_box h4
{
  text-transform: capitalize;
  color: #e81623;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 24px;
}
.nav-tabs>li>a {
  color: #555;
  margin-right: 2px;
  line-height: 1.428571429;
  border-top: transparent;
  border-left:1px solid transparent;
  border-bottom: 1px solid transparent;
  border-radius: 0px 0px 0 0;
  font-size: 15px;
  text-transform: capitalize;
    
}
.nav-tabs>li>a:hover {
  color: #555;
  margin-right: 2px;
  line-height: 1.428571429;
  border-top: transparent;
  border-left:1px solid transparent;
  border-bottom: 1px solid transparent;
  border-radius: 0px 0px 0 0;
  font-size: 15px;
  text-transform: capitalize;
    
}
.AboutSection h6, .text-bold {
    font-weight: 500;
}
.nav-tabs {
     border-bottom: 1px solid transparent;
    background-color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #212121;
    background-color: #fff;
    border: 0px solid transparent;
    border-bottom: 0px solid transparent;
    cursor: default;

}
.gallery a
{
  display: block;
  width: 100%;
  height: 150px !important;
  padding: 0px 0px;
  overflow: hidden;
 
}
.gallery a img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.tab-pane
{
  margin-top: 10px;
}
.tab-pane .table tr td
{
  padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
     color: #212121; 
    font-size: 13px;
    font-weight: 400;
}
.venue_box .table tr td
{
  padding: 0px 0px 10px 0px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
     color: #212121; 
    font-size: 13px;
    font-weight: 500;
}

.venue_box .table tr td .fa 
{
   color: #212121; 
}

.events_cat img
{
  width: 50%;
}
.events_cat a
{
  display: block;
  padding: 20px;
  border-radius: 0%;
  box-shadow: 0px 1px 1px 0px #dadada;
}
.events_cat a:hover
{
  display: block;
  padding: 20px;
  border-radius: 0%;
  box-shadow: 0 1px 4px 0 #dadada;
}

.menu_box_img a 
{
  display: block;
  margin-bottom: 30px;
  width: 100%;
  height: 150px;
  border-radius: 8px;
}
.menu_box_img a img 
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 5px;
}

.menu_box_img a p 
{
  font-size: 15px;
}

/*.btn{ text-transform: uppercase; font-weight: 500; border-radius: 2px !important; text-align: center;color: #FFFFFF;background: #e81623;border-color: #e81623; border-radius: 0;}*/
.btn-theme {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;
  padding: 12px 30px;
  font-weight: 600;

}
.btn-theme:hover {
  color: #eee;
  background: #fff !important;
}
.btn-default:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.venue_data img 
{
  width: 100%;
}
.v_c_rating {
    width: 28%;
    display: inline-block;
    float: right;
    text-align: right
}

.rat-num {
    color: white;
    display: inline-block;
    font-weight: 500;
    line-height: 1.285;
    background: #6ab01a;
    padding: 4px 6px 3px;
    border-radius: 2px
}

.v_c_rating .rat-count.phone {
    display: none
}

.v_c_rating_bracket,.v_c_button {
    display: none
}
.v_p p
{
  float: right;
}

.btn-full
{
  
  padding: 10px 20px;
    border-radius: 5px !important;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.v_c_footer {
    border-top: 1px solid #ebebeb;
    margin-top: 8px !important;
    padding: 5px 0px !important;
    display: flex;
    justify-content: space-between
}

.price {
    color: #333;
    white-space: nowrap;
    padding-right: 8px;
    font-size: 18px;

}

.per-day {
    color: #333;
    padding-top: 4px;
    text-align: right
}

.btn-full
{
  background-color: #fff;
  color: #e81623;
  font-weight: 500;
  border-radius: 8px;
  
}
.btn-full:hover
{
  background-color: #e81623 !important;
  color: #fff !important;
  border-radius: 8px;
}

.venue_data img 
{
  width: 100%;
  height: 220px;
  border-radius: 5px;
  object-fit: cover;

}
.vendor_cardd
{
  display: block;
  padding: 5px !important;
  box-shadow: 0 6px 16px 0 rgba(0,0,0,.14);
  border-radius: 8px;
  
}
.vendor_cardd:hover
{
  box-shadow: 0 6px 16px 0 rgba(0,0,0,.14);
  
}
.vendor_card
{
  display: block;
  padding: 15px;
  box-shadow: 0 0px 10px 0 rgba(0,0,0,.14);
  border-radius: 8px;
  margin-bottom: 30px;

}
.vendor_card:hover
{
   /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.vendor_link
{
  position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.venue_ami
{
  text-align: center;
}
.venue_ami p 
{
  font-size: 15px;
  font-weight: 500;
  border-right: 1px solid #d7d7d7;
}

.venue_ami
{
  margin-top: 20px;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ddd;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 15px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: rgba(240,240,240);
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ddd;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-top: none;
}

.btn_red
{
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px!important;
    z-index: 0;
    margin: 0px 5px !important;
    padding: 10px 30px !important;
    color: rgb(255, 255, 255)!important;
    cursor: pointer;
    border-radius: 100px!important;
    background-color: rgb(231, 46, 119)!important;
    border: 1px solid rgb(231, 46, 119)!important;
    pointer-events: auto;
    border: none !important;
}
.btn_red:hover
{
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px!important;
    z-index: 0;
    color: rgb(255, 255, 255)!important;
    cursor: pointer;
    border-radius: 100px!important;
    background-color: rgb(231, 46, 119)!important;
    border: 1px solid rgb(231, 46, 119)!important;
    pointer-events: auto;
    border: none !important;
}
.btn_green
{
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px!important;
    z-index: 0;
    margin: 0px 5px !important;
    padding: 10px 30px !important;
    color: rgb(255, 255, 255)!important;
    cursor: pointer;
    border-radius: 100px!important;
    background-color: rgb(0, 154, 9)!important;
    border: 1px solid rgb(0, 154, 9)!important;
    pointer-events: auto;
    border: none !important;
}
.btn_green:hover
{
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px!important;
    z-index: 0;
    color: rgb(255, 255, 255)!important;
    cursor: pointer;
    border-radius: 100px!important;
    background-color: rgb(0, 154, 9)!important;
    border: 1px solid rgb(0, 154, 9)!important;
    pointer-events: auto;
    border: none !important;
}
/* The radio */
.form-box .radio {
    padding-left: 25px;
    font-size: 12px;
    display: inline-block !important;
    }
.radio {
 
    display: block !important;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

/* Hide the browser's default radio button */
.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkround {

    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff ;
    border-color:#e81623;
    border-style:solid;
    border-width:2px;
     border-radius: 50%;
}


.checkbox.checbox-switch {
    padding-left: 0;
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
    display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 10px;
    height: 18px;
    border: 1px solid #333;
    background-color: #333;
    border-color: #333;
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0px;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    top:-1px !important;
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
    left: 16px;top:-2px;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
    background-color: #e81623;
    border-color: #e81623;;
    /*box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;*/
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
    background-color: red;
    border-color: red;
   /* box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;*/
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}




/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
     left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background:#e81623;
    
 
}

/* The check */
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff ;
    border-color:#e81623;
    border-style:solid;
    border-width:2px;
}



/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff  ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid ;
    border-color:#e81623;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cust-btn{
  margin-bottom: 10px;
  background-color: #e81623;
  border-width: 2px;
  border-color: #e81623;
  color: #fff;
}
.cust-btn:hover{
  
  border-color: #e81623;
  background-color: #fff;
  color: #e81623;
  border-radius: 10px;
  transform-style: 2s;

}

.form-group h4 
{
  color: #4a4a4a;
  font-size: 15px;
  margin-bottom: 0px;
  text-transform: capitalize;
}
.tabs_box h4 
{
    color: #4a4a4a;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.venue_box_22  .tabs_box h4 
{
    color: #4a4a4a;
    font-size: 18px;
    margin-top: 0px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.form-box input
{
  border-bottom: 2px solid #333 !important;
  
    width: 100%;
    border: 0;
    height: 1.1876em;
    margin: 0;
    display: block;
    padding: 10px 5px;
    
    background: none;
    box-shadow: none;
    box-sizing: content-box;
    
}
.form-box input:hover
{
  box-shadow: none;
}
.form-box input:focus
{
  box-shadow: none;
}
.form-box input:after {
    transform: scaleX(1);
    border-bottom-color: #f44336;
}
.form-box input:focus {
  border-bottom: 2px solid rgb(231, 46, 119) !important;
    transform: scaleX(1);
    border-bottom-color: #f44336;
}


.py-15
{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.banners_box
{
  padding: 6em 0px;
  background-image: url(../img/venues/banners/1.jpg);
  background-size: cover;
  background-position: center;
}
.search_form input
{
    border-radius: 5px;
    padding: 18px 10px;
    width: 100%;
    border: 1px solid rgba(240,240,240);
    border-top: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    font-family: "Roboto", sans-serif;
    
}
.search_form input:focus
{
  box-shadow: none;
  border-top: none;
  border: 1px solid rgba(240,240,240);
}
.text-search
{
    
  
}
.btn:focus
{
  outline: none !important;
  box-shadow: none!important;
}
.icon-search-in-text
{
    float: left;
    display: inline-block;
    top: 25px;
    left:10px;
}
.search-input
{
    border-radius: 10px;
    margin-left: 0px;
    padding-left: 30px !important;
}
.btn-filter
{
    text-transform: capitalize;
    font-size: 15px;
    outline: medium none;
    color: #333;
    border: 1px solid rgba(240,240,240);
    background-color: #fff;
    padding: 8px 30px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-filter:focus
{
  color: #333;
}
.modal-dialog {
    width: 378px;
    margin: 0px 0px;
}

.modal-content {
    height: 100vh;
    overflow-y: scroll;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-footer
{
  position: fixed;
  width: 100%;
  bottom: 0px;
  background-color: #fff;
}
.modal-footer .btn 
{
  width: 100% !important;
  display: block;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}
.panel-default {
    border-color: #fff;
}
.panel-heading {
    padding: 20px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-body ul li
{
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
.panel-body h5 a 
{
      overflow: hidden!important;
    font-weight: normal !important;
    display: -webkit-box !important;
    font-size: 14px;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;

  font-family: "Roboto", sans-serif !important;
}
.rating_box h4
{
  margin: 0px;
  float: left;
  margin-right: 10px;
}
.rating_box h4, .rating_box .fa  
{
  color: #333;
  font-size: 15px;
  margin-bottom: 5px;
}

.form-group textarea
{
  border-radius: 2px;
  border: 1px solid #d7d7d7;
  display: flex;
  padding: 10px !important;
  height: 170px !important;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    width: 100%;
}

.rating_img 
{
  float: left;
  width: 30px;
  margin: 5px 5px 0px 0px;
}
.rating_img img 
{
  width: 100%;
  margin-top: -7px;
}

.rating_view
{
  border: 1px solid #dadada;
  box-shadow: 0px 0px 3px 0px #dadada !important;
  background-color: #fff;
  padding: 20px;
  margin-top: 10px;
  border-radius: 5px;
}

.top_i .fa 
{
  position: absolute;
  top:20px;
  right: 40px;
  color: #fff;
  font-size: 20px;
}
.top_i .fa:hover
{
  position: absolute;
  top:20px;
  right: 40px;
  color: #fff;
  font-size: 22px;
}
.top_i .fa:focus
{
  background-color: #fff;
}

.top_ii
{
  position: absolute;
  top:0px;
  right: 0px;
  color: #fff;
  font-size: 20px;
  z-index: 99999;
  background-color: transparent;
  border: none;
}
.top_ii .fa
{
  color: #fff;
}
.top_ii:focus .fa
{
  color: rgb(231, 46, 119)!important;;
  background-color: fff;
}
.top_iii
{
  position: absolute;
    top: 10px;
    right: 35px;
    color: #fff;
    font-size: 20px;
    z-index: 99999;
    background-color: transparent;
    border: none;
}
.top_iii .fa
{
  color: #fff;
}
.top_iii:focus .fa
{
  color: rgb(231, 46, 119)!important;;
  background-color: fff;
}
.grid__col 
{
  padding: 0px;
}

.hand_picked_slide
{
    position: absolute;
    top: 0px;
    left: 78px;
    padding: 5px 20px;
    color: #fff;
    background-color: #e81623;
    z-index: 9999;
  
}
.hand_picked
{
    position: absolute;
    top: 10px;
    left: 25px;
    padding: 0px 20px;
    color: #fff;
    background-color: #e81623;
  
}

.hand_pickef0f0f0d
{
  position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px 20px;
    color: #fff;
    background-color: #e81623;
}
.hand_pickef0f0f0
{
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 0px 20px;
    color: #fff;
    background-color: #e81623;
  
}
.rating_right
{
   margin-top: 0px;
}
.rating_right h5 
{
  font-size: 40px;
  margin-bottom: 0px;
}

.rating_right .fa 
{
  color: #5cb85c;
}

.filters_box .btn 
{
  margin-top: 20px;
}
.tag_line
{
  text-align: end;
}
.tag_line p
{
  line-height: 40px;
  color: #e81623;
  text-align: right;
  float: right;
}

.rating-img ul li
{
  display: inline-block;
}

.rating-img ul li img
{
  width: 50px !important;
  height: 50px !important;
  object-fit: cover;
  border-radius: 5px;
}

.p_y_5
{
  width: 1262px;
}

@media only screen and (max-width:768px)
{
  .p_y_5
{
  width: 100%;
}
}
.product-card-location {
    color: gray;
    font-weight: 500;
    text-overflow: ellipsis;
    max-height: 36px;
    font-size: 15px;
    line-height: 18px;
    margin-top: 10px;
    text-transform: capitalize;
}
.product-card-name {
    padding-top: 2px;
    font-weight: 500;
    text-overflow: ellipsis;
   
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
}
.product-card-rating {
    text-align: right;
    font-size: 15px;
    margin: 0;
    width: 50%;
}
.product-card-rating-review-number {
    color: gray;
    font-weight: 300;
    text-transform: capitalize;
}
.product-card-rating {
    text-align: right;
    font-size: 15px;
    margin: 0;
    width: 50%;
    color: #333;
    
}
.product-card-rating i 
{
  color: #ffa41c;
}
.product-card-price, .product-card-price-discount {
    text-align: right;
    margin: 0;
    padding: 0;
    font-weight: 500;
}
.product-card-price {
    font-size: 16px;
}
.product-card-price-discount {
    font-size: 15px;
    color: gray;
    text-decoration: line-through;
}
.product-card-price, .product-card-price-discount {
    text-align: right;
    margin: 0;
    padding: 0;
    font-weight: 500;
}


.dec_img img 
{
  width: 100%;
  height: 330px !important;
  object-fit: cover;
  margin: auto;
  border-radius: 5px !important
}

@media only screen and (max-width:768px)
{
.item.list-group-item .list-group-image {
    margin-right: 10px;
    padding-right: 20px;
    height: auto !important;
}
}

.thumbnail a>img, .thumbnail>img {
    margin-right: 0px;
    margin-left: 0px;
}
.btn-book 
{
  color: #e81623 !important;
  background-color: #fff !important;
  border: 1px solid #e81623 !important;
  border: none;
  padding: 15px 15px;
  font-size: 16px;
  font-weight: 500;
}
.btn-book:hover
{
  color: #fff !important;
  background-color: #e81623!important;
}
.space_r30
{
  padding-right: 30px;
}
.space_l30
{
  padding-left: 30px;
}

.booking-input-field
{
  font-size: 15px;
    outline: medium none;
    color: #333;
    border: none !important;
    border-radius: 0;
    background: #dcdcdc !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.date_piccker
{
  background: #dcdcdc !important;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;
    height: 50px;
    border-radius: 0px;
    margin-bottom: 5px;
    border: 1px solid rgba(50,50,50,.1);
}

.venue_box_20
{
  padding: 10px 20px;
  margin-bottom: 20px;
  box-shadow: 0 1px 8px rgba(0,0,0,.18);
}

.header-meta-title
{
  font-size: 15px !important;
  font-weight: 300 !important;
  margin-bottom: 10px !important;
}

.btn-point
{
  cursor: pointer;
}

.venue_box_20 .modal {
    position: fixed;
    top: 30%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.venue_box_20 .modal-dialog {
    width: 378px !important;
    margin: 1.75rem auto !important;
}

.venue_box_20 .modal-content {
    height: auto !important;
    overflow: auto !important;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.venue_box_20 .modal-title
{
  font-size: 25px;
  width: auto !important;
}
.venue_box_20 .modal-header .close {
    margin-top: -35px;
    color: #212121;
    opacity:unset !important;
    font-weight: normal !important;
}
.venue_box_20 .modal-content .modal-body
{
    height: 20vh !important;
    overflow: auto;
}
.venue_box_40 .modal-title img
{
  width: 30px;
}
.modal-footer
{
  position: fixed;
  width: 100%;
  bottom: 0px;
  background-color: #fff;
}
.modal-footer .btn 
{
  width: 100% !important;
  display: block;
}

.location-search-input {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08);
    border: #f0fff0;
    display: block;
    width: 100%;
    padding: 16px;
    font-size: 16px;
    border-radius: 2px;
    outline: none;
}
.inclusions-ul
{
  margin-left:0px;
}
.inclusions-ul li {
    
  list-style: none;
    
}
.inclusions-ul li i
{
  color: #5cb85c;
}
.grid_box
{
      display: inline-block;
    position: absolute;
    right: 25px;
    top: 0px;
}
.grid_box .btn 
{
    text-align: center;
    font-size: 16px;
    outline: medium none;
    color: #333;
    font-weight: 400;
    background: transparent;
    border-color:  transparent;
    border-radius: 0;
    text-transform: capitalize;
    margin-top: 20px;
    margin-left: 10px;
    padding: 0px 0px;
}
.grid_box .btn::focus
{
  border: none;
  box-shadow: none;
  outline: none;
}

.sticky-box  {
    position: sticky;
    top: 75px;
}

.sticky-sidebar {
  height: 98em;
}

.sticky-sidebarr {
  height: 90em  !important;
}

.sticky-sidebarrr {
  height: 300em !important;
}

.icon_slider h5 
{
  font-size: 12px;
  margin-bottom: 0px;
  font-size: 600;
}
.icon_slider p 
{
  font-size: 10px;
  margin-bottom: 0px;
  font-size: 600;
}


.border-line-menu>li.active>a::after {
        position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 1px solid rgb(231, 46, 119);
    border-bottom: 1px solid rgb(231, 46, 119);
    background: rgb(255, 255, 255);
    transform: rotate(-45deg);
    top: 47px;
    left: 84px;
    transition: left 0.05s ease-in 0s;
}
.border-line-menu
{
  display: flex;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid rgb(231, 46, 119);
}

.tab-content
{
  padding: 10px 0px;
}


.video-iframe
{
  margin-bottom: 20px;
}


.l-40
{
  padding-right: 0px;
}

.r-40
{
  padding-left: 40px;
}

 .g-5
 {
   padding: 2px;
 }

 .hand_pickedd {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px 20px;
    color: #fff;
    background-color: #e81623;
    z-index: 333;
}
}
.tab_one ul li
{
    display: inline-block;
    margin-bottom: -1px;
}
.tab_one ul li a
{
    position: relative;
    display: block;
    font-weight: 500;
    padding: 10px 15px;
    display: block;
    color: #555;
    margin-right: 2px;
    line-height: 1.428571429;
    border-top: transparent;
    border-left: transparent
    border-bottom: transparent
    border-radius: 0px 0px 0 0;
    font-size: 15px;
    text-transform: capitalize;
}



::placeholder
{
  color: #333 !important;
  font-size: 16px !important;
}

.rating_review .fa 
{
  font-size: 20px;
  color: #e81623;
  
}
.rating_review .fa-quote-left
{
color: #0cab17;

    font-size: 18px;

    text-transform: capitalize;
    -webkit-text-stroke: 1px #0cab17;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    margin-bottom: 0px;
}
.rating_review hr 
{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dadada;
}

.venue_box_21
{
  padding: 10px 30px;
  margin-bottom: 40px;
  box-shadow: 0 1px 8px rgba(0,0,0,.18);
}

.venue_box_21 .modal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.venue_box_21 .modal-dialog {
    width: 500px !important;
    margin: 1.75rem auto !important;
}

.venue_box_21 .modal-content {
    height: auto !important;
    overflow: auto !important;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.venue_box_21 .modal-title
{
  font-size: 25px;
  width: auto !important;
}
.venue_box_21 .modal-header .close {
    margin-top: -35px;
    color: #212121;
    opacity:unset !important;
    font-weight: normal !important;
}
.venue_box_21 .modal-content .modal-body
{
    
    
}

.btn_add
{
  border: 1px solid #d7d7d7;
  color: #4a4a4a;
  background-color: #fff;
}

.btn_rating
{
  color: #4a4a4a;
  border: none;
  padding: 10px;
  font-size: 25px;
  background-color: #fff;
}
.btn_rating:hover
{
  color: #e81623;
}
.rating_right1
{
  float: right;
}
.rating_right1 h5 {
    font-size: 16px;
    margin-bottom: 0px;
}
.rating_right1 .fa {
    font-size: 16px;
    color: #ffa41c  !important;
}



@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

fieldset, label { margin: 0; padding: 0; }


/****** Style Star Rating Widget *****/

.rating { 
  border: none;
  float: left;
  padding: 10px 0px;
  
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 40px;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
  display: none;
}

.rating > label { 
  color: rgba(240,240,240); 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #f0ad4e;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #f0ad4e;  } 

.close {
    float: right;
    font-size: 40px;
    font-weight:400 !important;
    line-height: 1;
    color: #212121 !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20) !important;
    opacity: unset !important;
}
.modal-body .tab-content
{
  padding: 5px!important;
}
.modal-body {
    position: relative;
    padding: 0px!important;
}
.right-arrow
{
  font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #212121 !important;
}

option {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    min-height: 10em!important;
    padding: 10px 2px!important;
}
.form_box
{
  background-color: #fff;
  border-radius: 5px;
  padding: 1px;
}
.form_box .form-control {
  font-size: 15px;
  outline: medium none;
  color: #333;
  padding: 15px 15px;
  border-radius: 0px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form_box .form-control:focus {
 outline: none;
 box-shadow: none; 
 border: none;
}

.form_box .btn {
    padding: 15px 40px;
    border-radius: 0px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.rating_box_color .fa
{
  color: rgb(0, 154, 9)!important;;
}

.progress-bar-danger {
    background-color: #dc3545;
}

.progress-bar-blue
{
  background-color: #0d6efd!important;
}

.view-group {
    
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}
.thumbnail
{
    margin-bottom: 30px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 1rem;
    border: 0;
}
.item.list-group-item .img-event {
    float: left;
    width: 27%;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
    padding-right: 20px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
    display: inline-block;
}
.item.list-group-item .caption
{
    float: left;
    width: 70%;
    margin: 0;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item:after
{
    clear: both;
}

.p-0
{
  padding: 0px;
}
.p-5
{
  padding: 5px;
}
.list_line
{
  margin-left: 20px;
}
.list_line li
{
  list-style: disc;
}
.img-event  img
{
  border-radius: 0px 5px 5px 5px;
}
.budget_box a
{
  display: inline-block;
  text-align: center;
  margin: 5px;
  width: 43%;
}
.budget_box a img 
{
  height: 60px;
    width: 60px;
  border-radius: 50%;
}
.budget_box a h5
{
  font-size: 15px;
  height: 10px;
  font-weight: normal;
}

.type_box a
{
  display: inline-block;
  text-align: center;
  margin: 5px;
  width: 43%;
}
.type_box a img 
{
  height: 80px;
  width: 80px;
  object-fit: cover;
  border-radius: 10%;
}
.type_box a h5
{
      height: 10px;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 15px;
}

.small_font small
{
  padding: 5px 0px;
  font-size: 14px;
}

.btn_list_bg
{
    text-align: center;
    color: #FFFFFF;
    background: #e85555;
    border-color: #e85555;
    border-radius: 5px !important;
    text-transform: capitalize;
    padding: 10px 15px;

}
.btn_list_bg:focus
{
    text-align: center;
    color: #FFFFFF;
    background: #e81623;
    border-color: #e81623;
    border-radius: 5px ;
    text-transform: capitalize;
    padding: 10px 15px;

}
.btn_list_bg:hover
{
    text-align: center;
    color: #FFFFFF;
    background: #750ab9 !important;
    border-color: #750ab9 !important;
    border-radius: 0;
    text-transform: capitalize;
}
.venue_box_22 .tabs_box
{
  padding: 20px;
}
.venue_box_22 .modal {
    position: fixed;
    top: 10%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.venue_box_22 .modal-dialog {
    width: 457px !important;
    height: 400px !important;
    margin: 4rem auto !important;
}

.venue_box_22 .modal-content {
    height: auto !important;
    overflow: auto !important;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.venue_box_22 .modal-title
{
  font-size: 25px;
  width: auto !important;
}
.venue_box_22 .modal-header .close {
    margin-top: -35px;
    color: #212121;
    opacity:unset !important;
    font-weight: normal !important;
}
.venue_box_22 .close {
    float: right;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    padding: 10px;
    color: #212121 !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20) !important;
    position: absolute;
    right: 0px;
    z-index: 9999;
}

/*   venue_box_23  */

.venue_box_23 .modal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.venue_box_23 .modal-dialog {
    width: 955px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0rem auto !important;
}

.venue_box_23 .modal-content {
    height: auto !important;
    overflow: auto !important;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.venue_box_23 .modal-title
{
  font-size: 25px;
  width: auto !important;
}
.venue_box_23 .modal-header .close {
    margin-top: -35px;
    color: #212121;
    opacity:unset !important;
    font-weight: normal !important;
}
.venue_box_23 .close {
    float: right;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    padding: 10px;
    color: #212121 !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20) !important;
    position: absolute;
    right: 0px;
    z-index: 9999;
}

.venue_box_23 .modal-body {
    position: relative;
    padding: 20px!important;
}
.model_title_head h3 
{
  margin: 0px 0px 0px 0px;
}



.list-group 
{
  width: 95%;
  height: 170px;
  object-fit: cover;
  border-radius: 0px 5px 5px 5px;
}

.img-venue-tab a img 
{
  height: 50px;
  width: 50px;
  border-radius: 5px;
  margin-right: 5px;
}

.img_tabs .nav-tabs>li>a {
    color: #555;
    padding: 0px 0px !important;
    margin-right: 2px;
    line-height: 1.428571429 !important;
    border-top: transparent;
    border: none !important;
    border-left: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    border-radius: 0px 0px 0 0 !important;
    font-size: 15px;
    text-transform: capitalize;
}

.img_tabs .tab-content
{
  padding: 0px 0px !important;
}
.img_tabs .list-group {
    padding-left: 0;
    margin-bottom: 10px !important;
}

.img_tabs  .tab-pane {
    margin-top: 0px !important;
}

.areas_tabs
{
  display: flex;
  
}
.areas_tabs p
{
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}

.top_iiii .fa 
{
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  font-size: 20px;
}
.top_iiii .fa:hover
{
  
  font-size: 22px;
}
.top_iiii .fa:focus
{
  background-color: #fff;
}
.call_back .gallery-tabs>li {
    width: 50%;
    float: left;
    margin-bottom: -1px;
}
.gallery-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.gallery-tabs li a img 
{
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.cancellation-policy-ul {
    padding-left: 20px;
}

.cancellation-policy-ul li
{
  list-style: disc;
}

.call_back ul
{
  border-radius: 5px;
  background: #e81623;
  border:1px solid  #e81623 !important;
  border-bottom:1px solid  #e81623 !important;
}

.call_back .gallery-tabs li a
{
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  border:0px solid  #e81623 !important;
  border-bottom:1px solid  #e81623 !important;
}
.call_back .gallery-tabs .active a
{
  background: #fff !important;
  color: #e81623;
  border-bottom:1px solid  #e81623 !important;
}

.w-10
{
  width: 15%;
}
.w-90
{
  width: 85%;
  float: right;

}
.i_box i
{
  border: 1px solid #ddd !important;
  color: #b1adab;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
}
.i_box span
{
  color: #14be47;
  font-size: 16px;
}
}
.i_box h3 i
{
  border: none !important;
  font-size: 24px !important;
}
.i_box h3
{
  margin: 10px 0px 10px 0px;
}
.stock_i h4
{
  color: #3d9851;
  margin-bottom: 0px;
}
.prodcut_desc .dropbtn {
  
}

.prodcut_desc .dropdown {
  position: relative;
  display: inline-block;
}

.prodcut_desc .dropdown-content {
  display: none;
  position: absolute;
  top: 53px !important;
  background-color: #fff;
  width:320px !important;
  padding: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

.prodcut_desc .dropdown-content table tr td 
{
  color: #333;
  font-size: 12px !important;

}
.prodcut_desc .dropdown-content img 
{
  width: 10px;
}
.prodcut_desc .dropdown-content h5 
{
  color: #14be47;
}
.prodcut_desc .dropdown-content p {
  color: black;
  
  text-decoration: none;
  display: block;
  font-size: 12px !important;
}

.prodcut_desc .dropdown-content ::after {
    content: "";
    position: absolute;
    top: -20px;
    right: 35px;   
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.prodcut_desc .dropdown-content a:hover {background-color: rgba(240,240,240);}

.prodcut_desc .dropdown:hover .prodcut_desc .dropdown-content {display: block;}

.prodcut_desc .dropdown:hover .prodcut_desc .dropbtn {background-color: #3e8e41;}
.date_piccker .fa-info
{
  text-align: right;
  position: absolute;
  top: 20px;
  right: 26px;
  color: #fff;
  background-color: #e81623;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px !important;
  border-radius: 50%;
}

.how_it_works p
{
line-height: 30px;
}
.how_it_works i
{
  color: #e81623;
}

.tab-pane h5 
{
  color: #5cb85c;
}

.hand_pickeddd {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0px 20px;
    color: #fff;
    background-color: #e81623;
    z-index: 333;
}
.hand_pickedd_funi
{
   position: absolute;
    top: 0px;
    left: 5px;
    padding: 0px 20px;
    color: #fff;
    background-color: #e81623;
    z-index: 333;
}

.toys_filter .panel-heading {
     padding: 0px 0px 0px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.toys_filter .panel-body ul li {
    font-size: 13px;
    color: #333;
    margin-bottom: 10px;
}

.p-2
{
  padding: 2px
}

.container_img {
  position: relative;
  width: 100%;

}

.container_img .image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}


.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  border-radius: 5px;

  transition: .3s ease;
  background-color:rgba(0, 0, 0, 0.5);
}

.container_img .overlay {
  opacity: 1;
}
.panel-body {
    padding: 0px 0px;
}
.icon {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.fa-user {
  /* color: #eee; */
}



/* The radio */
.radio {
 
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

/* Hide the browser's default radio button */
.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 0px;
    left: 5px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-color: #e81623;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
     left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background:#e81623;
    
 
}

/* The check */
.check {
    font-weight: 400;
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff ;
    border-color:#e81623;
    border-style:solid;
    border-width:2px;
}



/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff  ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid;
    border-color:#e81623;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cust-btn{
  margin-bottom: 10px;
  background-color: #e81623;
  border-width: 2px;
  border-color: #e81623;
  color: #fff;
}
.cust-btn:hover{
  
  border-color: #e81623;
  background-color: #fff;
  color: #e81623;
  border-radius: 10px;
  transform-style: 2s;

}


/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f1f1f1;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #e81623;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter_img img 
{
  width: 15px;
  height: 15px;
  object-fit: cover;
  border-radius: 50%;
}

.delivery_text
{
  font-weight: normal;
  font-size: 15px;
  font-weight: 400;
}
.code_coupan, .delivery_text
{
  color: #ffa41c !important;
}

._3v1-ww {
    padding: 15px 15px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    width: 98%;
    border: none;
    float: left;
    background: #e85555;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
}
._3v1-ww:hover {
    padding: 15px 15px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    width: 98%;
    border: none;
    float: left;
    background: #5cb85c;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
}
._2KpZ6l._3AWRsL {
   padding: 15px 15px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    width: 98%;
    border: none;
    float: left;
    font-weight: 500;
    background: #5cb85c;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
}
._2KpZ6l._3AWRsL:hover {
   padding: 15px 15px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    width: 98%;
    border: none;
    float: left;
    font-weight: 500;
    background: #e85555;
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
}

.border_box
{
  border: 1px solid rgba(240,240,240);
}

.rating_view_title h3
{
   font-weight: 500;
    font-size: 24px;
    padding: 0px 0px 30px 0px;
}

.silder_furniture .carousel-inner .item {
    height: 465px !important;
    object-fit: cover;
    margin: auto;
    border-radius: 5px 5px 5px 5px;
}
.silder_furniture .carousel-inner .item img 
{
  width: 100% !important;
  height: auto !important;
  margin: auto !important;
  text-align: right;
}
/* ----- The actual thing ----- */

/* Variables */

:root {
  --rating-size:40px;
  --bar-size: 4px;
  --background-color: #e7f2fa;
  --rating-color-default: #2980b9;
  --rating-color-background: #c7e1f3;
  --rating-color-good: #27ae60;
  --rating-color-meh: #f1c40f;
  --rating-color-bad: #e74c3c;
}

/* Rating item */
.rating_circle .rating {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 10px;
  background: var(--rating-color-default);
  color: var(--rating-color-default);
  width: 70px;
  height: 70px;

  /* Basic style for the text */
  font-size: calc(var(--rating-size) / 3);
  line-height: 1;
}

/* Rating circle content */
.rating_circle .rating span {
  position: relative;
  display: flex;
  font-weight: bold;
  z-index: 2;
}

.rating_circle .rating span small {
  font-size: 0.5em;
  font-weight: 900;
  align-self: center;
}

/* Bar mask, creates an inner circle with the same color as thee background */
.rating_circle .rating::after {
  content: "";
  position: absolute;
  inset: var(--bar-size);
  background: var(--background-color);
  border-radius: inherit;
  z-index: 1;
}

/* Bar background */
.rating_circle .rating::before {
  content: "";
  position: absolute;
  inset: var(--bar-size);
  border-radius: inherit;
  box-shadow: 0 0 0 1rem var(--rating-color-background);
  z-index: -1;
}

/* Classes to give different colors to ratings, based on their score */
.rating_circle .rating.good {
  background: var(--rating-color-good);
  color: var(--rating-color-good);
}

.rating_circle rating.meh {
  background: var(--rating-color-meh);
  color: var(--rating-color-meh);
}

.rating_circle .rating.bad {
  background: var(--rating-color-bad);
  color: var(--rating-color-bad);
}

.rating_circle ul li
{
  display: inline-block;
  font-weight: 500;
  text-align: center;
}
.rating_circle p
{
  
  font-weight: 500;
}

.product_details .carousel-inner>.item>a>img, .product_details .carousel-inner>.item>img {
     width:auto !important ;
    height: 450px !important;
    object-fit: contain;
    margin: auto;
    border-radius: 5px 5px 5px 5px;
}

.overview .title {
    
    line-height: 23px;
    color: #333;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 10px;
    margin-top: 0px;
    border-bottom:1px solid rgba(240,240,240);
    
    
}

.overview .detail-prolist {
    padding-bottom: 20px;
    
}

.overview .detail-prolist li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px
}

.overview .detail-prolist li:last-child {
    margin: 0
}

.overview .detail-prolist li .product-attr {
    width: 40%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #333
}

.overview .detail-prolist li .product-value {
    position: relative;
    padding-left: 12px
}

.overview .detail-prolist li .product-value::before {
    content: ":";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    color: #333
}

.overview .detail-prolist li span {
    
    line-height: 18px;
    color: #646464
}

.overview .detail-prolist li.custom-scroll-bottom:hover .product-value {
    color: #f3601e
}

.custom-scroll-bottom
{
  
}
.overview .more-link {
    color: #333;
   
    text-decoration: underline;
    margin-top: 10px;
    display: inline-block;
    
    line-height: 18px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.overview .more-link:hover {
    color: #f3601e
}

.overview .shiping-contnt {
    background: #f5f5f5;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15);
    box-shadow: 0 2px 4px rgba(0,0,0,.15);
    z-index: 2;
    border: 0;
    color: #333;
    width: 400px;
    padding: 10px;
    bottom: 26px;
    position: absolute;
    left: unset;
    font-size: 12px !important
}

.model_demo_video .modal-content {
    height: auto; 
    overflow-y: unset;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.model_demo_video  .modal-footer {
    position: relative;
    width: 100%;
    bottom: 0px;
    background-color: #fff;
}
.model_demo_video .modal-header
{
   padding: 0px 0px !important;
}
.model_demo_video .modal-dialog {
    width: 854px;

    margin :5% auto;
}

.model_demo_video .modal-body iframe
{
width: 854px;
    height: 480px
}
.model_demo_video .close img
{
  width: 30px;
}
.model_demo_video .close {
    margin-top: -2px;
    position: absolute;
    right: -40px;
    top: -4px;
    color: #fff !important;
}
.review_icon 
{
  margin-top: 0px;
  margin-bottom: 10px !important;
}
.review_icon img 
{
  width: 30px !important;
}



.red-color{background-color: #F44336;color: #fff;padding-bottom: 60px;text-align: center; padding-top: 10px;}
.light-blue{background-color: #00BCD4;padding-bottom: 60px;text-align: center; padding-top: 10px;}
.yelo-color{background-color: #ffc107;color: #fff;padding-bottom: 60px;text-align: center; padding-top: 10px;}
.megenta-color{background-color: #009688;padding-bottom: 60px;text-align: center; padding-top: 10px;}
.margin{margin-top:100px;}

/*///////////////Right Tooltip w/ Left Arrow////////////////*/
.tooltip-col {
    position: relative;
    display: inline-block;
    cursor:pointer;
    text-align:center;

}

.tooltiptext1 {
    visibility: hidden;
    width: auto;
    height: auto;
    background-color: black;
    color: #fff;
    font-size: 10px;
    line-height: normal;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    width: 125px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: -44px;
    right: auto;
    left: -53px;
    margin: auto;

}

.tooltiptext1::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 54px;
    border-width: 10px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-col:hover .tooltiptext1 {
    visibility: visible;
}


/*1 end*/

.tooltiptext2 {
    visibility: hidden;
    width: auto;
    height: auto;
    background-color: black;
    color: #fff;
    font-size: 10px;
    line-height: normal;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    width: 125px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: -70px;
    right: auto;
    left: -40px;
    margin: auto;
}

.tooltiptext2::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 54px;
    border-width: 10px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-col:hover .tooltiptext2 {
    visibility: visible;
}

.tooltiptext2 {
    visibility: hidden;
    width: auto;
    height: auto;
    background-color: black;
    color: #fff;
    font-size: 10px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    width: 125px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: -70px;
    right: auto;
    left: -45px;
    margin: auto;
}

.tooltiptext2::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 54px;
    border-width: 10px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-col:hover .tooltiptext2 {
    visibility: visible;
}

/*2 end*/

.tooltiptext4 {
    visibility: hidden;
    width: auto;
    height: auto;
    background-color: black;
    color: #fff;
    font-size: 10px;
    text-align: center;
    border-radius: 6px;
    
    width: 125px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: -60px;
    right: auto;
    left: -55px;
    margin: auto;


    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.tooltiptext4::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 54px;
    border-width: 10px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltip-col:hover .tooltiptext4 {
    visibility: visible;
}

.nav_img_slide li a
{
 width: auto;
 height: 70px;
 overflow: hidden;
 
 border:1px solid #f1f1f1;
}
.nav_img_slide  li a img 
{
  border-radius: 5px;
  max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.nav_img_slide li a
{
  padding: 2px;
  border-radius: 0px;
} 




.nav_img_slide>li.active>a, .nav_img_slide>li.active>a:focus, .nav_img_slide>li.active>a:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #e85555;
}

.offer_color
{
  color: #03b020 !important;
  /* margin-left: 10px; */
}
.slide_img
{
    height: 460px;
      justify-content: center;
    position: relative;
    


}
.slide_img img 
{

    width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 5px;
    margin: auto;
  
}

#slider .tab-content {
    padding: 0px;
}

#slider .tab-pane
{
  margin: 0px;
}

.hand_picked_slide
{
  position: absolute;
    top: 0px;
    left: 90px;
    padding: 1px 10px;
    color: #fff;
    background-color: #e81623;
    z-index: 9999;
}

.rate_btn {
    display: inline-block;
    border-radius: 2px;
    background: #5cb85c;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    transition: box-shadow .2s ease;
    vertical-align: super;

    cursor: pointer;
    outline: none;
    margin-top: 10px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    border: 1px solid #e0e0e0;
}

.ul_dot_box i 
{
  border: 1px solid rgba(240,240,240) !important;
    color: #b1adab;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}

.ul_dot_box .dropdown {
  position: relative;
  display: inline-block;
}

.ul_dot_box .dropdown-content {
  display: none;
  position: absolute;
  top: 55px;
  background-color: #fff;
  width:568px !important;
  padding: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

.ul_dot_box .dropdown-content p
{
  color: #333;
  font-size: 12px !important;

}
.ul_dot_box .dropdown-content img 
{
  width: 10px;
}
.ul_dot_box .dropdown-content  
{
  color: #14be47;
  text-align: left;
}
.ul_dot_box .dropdown-content p {
  
  
    font-size: 13px;
    font-weight: 400;
    color: #333;
    margin: 0;
    background-color: #fff !important;
    line-height: 25px;
    -webkit-box-sizing: box-sizing;
    -moz-box-sizing: box-sizing;
    box-sizing: box-sizing;
    font-family: "Roboto", sans-serif;
}

.ul_dot_box .dropdown-content{
    font-size: 13px;
    font-weight: 400;
    color: #333;
    margin: 0;
    background-color: #fff !important;
    line-height: 25px;
    -webkit-box-sizing: box-sizing;
    -moz-box-sizing: box-sizing;
    box-sizing: box-sizing;
    font-family: "Roboto", sans-serif;
    text-align: left;
}
.ul_dot_box .dropdown-content ul li  {
 
  
    font-size: 13px;
    font-weight: 400;
    color: #333;
    margin: 0;
    list-style: disc !important;
    background-color: #fff !important;
    line-height: 25px;
    -webkit-box-sizing: box-sizing;
    -moz-box-sizing: box-sizing;
    box-sizing: box-sizing;
    font-family: "Roboto", sans-serif;
    text-align: left;
}

.ul_dot_box .dropdown-content ::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 45px;
    border-width: 3px;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
}

.ul_dot_box .dropdown-content a:hover {background-color: rgba(240,240,240);}

.ul_dot_box .dropdown:hover .prodcut_desc .dropdown-content {display: block;}

.ul_dot_box .dropdown:hover .prodcut_desc .dropbtn {background-color: #3e8e41;}

.dropdown-content-main2 ul li 
{
  margin: 0px 0px !important;
  list-style: disc !important;
  display: block;
}
.slider_box  
{
  padding: 5px;
  box-shadow: 0px 0px 10px #ddd;
}
.slider_box .one_line
{
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.slider_box p
{
  line-height: 30px;
}
.slider_box p a 
{
  color: #212121;
  font-weight: 500;
}
.slider_box p a del
{
  color: #878787;
  font-weight: 400;
  margin-left: 5px;
}
.slider_box p a .fa-inr
{
  color: #878787 !important;
}
.slider_box p a  .offer_color
{
  color: #388e3c;
    font-size: 13px;
    letter-spacing: -.2px;
    font-weight: 500;
}
.slider_box_img .owl-carousel .owl-item
{
   float: none !important;
}
.nav_img_slide li a {
    padding: 2px;
    border-radius: 5px;
    display: block;
}
.nav_img_slide
{
  height: 400px;
    overflow-y: scroll;
}

.nav_img_slide::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
.nav_img_slide::-webkit-scrollbar
{
  width: 0px;
  background-color: #F5F5F5;
}

.nav_img_slide::-webkit-scrollbar-thumb
{
  background-color: #212121212121;
}

._1LJS6T {
    background-color: #fff;
    font-size: 12px
}

._1LJS6T ._3ymSpn {
    width: 540px;
    height: 320px;
    border: none
}

._1LJS6T ._2XFXtH {
    font-size: 13px;
    width: 100%;
    margin: 12px 0;
    border-radius: 2px;
    border: 1px solid #c2c2c2;
    border-spacing: 0
}

._1LJS6T ._2XFXtH .-dElIf ._25vhVF {
    text-align: center;
    padding: 8px;
    font-weight: 500;
    background-color: #e0e0e0;
    border-bottom: 1px solid #c2c2c2;
    text-transform: capitalize
}

._1LJS6T ._2XFXtH ._240_vq ._11u_lJ {
    text-align: center;
    padding: 8px;
    background-color: #fff
}

._1LJS6T ._2XFXtH ._240_vq:nth-child(odd) ._11u_lJ {
    background-color: #f9f9f9
}

._1LJS6T ._2NKhZn {
    margin: 0;
    padding: 0;
    line-height: 30px;
    line-height: normal
}

._1LJS6T div,._1LJS6T h1,._1LJS6T h2,._1LJS6T h3,._1LJS6T h4,._1LJS6T h5,._1LJS6T h6,._1LJS6T p {
    margin-bottom: 10px;
    padding: 0;
    line-height: 1.5
}

._1LJS6T li,._1LJS6T ul {
    padding: 0;
    margin: 0;
    list-style: none
}

._1LJS6T li {
    padding: 0 0 8px 10px;
    position: relative;
    line-height: 21px;
    list-style: disc !important;
}

._1LJS6T li:after {
    content: "";
    height: 4px;
    width: 4px;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%;
    background: #212121
}

.share_btn
{
  color: #212121 !important;
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}

.share_btn .dropdown-content
{
    display: none;
    position: absolute;
    top: 30px !important;
    background-color: #fff;
    width: 450px !important;
    padding: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.demo-area{
  background:$color_invert_fg;
  border-radius:8px;
  padding:20px;
}

.demo-trigger {
  display: inline-block;
  width: 40%;
  float: left;
  cursor:zoom-in
}

.demo-trigger img {
  max-width: 100%;
}

.detail {
  position: relative;
  width: 55%;
  margin-left: 5%;
  float: left;
  min-height:240px;
}

@media (max-width: 900px) {
  
  .detail, .demo-trigger {
    float: none;
  }

  .demo-trigger {
    display:block;
    width:100%;
    max-width:300px;
    text-align:center;
    margin: 0 auto;
    cursor: zoom-in;
  }

  .detail {
    text-align:center;
    margin: 0 auto;
    min-height:0;
    width:100%;
    max-width:32em;
  }
   .detail  h3{
      margin-top:1em;
    }
  

}

.hand_pickedd_fashion {
  font-size: 12px;
  position: absolute;
  top: 0px;
  left: 5px;
  padding: 0px 6px;
  color: #fff;
  background-color: #e81623;
  z-index: 333;
  line-height: normal;
  border-radius: 5px 0px 0px 0px;
}
.hand_pickedd_fashion:before
{
    position: absolute;
    content: '';
    top: 0px;
    right: -9px;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 9px solid transparent;
    border-top: 16px solid #e81623;
}

.btn-order-now
{
  margin-top: 10px;
}
.chart_img
{
  border: 1px solid #fff !important;
}
.chart_img a img 
{
  width: auto !important;
  margin-left: 6px !important;
  height: 10px !important;
  border: none !important;
  padding: 0px !important;
  border-radius: 0px !important;
}
.chart_img
{
  width: auto !important;
}
.chart_img a
{
  display: block;
  color: #2874f0;
  font-size: 14px;
  font-weight: 500;
  
}
._2WObml>tbody>tr>td, 
._2WObml>tbody>tr>th, 
._2WObml>tfoot>tr>td, 
._2WObml>tfoot>tr>th, 
._2WObml>thead>tr>td, 
._2WObml>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
    color: #333 !important;
    font-size: 13px;
    font-weight: 400;
}
.eKQwAg
{
  background-color: rgba(240,240,240);
}
.chart_model .modal-body 
{
   padding:20px 10px !important;
}

.chart_model .modal-body  p 
{
  font-size: 13px;
}

.brands_box .modal
{
  position: fixed;
    top: 0;
    right: auto !important
    bottom: 0; */
    left: 0 !important
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    
}
.brands_box .modal-body
{
  padding: 20px 10px !important;
  font-size: 14px !important;
}
.brands_box .modal-dialog {
    width: 854px;
    margin: 5% 0% !important
}

.brand_li_right ul li 
{
  display: inline-block;
  width: 150px;
}
.brand_li_right 
{
  height: 350px;
  overflow-y: scroll;
}
.brand_li_right ul li .customcheck
{
  font-size: 12px;
}

.view_class
{
    color: #e81623;
    position: relative;
    font-size: 15px;
    padding-top: 5px;
    cursor: pointer;
}

.row 
{
  width: 100% !important;
}
.view_clas_modal h3
{
  margin: 0px;
}
.view_clas_modal
{
  padding: 0px 20px;
}
.view_clas_modal ul
{
  margin: 0px 20px;
}
.view_clas_modal ul li
{
  list-style: disc;
}

/**/
.electronics_details h4 
{
  margin: 0px 0px 10px 0px;
}
.electronics_details ul
{
  margin-left: 20px;
  width: 90%;
}
.electronics_details ul li
{
  list-style: disc;
  font-size: 14px;
  color: #333 !important;
}
.electronics_details a
{
  color: #333 !important;
}
.electronics_box:hover a
{
  color: #333 !important;
}
.electronics_img
{
  text-align: center;
}
.electronics_img img 
{
  padding: 30px;
  height: 250px !important;
  width: auto!important;
  margin: auto;

}
.electronics_price p a 
{
  color: #333 !important;
}

.electronics_price p
{
  font-size: 14px;
}
.electronics_box a 
{
  border-bottom: 1px solid rgba(240,240,240);
  display: block;
  margin-bottom: 30px;
}
/**/
.refridge_box
{
  
  padding: 0px 10px 10px 10px;
}
.refridge_box:hover
{
  box-shadow: 0px 10px 10px #ddd;
  padding: 0px 10px 10px 10px;
}
.refridge_img
{
  
  width: auto;
  padding: 10px;
  margin: 0 auto;
}
.refridge_img img
{
padding: 0px;
  height: 200px !important;
  width: auto!important;
  margin: auto;
}
.refridge_box p 
{
  overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/**/

.appliances_img
{
  
  height: 280px;
  width: 200px;
  padding: 10px;
  margin: 0 auto;
}
.appliances_img img
{
 
 
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 1;
    max-width: 100%;
    max-height: 100%;
}

.price_d_app a 
{
  color: #212121;
    font-weight: 500;
}

.appliances_box
{
  display: block;
  padding: 10px;
  

}
.appliances_box:hover
{
  box-shadow: 0px 0px 5px #ddd;
}


.magnifierWrap {
  width: 300px; 
  margin: 50px auto; 
  position: relative;
}
.magnifier {
  width: 175px; 
  height: 175px;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
  0 0 7px 7px rgba(0, 0, 0, 0.25), 
  inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  background: url('https://images-na.ssl-images-amazon.com/images/I/71BTkiEfuxL._SL1200_.jpg') no-repeat;
  display: none;
}

.shrt_text
{
  overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



.book_box  figure
{
  height: auto;
}
.book_box figure a {
    display: block;
    color: #212121;
    text-align: center;
}

.book_box figure img
{

  margin: 50px auto;
    height: 200px;
    width: auto;
    text-align: center;
}
.book_box a
{
  color: #333;
}
.book_box a span 
{
  padding-right: 5px;
}
.book_box p 
{
  margin: 10px 0px;
}
.book_box  img 
{
  width: 100%;
  border-radius: 5px;
}

.book_box 
{
  padding: 0px 20px;
  margin-bottom: 30px;
}
.book_box .one_line
{

  display: block!important;
  overflow: hidden!important;
  font-weight: 500 !important;
  display: -webkit-box !important;
  font-size: 14px;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.book_box h6
{
    padding: 5px 0px;
    font-size: 15px;
    color: #e81623;
    margin: 0px 0px;
}
.book_box:hover
{
  box-shadow: 0px 0px 5px 0px rgba(240,240,240);
}

.grid_list a 
{
  text-align: right;
  color: #333;
  margin-right: 20px;
  font-weight: normal !important;
}

.grid_list
{
 
}

.grid_list>li.active>a, .grid_list>li.active>a:hover, .grid_list>li.active>a:focus {
    color: #e81623 !important;
    background-color: #fff;
    border: 0px solid transparent;
    border-bottom: 0px solid transparent;
    cursor: default;
}

.grid_list>li>a {
    position: relative;
    display: block;
    padding: 5px 5px;
    border:none;
    font-weight: 500 !important;
}
.grid_list>li>a:hover {
    position: relative;
    display: block;
    padding: 5px 5px;
    border:none;
}
.grid_list>li>a:focus {
    position: relative;
    display: block;
    padding: 5px 5px;
    border:none;
}

.television_img
{
  height: 200px;
    width: 200px;
}

.television_img  img
{
  position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 1;
    width: 80%;
    height: 80%;
    object-fit: contain;
}


@media only screen and (max-width:768px)
{
  .prodcut_desc .dropdown-content {
    display: none;
    position: absolute;
    top: 55px;
    background-color: #fff;
    width: 335px  !important;
    padding: 10px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content-main {
    position: absolute;
    top: 30px !important;
    left: 0px;
    right: 0px;
    content: '';
    margin: auto;
    width: 400px !important;
    padding: 20px !important;
}
.share_btn {
    color: #212121 !important;
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    padding: 10px 0px;
}
.breadcrumb {
    padding: 0px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.dropdown-content-main ul li {
    display: inline-block;
    text-align: center;
    margin: 10px 10px;
}
}

.cake_nav .nav-tabs {
    border-bottom: 1px solid transparent;
    background-color: transparent;
}
.cat_img_box img 
{
  width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
}
.cat_img_box h2 
{
  font-size: 20px;
}
.pro_li ul
{

}

.pro_li ul li
{
  display: inline-block;
  width: 9.7%;
}
.pro_li ul li a  
{
  display: block;
  margin-right: 10px;
}
.pro_li ul li a img 
{
  width: 100%;
  background-color: #495461;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.pro_li ul li h3
{
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 0px 0px;
}
.pro_secttion
{
  background-color: #16716a;
  padding: 40px 0px;
}

.pro_secttion h2 span {
    color: #fff;
}

.col-1 {
    float: left;
    width: 12.5%;
}

.view_all a 
{
  display: block;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  border: 1px solid #e81623;
  background-color: #e81623;
  width: 150px;
  padding: 5px 10px;
  text-align: center;
  float: right;
  border-radius: 5px;
}
.view_all a:hover
{
  display: block;
  font-size: 20px;
  color: #e81623;
  font-weight: 500;
  background-color: #fff;
  border: 1px solid #e81623;
  width: 150px;
  padding: 5px 10px;
  text-align: center;
  float: right;
  border-radius: 5px;
}
.row 
{
  width: 100%;
}
.round_boxx
{
  border-radius: 10px;
  border:1px solid #f0f0f0;
  padding: 10px;
  background-color: #f0f0f0;
}
.round_boxx img 
{
  border-radius: 10px;
  width: 100%;
  /* padding: 0px 10px 0px 0px; */
}
.round_box img 
{
  border-radius: 10px;
  width: 100%;
  height: 380px;
  margin-bottom: 10px;
}
.round_box_o
{
  border-radius: 10px;
  border:1px solid #f0f0f0;
  padding: 10px;
  background-color: #f0f0f0;
  margin-bottom: 45px;
}
.round_box
{
  border-radius: 10px;
  border:1px solid #f0f0f0;
  padding: 10px;
  background-color: #f0f0f0;
  margin-bottom: 0px;
}

.centered_text h2 
{
  padding-top: 50px;
  text-align: left;
}

.cake_box_item img 
{
  width: 100%;
}

.cake_box_item a 
{
  display: block;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0px 1px 5px #ddd;
}

.cake_box_item a h4 
{
  color: #e81623;
  font-size: 14px;
  line-height: 20px;
}
.cake_box_item a strong 
{
  color: #0A8202;
}
.cake_box_item a img
{
  
  border-radius: 10px;
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.cake_box_item a:hover
{
  box-shadow: 0px 1px 10px #ddd;
}

.cake_box_item span 
{
  padding: 0px 12px 0px 12px;
  border-radius: 8px 0px 8px 0px;
  color: #FFF;
  font-size: 12px;
  position: absolute;
  background: #0A8202;
}
.zoom_img img
{
  transition-duration: 1s;
}
.zoom_img:hover img
{
  transform: scale(1.2);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
}

.counter_box
{
  margin-top: 20px;
}
.counter_box img 
{
  float: left;
  width: 80px;
  margin-top: -15px;
  margin-right: 10px;
}
.counter_box h4 
{
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}

.sec_bg_img
{
  background-image: url(../img/cakes/banner/bg-1.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  padding: 40px 0px;
}

.sec_bg_img  h2 span {
    color: #fff;
}

.rating_viewer {
  float: right;
  font-size: 14px;
  text-align: right;
}
.rating_cake
{
  color: #FFF;
  border-radius: 5px;
  font-size: 12px;
  z-index: 2;
  font-weight: 500;
  line-height: normal;
  background: #ffa41c;
  float: right;
  padding: 2px 4px;
}


.cake_nav ul li
{
  border: none;
  display: inline-block;
}

.cake_nav ul li a
{
  border: none;
  padding: 10px 0px;
  color: #000;
  margin: 0px 10px;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  
}
.cake_nav ul li a:hover
{
  color: #e81623;
    background-color: #fff;
    border: 0px solid transparent;
    border-bottom: 1px solid #e81623;
    
}

.cake_nav ul>li.active>a, .cake_nav ul>li.active>a:hover, .cake_nav ul>li.active>a:focus {
    color: #e81623;
    background-color: #fff;
    border: 0px solid transparent;
    border-bottom: 1px solid #e81623;
    
}

.side_title_text h2 
{
  font-size: 24px;
  
  align-items: center;
}
.box-shadow 
{
  box-shadow: 0px 1px 10px #ddd;
  width: 1315px;
  border-radius: 10px;
}
.col-1 {
  width: 9.2%;
  display: flex;
  flex: 1 0 0% !important;
  display: inline-block;
  text-align: center;
  margin: 5px;
}
.col-2 {
  width: 10%;
  display: flex;
  flex: 1 0 0% !important;
  display: inline-block;
  text-align: center;
  margin: 5px;
}

.theme_img, .theme_imgg
{
  margin-top: 20px;
}

.theme_img img
{
  width: 100%;
  
  object-fit: cover;
  border: 1px solid transparent;
  border-radius: 0%;
  border-radius: 10px;
}

.theme_img p,.theme_imgg p
{
 padding: 10px 0px;
 font-weight: 500;
}
.theme_imgg img
{
  width: 100%;
  border: 1px solid transparent;
  border-radius: 50%;
}

.cake_kg_li .radio {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cake_kg_li
{
  margin-top: 0px;
}
.cake_kg_li ul li img 
{
  width: 20px;
}
.cake_kg_li ul li
{
  display: inline-block;
}
.cake_kg_li ul li .btn 
{
  margin-right: 10px;
}
.cake_kg_li h4 
{
  font-size: 16px;
  color: #333;
  margin: 20px 0px 10px 0px;
}
.cake_kg_li input {
    height: auto !important;
    font-size: 16px !important;
    outline: medium none;
    color: #333;
    border: 1px solid rgba(240,240,240);
    padding: 10px 10px 10px 40px !important;
    border-radius: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: none;
}
.cake_kg_li .flavour-attribute {
    height: auto !important;
    font-size: 16px !important;
    outline: medium none;
    width: 100%;
    color: #333;
    padding: 10px 10px 10px 10px !important;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: none;
}
.cake_kg_li textarea {
    height: auto !important;
    font-size: 16px !important;
    outline: medium none;
    color: #333;
    border: 1px solid rgba(240,240,240);
    padding: 10px 10px !important;
    border-radius: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: none;
}
.btn-cake
{
  border: 1px solid  #333;
  background-color: #fff;
  color: #333;
  text-align: center;
  font-size: 15px;
  padding: 7px;
  border-radius: 5px !important;
  width: 60px;
  text-transform: capitalize;
}
.cake_kg_li ul li .btn-active
{
  border: 1px solid  #e81623 !important;
  background-color: #e81623 !important;
  color: #fff !important;
  border-radius: 5px !important;
}
.btn-cake:hover
{
  border: 1px solid  #e81623;
  background-color: #e81623;
  color: #fff;
  border-radius: 5px !important;
}

.des_text p 
{
  font-size: 13px;
  line-height: 30px;
}
.des_text img 
{
  width: 20px;
}
.btn-full-cake
{
  width: 35%;
  display: inline-block;
}
.btn-book
{
  border-radius: 50px !important;
}
.btn-book-cake
{
  border: 1px solid #5cb85c !important;
  color: #fff !important;
  background-color: #5cb85c !important;
}
.btn-book-cake:hover
{
  border: 1px solid #5cb85c !important;
  color: #5cb85c !important;
  background-color: #fff !important;
}
.prodcut_desc_cake h4 
{
  font-size: 28px;
}
.prodcut_desc_cake ul li
{
  list-style: disc;
}
.prodcut_desc_cake ul
{
  margin-left: 30px;
}


.cake_view_rating span
{
font-size: 16px;
    color: #ffa41c !important;
}

.price_details_cake h3 
{
  color: #333;
  font-size: 30px;
  margin-bottom: 10px;
}

.price_details_cake span
{
font-size: 16px;
    color: #04780f !important;
}

.price_details_cake span img 
{
  width: 14px;
  margin-top: -6px;
}
.select_calendar
{
  font-size: 15px;
    outline: medium none;
    color: #333;
    border: 1px solid #ddd;
    padding: 10px 15px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: none;
}
.select_calendar i 
{
  color: #333;
}
.f-r
{
  float: right;
}


.img-eggless  
{
  float: right;
  font-size: 18px;
  font-weight: 500 !important;
    font-family: "Roboto", sans-serif !important;
  
}
.img-eggless img 
{
  width: 20px;
}

.icon_pop_box 
{
  float: right;
  margin-top: 10px;
  /*font-size: 12px;
  padding: 1px 6px;
  border-radius: 50%;
  line-height: normal;
  border: 1px solid #e81623;*/
}

.icon_pop_box .dropbtn {
  
}

.icon_pop_box .dropdown {
  position: relative;
  display: inline-block;
}

.icon_pop_box .dropdown-content {
  display: none;
  position: absolute;
  top: 37px !important;
  background-color: #fff;
  width:320px !important;
  padding: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

.icon_pop_box .dropdown-content table tr td 
{
  color: #333;
  font-size: 12px !important;

}
.icon_pop_box .dropdown-content img 
{
  width: 10px;
}
.icon_pop_box .dropdown-content h5 
{
  color: #14be47;
}
.icon_pop_box .dropdown-content p {
  color: black;
  
  text-decoration: none;
  display: block;
  font-size: 12px !important;
}
.icon_pop_box .dropdown-content ul li {
  color: black;
  display: block;
  text-decoration: none;
  text-align: left;
  font-size: 12px !important;
}
.icon_pop_box .dropdown-content ::after {
    content: "";
    position: absolute;
    top: -20px;
    right: 35px;   
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.icon_pop_box .dropdown-content a:hover {background-color: rgba(240,240,240);}

.icon_pop_box .dropdown:hover .icon_pop_box .dropdown-content {display: block;}

.icon_pop_box .dropdown:hover .icon_pop_box .dropbtn {background-color: #3e8e41;}

.similer_img_box ul li
{
  width: 18.8%;
  max-width: 125px;
  display: inline-block;
  border-radius: 5px;
  margin-top: 10px;
}
.similer_img_box ul li a
{
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
  margin-right: 15px;
}
.similer_img_box ul li a img 
{
  width: 100%;
  border-radius: 5px 5px 0px 0px;

}
.similer_img_box ul li p
{
  font-size: 14px;
  font-weight: 400;
  color: rgba(28,33,32,.8);
  line-height: normal;
  padding: 5px 5px 0px 5px;
  text-transform: capitalize;
  height: 30px;
}

.similer_img_box ul li h5
{
  padding: 5px 5px;
}

.icon_pop_boxx 
{
  position: absolute;
  top: 147px;
  margin-top: 10px;
  left: 39%;
  margin-top: 10px;
  /*font-size: 12px;
  padding: 1px 6px;
  border-radius: 50%;
  line-height: normal;
  border: 1px solid #e81623;*/
}

.icon_pop_boxx .dropbtn {
  
}

.icon_pop_boxx .dropdown {
  position: relative;
  display: inline-block;
}

.icon_pop_boxx .dropdown-content {
  display: none;
  position: absolute;
  top: 37px !important;
  background-color: #fff;
  width:200px !important;
  padding: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}


.icon_pop_boxxx 
{
  
}

.icon_pop_boxxx .dropbtn {
  
}

.icon_pop_boxxx .dropdown {
  position: relative;
  display: inline-block;
}

.icon_pop_boxxx .dropdown-content {
  display: none;
  position: absolute;
  top: 59px !important;
  background-color: #fff;
  width:250px !important;
  padding: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
}

.icon_pop_boxxx .dropdown-content ul li {
  color: black;

  text-decoration: none;
  text-align: left;
  font-size: 12px !important;
  width:95%;
}

.icon_pop_boxxx .dropdown-content ul li a 
{
  line-height: 30px;
  color: #333;
  border-bottom: 1px solid #f9f9f9;
  display: block;
  padding: 5px 0px;
  font-weight: normal;
}

.icon_pop_boxxx .dropdown-content ul li a:hover
{
  color: #e81623;
}
.icon_pop_boxxx .dropdown-content ::after {
    content: "";
    position: absolute;
    top: -20px;
    right: 35px;   
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.icon_pop_boxxx  .dropdown-content-main .fa 
{
  color: #333;
  padding: 0px;
  border: none;
}

.icon_pop_boxx .dropdown-content table tr td 
{
  color: #333;
  font-size: 12px !important;

}
.icon_pop_boxx .dropdown-content img 
{
  width: 10px;
}
.icon_pop_boxx .dropdown-content h5 
{
  color: #14be47;
}
.icon_pop_boxx .dropdown-content p {
  color: black;
  
  text-decoration: none;
  display: block;
  font-size: 12px !important;
}
.icon_pop_boxx .dropdown-content ul li {
  color: black;
  display: block;
  text-decoration: none;
  text-align: left;
  font-size: 12px !important;
}
.icon_pop_boxx .dropdown-content ::after {
    content: "";
    position: absolute;
    top: -20px;
    right: 35px;   
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.sidenav h3 
{
  font-size: 20px;
  font-weight: 600;
  margin-left: 15px;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #fff;
}
.icon_pop_boxx .dropdown-content a:hover {background-color: rgba(240,240,240);}

.icon_pop_boxx .dropdown:hover .icon_pop_boxx .dropdown-content {display: block;}

.icon_pop_boxx .dropdown:hover .icon_pop_boxx .dropbtn {background-color: #3e8e41;}
.sidenav{background-color:#111;height:102vh;left:0;overflow-x:hidden;padding-top:0px;position:fixed;top:0;transition:.5s;width:0;z-index:99999;}
.sidenavR{background-color:#111;height:100%;overflow-x:hidden;padding-top:60px;position:fixed;right:0;top:0;transition:.5s;width:0;z-index:99999;}
.sidenav a,.sidenavR a{color:#818181;display:block;font-size:25px;padding:8px 8px 8px 32px;text-decoration:none;transition:.3s;}
.sidenav a:hover,.offcanvas a:focus,.sidenavR a:hover,.offcanvas a:focus{color:#f1f1f1;}
.sidenav .closebtn,.sidenavR .closebtn{font-size:36px;margin-left:50px;position:absolute;right:25px;top:0;}
.scoll_box_menu 
{
  background-color: #fff;
  height: 94vh;
  overflow-y: scroll;
}
.scoll_box_menu hr 
{
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #eee;
}
.scoll_box_menu a 
{
  font-size: 14px;
}
.scoll_box_menu h4
{
  padding: 8px 8px 8px 32px;
  margin: 0px 0px;
}
@media screen and max-height 450px {
.sidenav,.sidenavR{padding-top:15px;}
.sidenav a,.sidenavR a{font-size:18px;}
}

.sidenav img 
{
  width: 35px;
}

.form-check
{
  border-radius: 5px;
}

.delivey_box_li ul li
{
  display: inline-block;
  border-right: 1px solid #ddd;
  padding: 10px 15px;
}

.quote_text p 
{
  line-height: 30px;
}
.quote_text i 
{
  color: #04780f !important;
}

.price_details_cake del, .price_details_cake del i
{
  color: #8d8c8c !important;
  font-weight: normal;
  font-size: 16px;
}

.box-body table tr td 
{
  padding: 10px !important;
  font-weight: 600;
  border: 1px solid #ddd !important;
}


.cake_model_box .tabs_box
{
  padding: 20px;
}
.cake_model_box .modal {
    position: fixed;
    top: 5%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.cake_model_box .modal-dialog {
    width: 1000px !important;
    
    margin: 4rem auto !important;
}

.cake_model_box .modal-content {
    height: auto !important;
    overflow: auto !important;
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.cake_model_box .modal-title
{
  font-size: 20px;
  color: #5cb85c ;
  width: auto !important;
}
.cake_model_box .modal-header .close {
    margin-top: 0px;
    color: #212121;
    opacity:unset !important;
    font-weight: normal !important;
}
.cake_model_box .close {
    float: right;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    padding: 10px;
    color: #212121 !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20) !important;
    position: absolute;
    right: 0px;
    z-index: 9999;
}

.cake_model_box .modal-body
{
  padding: 10px !important;
}
.cat_img_pop
{
  margin-bottom: 30px;
}
.cat_img_pop img 
{
  width: 100%;
}
.cat_img_pop h4 
{
  
}
.cat_img_pop button 
{
  border: 1px solid #e81623;
  border-radius: 5px;
  display: block;
  padding: 1px 10px;
  color: #e81623;
  font-size: 13px;
  text-align: center;
  display: block;
  background-color: #fff;
  width: 100%;
}
.pop_title h2 
{
  font-size: 18px;
}
.cat_img_pop h4
{
    overflow: hidden;
    font-weight: normal;
    display: -webkit-box;
    font-size: 13px;
    font-weight: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
}
.cat_img_pop
{
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 1px 5px #ddd;
}

.skip_btn
{
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    border: 1px solid #e81623;
    background-color: #e81623;
    padding: 5px 10px;
    text-align: center;
    float: right;
    border-radius: 5px;
}

.btn-cake-add
{
  width: 100%;
  border: 1px solid #5cb85c !important;
  color: #fff !important;
  background-color: #5cb85c !important;
}
.btn-cake-add:hover
{
  width: 100%;
  border: 1px solid #5cb85c !important;
  color: #fff !important;
  background-color: #5cb85c !important;
}
.pop_li_box ul li
{
  display: inline-block;
  padding: 0px 10px;
  
}

.pop_li_box ul li h5 
{
  margin: 0px 0px;
}

.pop_li_box ul li p 
{
  margin: 0px 0px;
}
.top_box_location 
{
  margin-top: 10px;
}
.top_box_location i 
{
  float: left;
  font-size: 15px;
  margin-right: 5px;
  
  color: #fff;
}
.top_box_location span 
{
  color: #ddd;
  font-size: 10px;
}
.mar-5 i 
{
  margin-top: 0px;
  font-size: 30px;
}
.top_box_location p 
{
  color: #fff;
}
.top_box_location h6,
.top_box_location small 
{
  margin: 0px 0px;
  color: #fff;
}
.top_box_location h5,
.top_box_location h4 
{
  margin: 0px 0px;
  color: #fff;
}
.top_box_location ul li
{
  display: inline-block;
      margin-right: 5px;
}

.cat_img_pop p 
{
  margin: 5px 0px;
}
.pop_menu_li .nav-tabs li a
{
   border: 1px solid #ddd;
   border-radius: 5px;
   line-height: 10px;
   margin-right: 10px;
}

.map_top_add
{
    position: absolute;
    top: 10px;
    left: 23px;
    font-size: 15px;
    color: #333;
    text-align: center;
}
.pop_menu_li .nav-tabs>li.active>a, 
.pop_menu_li .nav-tabs>li.active>a:hover, 
.pop_menu_li .nav-tabs>li.active>a:focus {
    color: #e81623;
    background-color: #fff;
    border: 1px solid #e81623;
    border-bottom: 1px solid #e81623;
    cursor: default;

}

.pop_menu_li
{
  height: 350px ;
  overflow-y: scroll;
}

.hero__search {
  
  margin-top: 5px;
  background-color: #fff;
}

.hero__search__form {
  width: 99%;
    position: relative;
    float: left;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.hero__search__form form .hero__search__categories {
 
  float: left;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 500 !important;
  /* padding-left: 18px; */
  padding-top: 10px;
  position: relative;
  text-align: center;
}

.hero__search__form form .hero__search__categories:after {
  position: absolute;
  right: 0;
  top: 14px;
  height: 20px;
  width: 1px;
  background: #000000;
  opacity: 0.1;
  content: "";
}

.hero__search__form form .hero__search__categories span {
  position: absolute;
  right: 14px;
  top: 14px;
}

.hero__search__form form input {
 

  border: none;
  height: 40px;
  font-size: 16px;
  color: #b2b2b2;
  padding-left: 20px;
}
.hero__search__form form input:focus
{
  border: none;
  outline: none;
}
.hero__search__form form input::placeholder {
  color: #333;
}

.hero__search__form form button {
  
  
}

.hero__search__phone {
  float: right;
}

.hero__search__phone__icon {
  font-size: 18px;
  color: #7fad39;
  height: 50px;
  width: 50px;
  background: #f5f5f5;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  float: left;
  margin-right: 20px;
}

.hero__search__phone__text {
  overflow: hidden;
}

.hero__search__phone__text h5 {
  color: #1c1c1c;
  font-weight: 500 !important;
  margin-bottom: 5px;
}

.hero__search__phone__text span {
  font-size: 14px;
  color: #6f6f6f;
}

.hero__item {
  height: 431px;
  display: flex;
  align-items: center;
  padding-left: 75px;
}

.hero__text span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500 !important;
  letter-spacing: 4px;
  color: #7fad39;
}

.hero__text h2 {
  font-size: 46px;
  color: #252525;
  line-height: 52px;
  font-weight: 500 !important;
  margin: 10px 0;
}

.hero__text p {
  margin-bottom: 35px;
}

.site-btn {
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    
    background: #7fad39;
    border: none;
    border-radius: 5px;
}

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

.btn-all
{
  padding: 10px 10px !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background-color: #f9f9f9;
  border-radius: 5px 0px 0px 5px
}

.btn-search
{
  padding: 10px 20px !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: #7fad39;
  color: #fff !important;
  border-radius: 0px 5px 5px 0px
}
.btn-search:hover
{
  padding: 10px 20px !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: #7fad39;
  color: #fff !important;
}
.btn-search span 
{
  color: #fff !important;
}
.input-group-btn span {
    color: #333;
}

.food_footer  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    height: 39px;
    margin-bottom: 0;
    border: none !important;
}

.input-group .dropdown-menu>li>a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}


.input-group .dropdown-menu
{
   height: 300px;
   overflow-y: scroll;
   border-radius: 0px;
}

.glyphicon {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cake_box_title h2 
{
  margin: 0px 0px 10px 0px;
}

.cake_box 
{
  padding: 10px 0px;
}

.side_cake_img
{
  border-radius: 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 5px;
  text-align: center;
}
.side_cake_img img 
{
  border-radius: 10px;
}

.nav_right_side ul li
{
  display: inline-block;
}

.nav_right_side ul li .btn 
{
  border: 1px solid #ff6666;
  color: #ff6666;
  background-color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
}

.cake_view_filter
{
  border-radius: 5px;
}
.bg_filter_cake
{
  
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 10px;
}

.right-filter-list-wrp ul li a
{
  color: #333;
  margin-right: 10px;
}

.cake_box 
{
  background-size: cover;
  background-position: center;
}

.cake_box_item .btn_wish_list {
    position: absolute;
    right: 25px;
    top: 20px;
    width: 25px;
    height: 25px;
    z-index: 99;
    font-size: 18px;
    /* padding: 5px 10px; */
    background-color: transparent;
    border: none;
    color: #dcd7d5;
}
.box_bg_li ul
{
  text-align: center;
  margin: auto;
  padding: auto;
}
.box_bg_li ul li {
    
    display: inline-block;
    margin-top: 10px;
    text-align: center;
}
.box_bg_li ul li a {
    display: block;
    color: #252525;
    padding: 10px 20px;
    text-decoration: none;
    background: #fff;
    margin: 0px 5px;
    font-weight: 600;
    border-radius: 50px;
    text-align: center;
}
.box_bg_li ul li a:hover {
    display: block;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    background: #e81623 !important;
    margin: 0px 5px;
    border-radius: 50px;
    text-align: center;
}

.ul_li_menu ul li
{
  display: inline-block;
  margin-right: 30px;
  line-height: 30px;
}

.ul_li_menu ul li a 
{
  
  }

.btn-cake-flavors
{
  border: 1px solid #333;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-size: 15px;
    padding: 7px;
    border-radius: 5px !important;

    text-transform: capitalize;
}
.flavour-attribute
{
  
    border: 1px solid #ddd;
    border-radius: 5px;
  font-size: 16px;
    padding: 10px 20px;
}


.button {
  border-radius: 5px;
 height: auto !important;
    font-size: 16px !important;
    outline: medium none;
    background-color: #fff;
    border: 1px solid rgba(240,240,240);
    padding: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: none;
    outline: medium none;
    color: #ddd;
    border: 1px solid #ddd;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: none;
    width: 100%;
    text-align: left;
}

.uploader {
  display: block;
  clear: both;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
.uploader label {
  float: left;
  clear: both;
  width: 100%;
  padding: 5px !important;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  border: 1px dashed #5cb85c ;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.uploader label:hover {
  border-color: #454cad;
}
.uploader label.hover {
  border: 3px solid #454cad;
  box-shadow: inset 0 0 0 6px #eee;
}
.uploader label.hover #start i.fa {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0.3;
}
.uploader #start {
  float: left;
  clear: both;
  width: 100%;
  background: rgba(25,145,0,.05);
  padding: 7px 5px 0px 5px;
}
.uploader #start.hidden {
  display: none;
}
.uploader #start img{
  
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  float: left;
  width: 35px;
  font-size: 30px;
  margin-right: 10px;

}
.uploader #response {
  float: left;
  clear: both;
  width: 100%;
}
.uploader #response.hidden {
  display: none;
}
.uploader #response #messages {
  margin-bottom: .5rem;
}
.uploader #file-image {
  display: inline;
  margin: 0 auto .5rem auto;
  width: auto;
  height: auto;
  max-width: 180px;
}
.uploader #file-image.hidden {
  display: none;
}
.uploader #notimage {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}
.uploader #notimage.hidden {
  display: none;
}
.uploader progress,
.uploader .progress {
  display: inline;
  clear: both;
  margin: 0 auto;
  width: 100%;
  max-width: 180px;
  height: 8px;
  border: 0;
  border-radius: 4px;
  background-color: #eee;
  overflow: hidden;
}
.uploader .progress[value]::-webkit-progress-bar {
  border-radius: 4px;
  background-color: #eee;
}
.uploader .progress[value]::-webkit-progress-value {
  background: -webkit-linear-gradient(left, #393f90 0%, #454cad 50%);
  background: linear-gradient(to right, #393f90 0%, #454cad 50%);
  border-radius: 4px;
}
.uploader .progress[value]::-moz-progress-bar {
  background: linear-gradient(to right, #393f90 0%, #454cad 50%);
  border-radius: 4px;
}
.uploader input[type="file"] {
  display: none;
}
.uploader div h4 
{
  margin: 0px 0px;
}
.uploader div {
  color: #333;
  text-align: left;
  font-weight: normal;
}
.uploader div small {
  color: #333;
  font-size: 8px;
  font-weight: normal;
}
.uploader .btn {
  display: inline-block;
  margin: .5rem .5rem 1rem .5rem;
  clear: both;
  font-family: inherit;
  font-weight: 500 !important;
  font-size: 14px;
  text-decoration: none;
  text-transform: initial;
  border: none;
  border-radius: .2rem;
  outline: none;
  padding: 0 1rem;
  height: 36px;
  line-height: 36px;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  background: #5cb85c;
  border-color: #5cb85c;
  cursor: pointer;
}


.form-group label.attachment {
    width: 100%;
}
.form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 500 !important;
}

.btn-file {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
.btn-file__preview {
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    border-radius: 35px;
    background-size: cover;
    background-position: center;
}
.btn-file__actions {
    margin: 0;
    padding: 0;
}
.btn-file__actions__item:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 1px solid #d3e0e9;
}
.btn-file__actions__item:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.btn-file__actions__item {
    padding: 50px;
    font-size: 1.5em;
    color: #d3e0e9;
    cursor: pointer;
    width: 200px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    background-color: #f2f2f2;
    border-top: 1px solid #d3e0e9;
    border-left: 1px solid #d3e0e9;
    border-bottom: 1px solid #d3e0e9;
}
.btn-file__actions__item--shadow {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.btn-file__actions__item--shadow::before {
    content: " ";
    box-shadow: #fff 0 0 60px 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: -1;
}
.form-group label.attachment input[type='file'] {
    display: none;
}

.form-container {
  width: 100vw;
  height: 100vh;
  background-color: #5cb85c;
  display: flex;
    justify-content: center;
  align-items: center;
}
.upload-files-container {
  
  
    align-items: center;
    justify-content: center;
  flex-direction: column;
  
}
.drag-file-area {
  border: 2px dashed #5cb85c;
  border-radius: 0px;
  padding: 10px 10px;
  text-align: center;
}
.drag-file-area .upload-icon {
  font-size: 20px;
}
.drag-file-area h3 {
  font-size: 26px;
  margin: 15px 0;
}
.drag-file-area label {
  font-size: 19px;
}
.drag-file-area label .browse-files-text {
  color: #5cb85c;
  font-weight: bolder;
  cursor: pointer;
}
.browse-files span {
  position: relative;
  top: -25px;
}
.default-file-input {
  opacity: 0;
  display:inherit;
}
.cannot-upload-message {
  background-color: #ffc6c4;
  font-size: 17px;
  display: flex;
  align-items: center;
  margin: 5px 0;
  padding: 5px 10px 5px 30px;
  border-radius: 5px;
  color: #BB0000;
  display: none;
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.cannot-upload-message span, .upload-button-icon {
  padding-right: 10px;
}
.cannot-upload-message span:last-child {
  padding-left: 20px;
  cursor: pointer;
}
.file-block {
  color: #f7fff7;
  background-color: #5cb85c;
    transition: all 1s;
  width: 390px;
  position: relative;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 15px;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
}
.file-info {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.file-icon {
  margin-right: 10px;
}
.file-name, .file-size {
  padding: 0 3px;
}
.remove-file-icon {
  cursor: pointer;
}
.progress-bar {
  
}
.upload-button {
  font-family: 'Montserrat';
  background-color: #5cb85c;
  color: #f7fff7;
  display: flex;
  align-items: center;
  font-size: 18px;
  border: none;
  border-radius: 10px;
  margin: 10px;
  padding: 7.5px 50px;
  cursor: pointer;
}

.color_bomb ul li a
{
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 5px;
  border: 1px solid #333;
  border-radius: 50%;
  margin-right: 10px;
}
.color_bomb ul li a:hover
{
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #333;
  border-radius: 50%;
}
.red-color-bomb
{
  background-color: #ff0000;
}
.red-color-bomb:hover
{
  background-color: #ff0000 !important;
}
.black-color-bomb
{
  background-color: #000;
}
.black-color-bomb:hover
{
  background-color: #000 !important;
}
.gold-color-bomb
{
  background-color: #d9c309;
}
.gold-color-bomb:hover
{
  background-color: #d9c309 !important;
}

.silver-color-bomb
{
  background-color: #e1e0db;
}
.silver-color-bomb:hover
{
  background-color: #e1e0db !important;
}
.color_bomb ul li a 
{
  display: block;
}

.color_bomb h4 
{
  margin-top: 0px;
  font-weight: normal;
}

.photo_upload_box_height
{
  width: 100%;
  height: 300px;
  overflow-y: scroll;
}

.close_icon i 
{
  font-size: 30px;
}

.round_box_10
{
  border-radius: 10px;
  border:1px solid #f0f0f0;
  padding: 20px;
  background-color: #f0f0f0;
  margin-bottom: 45px;
}

.round_box_10 img 
{
  border-radius: 10%;
}

.round_box_20
{
  border-radius: 10px;
  border:1px solid #f0f0f0;
  padding: 20px;
  background-color: #f0f0f0;
  margin-bottom: 45px;
}

.round_box_20 img 
{
  border-radius: 20%;
}


.round_box_50
{
  border-radius: 10px;
  border:1px solid #f0f0f0;
  padding: 20px;
  background-color: #f0f0f0;
  margin-bottom: 45px;
}

.round_box_50 img 
{
  border-radius: 50%;
}

/**/
.color_li
{
  
}
.color_li ul
{
  margin-top: 5px;
  margin-bottom: 5px;
}
.color_center ul li
{
  display: inline-block;
}
.color_li ul li a
{
  
  line-height: 15px;
  display: block;
  font-weight: 400!important;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  line-height: 11px;
    padding: 3px !important;
    font-size: 10px;

}
.color_li ul li a:hover{
border: 1px solid #333;
}
.color_li ul li a img 
{
  width: 100%;
  border-radius: 50%;
}

.food_section_bg a
{
  display: block;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #fff;
}

.food_section_bg a img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 10px;
}
.food_section_bg p  {
    color: #212121;
    font-weight: 500;
}
.food_section_bg
{
  padding: 0px !important;
  margin-bottom: 10px !important;
}
.food_section_bg  figure a 
{
  display: block;
}
.food_section_bg  figure 
{
  display: block; 
  width: 100% !important;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 10px;
}
.food_section_bg figure img
{
    width: 100% !important;
    height: 250px !important;
    object-fit: cover;
    object-position: center;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    
}


.food_cat
{
  margin-bottom: 30px;
  border-radius: 10px;
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 5px 15px #ddd;
}

.food_cat:hover
{
  margin-bottom: 30px;
  border-radius: 10px;
  padding-bottom: 20px;
  box-shadow: 0px 5px 20px #ddd;
}
.food_cat img 
{
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
  padding-bottom: 10px;
}

.searchbar_top
{
  
}

    .searchbar{
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 0px;
    padding: 10px;
    width:100%;
    }

    .search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
     padding: 0 10px;
    caret-color:transparent;
    line-height: 40px;
    width: 88%;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_input{
    padding: 0 10px;
   
    caret-color:red;
    transition: width 0.4s linear;
    }

    .searchbar:hover > .search_icon{
    background: white;
    color: #e74c3c;
    }

    .search_icon{
    height: 40px;
    width: 40px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color:white;
    text-decoration:none;
    }

    .search_input::placeholder
    {
      color: #ddd !important;
    } 

.food_box
{
  padding: 30px 0px;
}
.icons_img_cake
{
  text-align: center;
}
.icons_img_cake h4 
{
  font-weight: normal;
  font-size: 14px;
}
.icons_img_cake img 
{
  width: 45px;
  height: 45px;
}

.searchbar_btn .btn
{
  font-size: 20px;
  color: #fff;
  height: 60px;
  border-radius: 0px;
  background-color: #e81623;
}

.search_select
{
  height: 60px;
    background-color: #353b48;
    border-radius: 0px;
    padding: 10px 20px;
    width: 100%;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 10px;
}
.search_select option 
{
  padding: 10px 20px !important;
}
.search_select:focus
{
    height: 60px;
    background-color: #353b48;
    border-radius: 0px;
    padding: 10px 20px;
    width: 100%;
    border-radius: 10px;
    color: #fff;
    border: none;
    outline: none;
}


.food_box_item
{
  display: block;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: #fff;
  border:1px solid #ddd;
}

.food_box_item a img 
{
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
}

.btn-order
{
  box-shadow: 0px 1px 10px #ddd;
  color: #333;
  font-weight: 600;
  margin-top: 20px;
  display: block;
  width: 100%;
  font-size: 18px;
  background-color: #fff;
}

.food_box_item:hover .btn-order
{
  box-shadow: 0px 1px 10px #ddd;
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
  display: block;
  width: 100%;
  border-radius: 10px;
  background-color: #e81623;
}

.searchbar_top
{
  background-image: url(../img/food/bg.jpg);
  height: 100vh;
  background-position: center;
  background-size: cover;
}
.order_box_search
{
  padding: 18% 0px;
}

.order_box_title h2 
{
  font-size: 52px;
}

.section_order
{
  background-color: #fff;
  padding: 60px 0px;
}

.order_food h4 
{
  font-size: 30px;
}

.order_food img 
{
  width: 50%;
}
.food_head_title
{

}
.food_head_title img 
{
  width: 20px;
  margin-right: 5px;
}

.food_banner img 
{
  width: 100%;
  border-radius: 10px;
}

.food_logo img
{
  width:100px;
  height: 100px;
  object-fit: contain;
  background-color: #fff;
  padding: 10px;
  border-radius: 50%;
  margin-top: -50px;
  margin-left: 30px;
}

.search_dropdown .dropdown
{
  margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 0px;
    padding: 10px;
    width: 100%;
}
.search_dropdown .dropdown .btn:hover 
{
  color: #fff;
}
.search_dropdown .dropdown .btn 
{
  background-color: transparent;
    padding: 6px;
    font-size: 16px;
    text-align: center;
    display: block;
    width: 100%;
    font-family: "Roboto", sans-serif !important;
}
.search_dropdown .dropdown .dropdown-menu
{
  left: 0px !important;
background-color: #353b48;
width: 100%;
margin: 0px;
font-weight: 400;
border-radius: 0px;
font-family: "Roboto", sans-serif !important;
}
.search_dropdown .dropdown .dropdown-menu a
{
  display: block;
  background-color: #353b48;
    border-radius: 0px;
    padding: 10px;
    width: 100%;
    font-weight: 400;
    color: #fff;
    font-family: "Roboto", sans-serif !important;
} 
.search_dropdown .dropdown .dropdown-menu a:hover 
{
  background-color: transparent !important;
}

.food_head_title span 
{
  font-weight: 500 !important;
  font-size: 18px;
}
.food_head_title ul
{
  margin-bottom: 10px;
}
.food_head_title ul li
{
  display: inline-block;
  margin-right: 5px;
  font-weight: 500;
}

.food-drop
{
  padding: 20px 20px;
  width: 400px;
}
.food-drop h4 
{
  margin: auto;
  padding: 0px 0px;
}

.food-drop hr 
{
  margin: 5px 0px;
}
.btn-drop
{
  margin-bottom: 10px;
}

.offer-food p 
{
  margin-bottom: 10px;
}

.offer-food img 
{
  width: 20px;
}
.btn-add-cart
{
  color: #fff !important;
}
.btn-add-cart
{
  color: #fff !important;
  font-weight: 500 !important;
  margin-top: 10px;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  color: #fff !important;
  display: block !important;
}
.btn-add-cart:hover
{
  color: #e81623 !important;
}
.btn-add-cart:focus
{
  color: #fff !important;
  background-color: #e81623;
  border: 1px solid #e81623;
}
/*   venue_box_25  */

.venue_box_32 .modal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    border-radius: 0px;
    background-color: rgba(26,26,26,0.9);
}
.venue_box_32 .modal-dialog {
    width: 1200px  !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 1rem auto !important;
    border-radius: 18px;
}

.venue_box_32 .modal-content
{
  height: auto;
  overflow: hidden;
  border-radius: 0.6rem;
}

.venue_box_32 .modal-body
{
  padding: 10px 0px !important;
}

.food-immg img 
{
  border-radius: 10px;
  box-shadow: 0px 0px 3px #ddd;
}

.food_footer .input-group-btn span {
    color: #e81623;
}
.food_footer .input-group-btn
{
  
  
}
.food_footer .input-group-btn .btn
{
  background-color: #e81623 !important;
}
.food_footer .input-group-btn .btn:hover
{
  background-color: #22303d !important;
}
.food_footer .input-group-btn:first-child>.btn:focus,
.food_footer .input-group-btn:first-child>.btn-group:focus
{
  background-color: #e81623;
}
.food_footer .input-group-btn:first-child>.btn,
.food_footer .input-group-btn:first-child>.btn-group {
    margin-right: 0px;
    width: 30px;
    height: 30px;
    line-height: normal;
    padding: 0px;
    background-color: #e81623;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    
    
}
.food_footer .input-group-btn:last-child>.btn, 
.food_footer .input-group-btn:last-child>.btn-group {
    margin-left: 0px;
    width: 30px;
    height: 30px;
    line-height: normal;
    padding: 0px;
    background-color: #e81623;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;

    
    
}

.btn-number
{

  padding: 5px 7px;
  border: none !important;
  
}
.btn-number:hover
{
  padding: 5px;
  border: none !important;
  
}
.btn-number:focus
{
  padding: 5px;
  border: none !important;
  background-color: transparent !important;
}
.pop_number
{
  width: 30%;
}
.number_inut
{
  width: 30%;
}

.address_input
{
  width: 50%;
}
.food_footer .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
   background-color: #f1f1f1;
    box-shadow: none;
    padding: 5px;
    text-align: center;
}
.number_inut
{
  
}

.cart_shadow
{
  box-shadow: 0px 0px 5px #ddd;
  padding: 40px 40px;
  margin-top: 20px;
  margin-left: 50px;
}

.cart_details_shadow
{
  box-shadow: 0px 0px 5px #ddd;
  padding: 20px 20px;
  margin-bottom: 20px;
}

.food_footer .input-group-btn span {
    color: #fff;
    font-size: 12px;
}

.food_footer .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    height: 39px;
    margin-bottom: 0;
    border: none !important;
}

.food_footer .input-group .dropdown-menu>li>a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}


.food_footer .input-group .dropdown-menu
{
   height: 300px;
   overflow-y: scroll;
   border-radius: 0px;
}

.food_footer  .glyphicon {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn-submit_cart
{
  background: #e81623;
  color: #fff;
  width: 100%;
  margin-top: 0px;
  border-radius: 30px;
  text-transform: uppercase;
}
.btn-submit_cart:hover
{
  background: #e81623 !important;
    color: #fff;
    width: 100%;
    margin-top: 0px;
}

.food-popp
{
  height: 460px;
  margin-bottom: 10px;
  padding-right: 10px;
  overflow-y: scroll;
}
.food-pop img
{
  padding-bottom: 10px;
}
.food-popp p 
{
  margin-bottom: 10px;
}
.food-popp::-webkit-scrollbar-track
{
  
  background-color: #F5F5F5;
}

.food-popp::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

.food-popp::-webkit-scrollbar-thumb
{
  background-color: #ddd;
}

.height_box img
{
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 5px;
}

.mb-0
{
  padding: 0px;
}
.form_box label
{
  margin-bottom: 5px;
  font-weight: 500;
}
.form_box .form-control
{
  border-radius: 5px;
  margin-bottom: 10px;
  height: 50px;
  border: 1px solid #333 !important;
  border-right: 1px solid #333 !important;
}

.form_box textarea
{
  height: auto !important;
  border: 1px solid #ddd;
  border-right: 1px solid #ddd !important;
}



.form_box textarea:hover
{
  height: auto !important;
  border: 1px solid #ddd;
  border-right: 1px solid #ddd !important;
}


.form_box .form-control:focus
{
  margin-bottom: 10px;
  height: 50px;
  border: 1px solid #333;
  border-right: 1px solid #333 !important;
}

.form_box textarea:focus
{
  height: auto !important;
  border: 1px solid #ddd;
  border-right: 1px solid #ddd !important;
}
.bank-offers table tr td img
{
  max-width: 100px;
  padding-right: 12px;
}
.bank-offers table 
{
  width: 100%;
}
.bank-offers table tr td {
    padding: 10px;
}
.bank-offers table tr {
    border-bottom: 1px solid #d5d5d5;
}

.bank-offers {
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    margin: 0 auto;
    width: 100%;
}

.venue_box_32 .modal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    border-radius: 0px;
    background-color: rgba(26,26,26,0.9);
}
.venue_box_32 .modal-dialog {
    width: 1000px  !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 1rem auto !important;
    border-radius: 15px;
}

.venue_box_32 .modal-content
{
  height: auto;
  overflow: hidden;
  border-radius: 0.6rem;
}

.venue_box_32 .modal-body
{
  padding: 10px 0px !important;
}


.search_location
{
  padding: 8px 30px !important;
    border-radius: 30px;
    font-size: 16px;
  background-color: #f3f3ed;
  color: #333;
  border: 1px solid #fff;
  width: 100%;
  font-family: "Roboto", sans-serif;
}
.search_location::placeholder
{
  color: #333;
}
.search_location:focus 
{
  padding: 8px 30px !important;
    border-radius: 30px;
    font-size: 16px;
  background-color: #f3f3ed;
  color: #333;
  border: 1px solid #333;
  width: 100%;
  font-family: "Roboto", sans-serif;
}


.search_box
{
  
}
.search_box::placeholder
{
  color: #333;
}
.search_box:focus 
{
  padding: 8px 30px !important;
    border-radius: 30px;
    font-size: 16px;
  background-color: #f3f3ed;
  color: #333;
  border: 1px solid #333;
  font-family: "Roboto", sans-serif;
}

.area_box
{
  height: 300px;
  padding-right: 10px;
  overflow-y: scroll;
}
.area_box img
{
  padding-bottom: 10px;
}
.area_box p 
{
  margin-bottom: 10px;
}
.area_box::-webkit-scrollbar-track
{
  
  background-color: #F5F5F5;
}

.area_box::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

.area_box::-webkit-scrollbar-thumb
{
  background-color: #ddd;
}
.area_box ul li a
{
  display: block;
}
.area_box ul li
{
  display: inline-block;
  width: 19%;
  margin: auto;
  text-align: center;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    height: 39px;
    margin-bottom: 0;
    border: none !important;
}


/*   venue_box_25  */

.venue_box_33 .modal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    border-radius: 0px;
    background-color: rgba(26,26,26,0.9);
}
.venue_box_33 .modal-dialog {
    box-shadow: none;
    width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0rem  auto !important;
    border-radius: 18px;
}

.venue_box_33 .signup_link a 
{
  background: #fff;
  border: 1px solid rgb(207, 207, 207);
  color: rgb(105, 105, 105);
  font-weight: 400;
  border-radius: 0.6rem;
  display: inline-block;
  font-size: 16px;
  padding: 10px 10px;
  width: 100%;
  margin: 0px 0px 10px 0px;

}
.venue_box_33 .modal-content
{
  height: auto;
  overflow: hidden;
  border-radius: 0.6rem;
  box-shadow: none;
  border: none;
}

.venue_box_33 .modal-body
{
  padding: 10px 0px !important;
}


.dropdown_search h4 
{
  padding: 0px 0px;
}
.dropdown_search
{
  padding: 10px 10px;
}
.dropdown_search
{
  border: none;
}
.dropdown_search h4 
{
  margin-top: 0px;
}
.dropdown_search .search_location
{
  padding: 20px 40px !important;
  font-weight: 500 !important;
  box-shadow: none;
}
.dropdown_search .search_location:focus
{
  font-weight: 500 !important;
}
.dropdown_search i 
{
  position: absolute;
  top: 63px;
  left: 36px;
  font-size: 16px;
}

.save_addres i 
{
  color: #333;
  font-size: 16px;
  position: inherit !important;
}

.save_addres .btn 
{
  background-color: #f3f3ed;
  padding: 6px 15px !important;
  border-radius: 50px;
  display: block;
  color: #333;
  font-size: 16px;
  margin-top: 10px;
}


.btn-saved-location
{
  color: #be1306;
  background-color: transparent;
  padding: 0px;
}
.btn-saved-location
{
  margin-top: 10px;
  display: block;
}
.btn-saved-location h4 
{
  font-size: 18px;
  display: block;
  margin: 10px 0px 0px 0px;
  color: #be1306;
}
.btn-saved-location .btn 
{
  display: block;

}

.btn-saved-location i 
{
  position: relative !important;
    top: 12px;
    left: 0px;
    font-size: 20px;
    float: left;
    padding: 10px;
}


.food-pop
{
  height: 400px;
  padding-right: 10px;
  overflow-y: scroll;
}
.food-pop img
{
  padding-bottom: 10px;
  border-radius: 10px;
}
.food-pop p 
{
  margin-bottom: 10px;
}
.food-pop::-webkit-scrollbar-track
{
  
  background-color: #333;
}

.food-pop::-webkit-scrollbar
{
  width: 6px;
  background-color: #333;
}

.food-pop::-webkit-scrollbar-thumb
{
  background-color: #ddd;
}
.Description_box 
{
  margin-left: 30px;
}
.Description_box li
{
  list-style: disc;
  color: #333;
    font-size: 14px;
    margin: 0px;
}

.pt-60
{
  padding-top: 60px;
}
.pb-60
{
  padding-bottom: 60px;
}

.login_box ul li
{
  display: inline-block;
  padding: 0px 5px;
  font-weight: 500;
}
.form_group .form-control::placeholder
{
  color: #222 !important;
}
.form_group .form-control
{
    
    border-radius: 0.25rem;
    border:1px solid #dedede;
    color: #222 !important;
    font-size:12px;
    line-height: 4rem;
    margin-bottom: 20px;
    margin-top: 5px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: 10px  20px;
    height: 50px !important;
    width: 100%;
    font-weight: 400;
    box-shadow: none;
}
.form_group .form-control:focus
{
    
    border-radius: 0.25rem;
    border:1px solid #222;
    color: #222;
    font-size:12px;
    line-height: 4rem;
    margin-bottom: 20px;
    margin-top: 5px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: 10px  20px;
    height: 50px !important;
    width: 100%;
}

.btn-login
{
  padding: 15px 50px !important;
  line-height: 1;
  font-weight: 500;
  position: relative;
  box-shadow: none!important;
  border: 1px solid #d4d6d7!important;
  margin-top: 20px;
  color: #222 !important;
  display: block;
  background-color: transparent;
  
  border-radius: 50px;
}
.btn-login:hover
{
  padding: 15px 50px !important;
  line-height: 1;
  font-weight: 500;
  position: relative;
  box-shadow: none!important;
  border: 1px solid #222!important;
  margin-top: 20px;
  color: #fff !important;
  display: block;
  background-color: #222;
  
  border-radius: 50px;
}

.btn-login a 
{
  color: #222;
}
.btn-login:hover a
{
  color: #fff;
}
.account_profile
{
  border-left: 1px solid #ddd;
  padding-left: 30px;
}
.account_box ul li a 
{
  color: #666666;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
  font-size: 18px;
}
.account_box ul li .active
{
  color: #222;
}

.account_profile h3 
{
  margin-top: 0px;
  margin-bottom: 30px;
}

.table tr th
{
  font-weight: 500 !important;
}
.table_img_box img 
{
  float: left;
  width: 50px;
  margin-right: 10px;
  border-radius: 5px;
  box-shadow: 0px 1px 1px #ddd;
}


.btn-wishlist
{
  padding: 10px 30px !important;
  line-height: 1;
  font-weight: 500;
  position: relative;
  box-shadow: none!important;
  border: 1px solid #d4d6d7!important;
  color: #222 !important;
  display: block;
  background-color: transparent;
  
  border-radius: 50px;
}
.btn-wishlist:hover
{
  
  line-height: 1;
  font-weight: 500;
  position: relative;
  box-shadow: none!important;
  border: 1px solid #222!important;
  color: #fff !important;
  display: block;
  background-color: #222;
  
  border-radius: 50px;
}

.profile_box
{
  background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.profile_box img
{
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
    float: left;
    margin-right: 5px;
    margin-top: -10px;
}
.profile_box ul
{
  padding: 0px;

}
.profile_box h4
{
  margin-top: 0px;
  margin-bottom: 5px;
}
.profile_box ul li
{
  display: inline-block;
  margin-right: 10px;
}
.profile_box a
{
  border: 1px solid #ddd;
  padding: 12px 20px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
}
.account .nav-pills li
{
  width: 100%;
}
.account .nav-pills
{
  
}
.account .nav-pills li a
{
  font-size: 16px;
  font-weight: 400;
  color: var(--ogenix-black);
  display: block;
  width: 100%;
  padding: 10px  30px;
  transition: all 0.5s linear;
  margin-bottom: 5px;
  background-color: #fff;
  line-height: normal;
  
  font-family: var(--ogenix-font);
}

.account .nav-pills .active a
{
  color: #fff;
  background-color: var(--ogenix-base);
}

.account .tab-pane-text h4 
{
  font-size: 30px;
  line-height: 35px;
  margin: 0;
  font-weight: 800;
  margin-top: 0px;
  color: var(--ogenix-black);
  display: block;
}
.address_box h4
{
  font-weight: 600;
  margin-bottom: 10px;

}
.address_box
{
  border: 1px solid #ddd;
  padding: 20px 20px;
  margin-bottom: 30px;
  background-color: #fff;
  border-radius: 10px;


}

.non_flight h5 
{
  margin-top: 20px;
  margin-bottom: 20px;
}

.btn-copy {
    background: #fff;
    padding: 0px 0px;
    color: #222;
}
.address_box p
{
 
}
.address_box ul
{
  padding: 0px;
}
.address_box ul li
{
  display: inline-block;
} 

.btn-addcart-img
{
  background-color: #fff;
  color: #222;
  font-size: 16px;
  border-radius: 10px;
  position: absolute;
  top: 150px;
  right: 10px;
  margin: 10px;
  padding: 5px 10px;
  line-height: normal;
}
.btn-addcart
{
  background-color: #fff;
  color: #222;
  font-size: 14px;
  border-radius: 10px;
  position: absolute;
  bottom: 0px;
  right: 10px;
  margin: 10px;
  padding: 5px 20px;
  line-height: normal;
}


.btn-addcart:focus, .btn-addcart:hover
{
  background-color: #e81623;
  color: #fff;
  font-size: 14px;
  border-radius: 10px;
  position: absolute;
  bottom: 0px;
  right: 10px;
  margin: 10px;
  padding: 5px 20px;
  line-height: normal;
}

.btn-addcart-plus
{
  background-color: #e81623;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #ddd;
  padding: 5px 10px;
  line-height: normal;
  border: none;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #e81623 !important;
    color: #fff !important;
}

.nav-pills>li>a {
    border-radius: 4px;
    background-color: #f3f3ed;
    color: #222;
}

.nav-pills>li>a:hover {
    border-radius: 4px;
    background-color: #e81623 !important;
    color: #fff !important;
}

.account .tab-content
{
  margin: 0px 0px;
  background-color: #fff;
  padding: 20px 10px;
  border-radius: 10px;
}
.account .tab-pane
{
  margin: 0px 0px;
}

.btn-wallet
{
  background-color: #e81623 !important;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 5px;
  width: 100%;
}
.red-colorr
{
  color: #e81623 !important;
}

.cart-table
{

}
.cart-table>tbody>tr>td, .cart-table>tbody>tr>th, .cart-table>tfoot>tr>td, .cart-table>tfoot>tr>th, .cart-table>thead>tr>td, .cart-table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 0px solid rgba(240,240,240);
    color: #222;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
}
.cart-table tr th
{
  background-color: #e81623;
  color: #fff !important;
  font-size: 15px !important;
}
.cart-control {
  font-size: 15px;
  border: 0px solid rgba(240,240,240) !important;
  outline: medium none;
  text-align: center;
  color: #222;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  padding: 0px 0px;
  
  margin: 0px 0px;
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.cart-control:focus {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.14);
  outline: none;
  background-color: transparent;
}
.btn-remove
{
  padding: 5px 10px;
  color: #222;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid rgba(240,240,240);
  font-size: 13px;
  font-weight: normal;
}
.cart_img 
{
  width: 100px;
}
.total-cart
{
  border: 0px solid rgba(240,240,240) !important;
  padding: 10px 10px;
}

.extra img
{
  width: 15px;
}

.table_reg
{

}
.table_reg>tbody>tr>td, .table_reg>tbody>tr>th, .table_reg>tfoot>tr>td, .table_reg>tfoot>tr>th, .table_reg>thead>tr>td, .table_reg>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
    color: #222;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
}

.reg_box 
{
  background-color: #f1f1f1;
  padding: 10px 20px;
}

.mid_li
{
  padding: 17px 0px;
}

.order-text img
{
  float: left;
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 5px 5px 5px 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.order-text h4 
{
  margin: 0px 0px 5px 0px;
}
.order-text p 
{
  line-height: normal;
  margin: 0px 0px 5px 0px;
}

.order-text .right_move
{
  float: right;
  font-weight: 600;
}
.order-text .right_move i 
{
  color: #019a16;
}

.order-history
{
  background-color: #fff;
  padding: 15px;
  box-shadow: 0px 0px 5px #ddd;
  border-radius: 10px;
  margin-bottom: 30px;
}

.order-text
{
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}

.order-det h5 
{
  color: #222;
  margin: 15px 0px 5px 0px;
}

.order-view
{
  background: #ddd !important;
  color: #fff;
  padding: 10px 30px !important;
  
  font-size: 14px;
  text-align: right;
  margin-right: 20px;

}
.order-view:hover
{
  background: #222 !important;
  color: #fff;
  padding: 10px 30px !important;
 
  font-size: 14px;
  text-align: right;
  
}

.venue_box_35 .modal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    border-radius: 0px;
    background-color: rgba(26,26,26,0.9);
}
.venue_box_35 .modal-dialog {
    width: 500px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 12rem  auto !important;
    border-radius: 18px;

}

.venue_box_35 .signup_link a 
{
  background: #fff;
  border: 1px solid rgb(207, 207, 207);
  color: rgb(105, 105, 105);
  font-weight: 400;
  border-radius: 0.6rem;
  display: inline-block;
 

  padding: 15px 10px;
  width: 100%;
  margin: 0px 0px 30px 0px;

}
.venue_box_35 .modal-content
{
  height: auto;
  overflow: hidden;
  border-radius: 0.6rem;
}

.venue_box_35 .modal-body
{
  padding: 10px 10px !important;
}
.venue_box_35 .modal-dialog {
    width: 500px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 1rem  auto !important;
    border-radius: 18px;
}

.cart_shadow
{
  box-shadow: 0px 0px 5px #ddd;
  padding: 40px 40px;
  margin-top: 20px;
  margin-left: 50px;
}

.cart_details_shadow
{
  box-shadow: 0px 0px 5px #ddd;
  padding: 20px 20px;
  margin-bottom: 20px;
}
.bg_tips
{
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 0px 0px 5px #ddd;
}
.cart_price 
{
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #ddd;
}
.bg_tips h4
{
  margin-top: 0px;
  margin-bottom: 10px;
}
.details_cart .table tr td 
{
  color: #222;
  padding: 5px 0px;
}
.details_cart .table tr td:last-child
{
  text-align: right;
}

.details_cart .table tr td h3
{
  margin: 0px;
}

/*--------------------------------------------------------------
# Cart Page
--------------------------------------------------------------*/
.cart-page {
  position: relative;
  display: block;
  background: var(--ogenix-white);
  padding: 110px 0px 120px;
}

.cart-page .table-responsive {
  position: relative;
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media(max-width: 1199px) {
  .cart-table {
    min-width: 1170px;
  }
}

.cart-table {
  margin-bottom: 60px;
}

.cart-table thead th {
  color: var(--ogenix-black);
  font-size: 20px;
  line-height: 30px;
  font-weight: 800;
  padding: 0;
  border: none;
  padding-bottom: 21px;
  letter-spacing: var(--ogenix-letter-spacing);
}

.cart-table thead th:last-child {
  text-align: right;
}

.cart-table tbody tr {
  vertical-align: middle;
}

.cart-table tbody tr:last-child {
  border-bottom: 1px solid #eeede5;
}

.cart-table tbody td {
  font-size: 18px;
  font-weight: 500;
  color: var(--ogenix-gray);
  vertical-align: middle;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eaeae2;
  padding: 30px 20px;
}

.cart-table tbody td:last-child {
  text-align: right;
}

.cart-table .product-box {
  display: flex;
  align-items: center;
}

.cart-table .product-box .img-box {
  position: relative;
  display: block;
  width: 60px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 10px;
}

.cart-table .product-box .img-box img {
  width: 100%;
  height: 70px;
  object-fit: contain;
  border-radius: 10px;
  border: 1px solid #eaeae2;
}

.cart-table h3 {
  color: var(--ogenix-black);
  font-size: 18px;
  font-weight: 800;
  margin: 0;
  text-transform: none;
}

.cart-table h3 a {
  color: var(--ogenix-black);
  transition: all 200ms linear;
  transition-delay: 0.1s;
  font-size: 18px;
}

.cart-table h3 a:hover {
  color: var(--ogenix-base);
}

.cart-table .quantity-box {
  position: relative;
  width: 98px;
  border-radius: 0px;
  height: 50px;
}

.cart-table .quantity-box input {
  width: 98px;
  border-radius: 10px;
  height: 50px;
  border: 0;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  font-family: var(--ogenix-font);
  padding-left: 30px;
  outline: none;
  font-size: 14px;
  font-weight: 500;
  color: var(--ogenix-gray);
  background-color: #f3f3ed;
}

.cart-table .quantity-box button {
  width: 24px;
  height: 24px;
  color: var(--ogenix-gray);
  font-size: 8px;
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: #f3f3ed;
  border: none;
  border-left: 1px solid #eaeae2;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

.cart-table .quantity-box button.sub {
  bottom: 1px;
  top: auto;
  border-top: 1px solid #eaeae2;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.cart-table .cross-icon {
  position: relative;
  display: block;
}

.cart-table .cross-icon i:before {
  position: relative;
  display: inline-block;
  color: var(--ogenix-black);
  font-size: 16px;
}

.cart-cupon__form {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.cart-cupon__input {
  width: 100%;
  max-width: 375px;
  border-radius: 10px;
  background-color: #f3f3ed;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 20px;
  font-family: var(--ogenix-font);
  font-size: 14px;
  color: var(--ogenix-gray);
  height: 50px;
  margin-bottom: 20px;
  border: none;
  outline: none;
  font-weight: 500;
}

.cart-cupon__form ::placeholder {
  color: var(--ogenix-gray);
  opacity: 1;
}

.cart-cupon__form button {
  top: -1px;
  border: none;
  outline: none !important;
}

.cart-total {
  position: relative;
  display: block;
  margin-bottom: 21px;
  margin-top: -7px;
}

.cart-total li {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: var(--ogenix-gray);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}

.cart-total li+li {
  margin-top: 15px;
}

.cart-total li span:first-child {
  display: block;
  color: var(--ogenix-black);
  font-size: 20px;
  margin-right: 75px;
  font-weight: 800;
  width: 135px;
  text-align: right;
  letter-spacing: var(--ogenix-letter-spacing);
}

.cart-total li:nth-child(2) span:first-child {
  position: relative;
  right: 6px;
}

.cart-total-amount {
  color: var(--ogenix-base);
  font-weight: 800;
}

.cart-page__buttons {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.cart-page__buttons-1 {
  position: relative;
  display: block;
}

.cart-page__buttons-1 .thm-btn {
  background: var(--ogenix-black);
}

.cart-page__buttons-1 .thm-btn::before {
  background: #244019;
}

.cart-page__buttons-2 {
  position: relative;
  display: block;
  margin-left: 10px;
}

.cart-page__buttons-2 .thm-btn {
  background-color: var(--ogenix-primary);
}

.cart-page__buttons-2 .thm-btn:before {
  background-color: #f7b534;
}
.cart-table tbody tr td {
    font-size: 18px;
    font-weight: 500;
    color: #222;
    vertical-align: middle;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    padding: 30px 20px;
}
.contact-page__btn {
    background: #e81623 !important;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
}
.btn_address {
    color: #222;
}
/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/
.checkout-page {
  position: relative;
  display: block;
  padding: 110px 0 120px;
}

.checkout-page .billing_details {
  position: relative;
  display: block;
}

.billing_title {
  position: relative;
  display: block;
  margin-bottom: 34px;
}

.billing_title p {
  font-size: 16px;
  margin: 0;
}

.billing_title span {
  color: var(--ogenix-base);
}

.billing_title h2 {
  font-size: 30px;
  line-height: 35px;
  margin: 0;
  font-weight: 800;
  margin-top: 14px;
}

.billing_details_form {
  position: relative;
  display: block;
}

.billing_details_form .bs-gutter-x-20 {
  --bs-gutter-x: 20px;
}


.billing_details_form .btn-light {
  border: none;
}

.billing_details_form .btn-light:hover {
  border: none;
}

.billing_input_box {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.billing_input_box input[type="text"],
.billing_input_box input[type="email"],
.billing_input_box input[type="tel"] {
  height: 50px;
  width: 100%;
  border: none;
  background-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 10px;
  outline: none;
  font-size: 14px;
  color: var(--ogenix-gray);
  display: block;
  font-weight: 500;
  border: 1px solid #ddd;
}

.billing_details .checked-box {
  position: relative;
  display: block;
  margin-top: -6px;
}


.billing_input_box textarea {
 
  width: 100%;
  border: none;
  background-color: #fff;
  padding: 20px 20px;
  border-radius: 10px;
  outline: none;
  font-size: 14px;
  color: var(--ogenix-gray);
  display: block;
  font-weight: 500;
  border: 1px solid #ddd;
}

.billing_details .checked-box label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  margin-right: 0px;
  margin-bottom: 0;
  color: var(--ogenix-gray);
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  text-transform: none;
  cursor: pointer;
  font-family: var(--ogenix-font);
}

.billing_details .checked-box input[type="checkbox"] {
  display: none;
}

.billing_details .checked-box input[type="checkbox"]+label span {
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: transparent;
  background: var(--ogenix-primary);
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 0;
}

.billing_details .checked-box label span:before {
  position: absolute;
  top: 4px;
  left: 6px;
  display: block;
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  content: '';
  width: 6px;
  height: 9px;
  pointer-events: none;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  opacity: 0;
}

.billing_details.checked-box input[type="checkbox"]:checked+label span {
  border-color: #ffffff;
}

.billing_details .checked-box input[type="checkbox"]:checked+label span:before {
  opacity: 1;
}

.ship_different_address_title {
  margin-top: 44px;
}

.ship_different_address_title h2 span::before {
  position: relative;
  display: inline-block;
  color: var(--ogenix-primary);
  font-size: 19px;
  top: -2px;
  left: 15px;
}

.ship_different_address_form .ship_different_input {
  position: relative;
  display: block;
  height: 150px;
}

.ship_different_address_form .ship_different_input textarea {
  font-size: 14px;
  color: var(--ogenix-gray);
  height: 150px;
  width: 100%;
  background-color: #f3f3ed;
  padding: 15px 30px 20px;
  border: none;
  outline: none;
  margin-bottom: 0px;
  border-radius: 10px;
  font-weight: 500;
}

.billing_details_form .select-box .nice-select {
  background-color: #f3f3ed;
  border-radius: 10px;
  color: var(--ogenix-gray);
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  margin-bottom: 20px;
}

.billing_details_form .select-box .nice-select:after {
  position: absolute;
  right: 30px;
}
.offer_box
{
  background-color: #fff;
  padding: 20px 0px 20px 0px ;
}

.offer_tex h4 
{
  margin: 0px 0px 10px 0px;
}

.offer_box
{
  border-bottom: 1px solid #ddd;
}

.order-box
{
   margin-top: 20px;
   margin-left: 50px;
   margin-right: 50px;
}

.white_bg
{
  background-color: #fff;
}

.referal_box
{
  border: 1px solid #ddd;
    padding: 20px 20px;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 10px;
}

.card_box
{
  padding: 10px 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 20px;
}

.card_box img 
{
  float: left;
  width: 100px;
  padding: 0px 15px;
}

.card_box h4 
{
  margin: 0px;
  font-weight: 400;
  font-size: 16px;
}

.card_box .btn-delete
{
  border: 1px solid #ddd;
  padding: 15px 20px;
  margin-top: -12px;
  border-radius: 10px;
  background-color: transparent;
  color: #222;

}

.card_secure
{
  margin-top: 10px;
}

.area_box
{
  height: 300px;
  padding-right: 10px;
  overflow-y: scroll;
}
.area_box img
{
  padding-bottom: 10px;
}
.area_box p 
{
  margin-bottom: 10px;
}
.area_box::-webkit-scrollbar-track
{
  
  background-color: #F5F5F5;
}

.area_box::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

.area_box::-webkit-scrollbar-thumb
{
  background-color: #ddd;
}
.area_box ul li a
{
  display: block;
}
.area_box ul li
{
  display: inline-block;
  width: 19%;
  margin: auto;
  text-align: center;
}

.box-date
{
  height: 50px;
    width: 100%;
    border: none;
    background-color: #fff;
    padding: 12px;
    border-radius: 10px;
    outline: none;
    font-size: 14px;
    color: var(--ogenix-gray);
    display: block;
    font-weight: 500;
    border: 1px solid #ddd;
    text-align: center;
}

.box-date p 
{
  float: left;
  text-align: right;
}

.box-date select
{
  padding: 0px 10px;
  border: none;
}
.box-date select:focus
{
 
  border: none;
  outline: none;
}

.btn-picture
{
  position: absolute;
  right: 40px;
  bottom: 40px;
  font-weight: 700;
    line-height: 16px;
    letter-spacing: 0ch;
    text-transform: none;
    color: rgb(25, 25, 25);
    text-align: left;
    border-radius: 24px;
    padding: 10px 20px;
    display: block;
    background-color: rgb(255, 255, 255);
}

.btn-picture:focus
{
  
  font-weight: 700;
    line-height: 16px;
    letter-spacing: 0ch;
    text-transform: none;
    color: rgb(25, 25, 25);
    text-align: left;
    border-radius: 24px;
    padding: 10px 20px;
    display: block;
    background-color: rgb(255, 255, 255);
}

.food_box_img ul li
{
  display: inline-block;
  width: 200px;
  height: 200px;
  overflow: hidden;

}
.food_box_img ul li img 
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
  
}

.login_from i 
{
  color: #e81623;
}
.login_from
{
  
}

.login_from input 
{
 position: relative;
    
    padding: 1.25rem 1.15rem;
    height: 4.8rem;
    background: rgb(255, 255, 255);
    border:1px solid rgb(207, 207, 207);;
    font-size: 18px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    border-radius: 0.6rem;
    color: rgb(28, 28, 28);
    box-shadow: none !important;
}

.login_from input:focus 
{
 position: relative;
    
    padding: 1.25rem 1.15rem;
    height: 4.8rem;
    background: rgb(255, 255, 255);
    border:1px solid rgb(207, 207, 207);;
    font-size: 18px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    border-radius: 0.6rem;
    color: rgb(28, 28, 28);
    box-shadow: none !important;
}

.login_from_textarea
{
  position: relative;
    
    padding: 1.25rem 1.15rem;
    height: auto !important;
    background: rgb(255, 255, 255);
    border:1px solid rgb(207, 207, 207);;
    font-size: 18px;
    width: 100%;
    outline: none;
    box-sizing: border-box;
    border-radius: 0.6rem;
    color: rgb(28, 28, 28);
}
.login_from_textarea textarea 
{
 box-shadow: none;
    border: none;
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: normal;
    padding: 0px 10px;
}
.btn-otp
{
    background: #e81623;
    border-color: #e81623;
    border-width: 0px;
    border-style: solid;
    border-radius: 0.6rem;
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 10px;
}
.btn-otp:hover
{
    background: #cd202b;
    border-color: #cd202b;
    color: #fff;
}

.login_from input::placeholder
{
  color: #696969 !important;
  font-size: 20px;
}

.login_from a 
{
  color: #696969;
  text-align: center;
  display: block;
  font-weight: normal;
  font-size: 20px;
}

.login_text p 
{
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
}

.login_flex
{
  
}

.country_icon img 
{
  width: 15px;
  float: left;
  margin-top: 5px;
}
.country_icon .form-control {
    box-shadow: none;
    outline: none;
    height: auto !important;
    border: none;
    width: auto;
    padding: 0px 0px;
}

.text_feild
{
  border-left: 1px solid #ddd;
}

.modal-title
{
  font-size: 24px;
}
.form-group
{
  
}

.signup_link a img 
{
  width: 20px;
  border-radius: 50%;
}
.signup_link i 
{
  color: #e81623;
}
.signup_link a 
{
  background: #fff;
  border: 1px solid rgb(207, 207, 207);
  color: rgb(105, 105, 105);
  font-weight: 400;
  border-radius: 0.6rem;
  display: inline-block;
  

  padding: 10px 10px;
  width: 100%;
  margin: 0px 0px 10px 0px;

}
.signup_link a:hover
{
  background: #fff !important;
  border: 1px solid rgb(207, 207, 207);
  color: rgb(105, 105, 105);
  
  border-radius: 0.6rem;
  display: inline-block;
  

}


/*   venue_box_25  */

.venue_box_25 .modal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    border-radius: 0px;
    background-color: rgba(26,26,26,0.9);
}
.venue_box_25 .modal-dialog {
    width: 800px   !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 5rem auto !important;
    border-radius: 18px;
}

.venue_box_25 .modal-content
{
  height: auto;
  overflow: hidden;
  border-radius: 0.6rem;
}

.venue_box_25 .modal-body
{
  padding: 10px 0px !important;
}

.header_title_model
{
  margin-bottom: 20px;
}

.venue_box_40 .modal-dialog
{
  width: 350px;
  margin: 0px 0px;
  position: absolute;
  right: 0px;
}

.venue_box_40 .modal-content
{
  height: 100vh;
  overflow: hidden;
  border-radius: 0rem;
}

.venue_box_40 .modal-body
{
  padding: 10px 0px !important;
}

.venue_box_40 .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.cart_box_img
{
    float: left;
    width: 80px;
    margin-right: 20px;
}
.cart_box_img img 
{
  width: 100%;
  border-radius: 5px;
}

.cart_box h5 
{
  
    margin-top: 0px;
    margin-bottom: 5px;
}
.cart_number
{
  width: 100px;
  display: inline-block;
}

.remove_cart .btn{
    margin-top: -40px;
    display: block;
    float: right;
    color: #222;
    text-decoration: underline;
    padding: 5px 10px;
    font-size: 16px;
    background-color: transparent;
}
.remove_cart .btn:focus
{
  color: #e81623;
}
.cart_menu_box
{
  border-bottom: 1px solid #f1f1f1;
  padding-top: 20px;
  padding-bottom: 20px;
}

.scroll_cart
{
  height: 450px;
  overflow-y: scroll;
}

.scroll_cart
{

}

/* Create three equal columns that floats next to each other */
.scroll_cart::-webkit-scrollbar-track
{
  
  background-color: #fff;
}

.scroll_cart::-webkit-scrollbar
{
  width: 2px;
  background-color: rgba(240,240,240);
}

.scroll_cart::-webkit-scrollbar-thumb
{
  background-color: rgba(240,240,240);
}

.total_cart
{
  padding: 20px 0px;
}

#footer .table>tbody>tr>td, 
#footer .table>tbody>tr>th, 
#footer .table>tfoot>tr>td, 
#footer .table>tfoot>tr>th, 
#footer .table>thead>tr>td, 
#footer .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.car_product_img img 
{
  float: left;
  width: 88px;
  border-radius: 5px;
  margin-right: 10px;
}
.car_product_img p
{
      font-size: 12px;
    line-height: 18px;
}
.qty_number .input-group
{
  margin-top: 0px !important;
}

.car_product_img h4 
{
  display: block!important;
    overflow: hidden!important;
    font-weight: normal !important;
    display: -webkit-box !important;
    font-size: 16px;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 5px;
    width: 200px;
}

.cart_btn .btn 
{
  background-color: #fff;
  color: #222;
  padding: 5px 10px;
  font-size: 20px;
}

.cart_btn .btn:focus
{
  color: #e81623;
  background-color: transparent;
}

.table .cart_number
{
  width: 70%;
}

.details_cart 
{
  
}
.details_cart .table tr td 
{
  color: #222;
  padding: 5px 0px;
  border: none;
  font-size: 13px;
}

.details_cart  .icon-info
{
  cursor: pointer;
}

/* CSS */
.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  
}

.tooltip {
  visibility: hidden;
  width: 200px;
  background-color: #000;
  color: #fff;
  text-align: left;
  border-radius: 4px;
  padding: 6px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.tooltip p 
{
  color: #fff;
}
.tooltip table tr td 
{
  color: #fff !important;
}
.tooltip-container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.table-tooltip
{
  width: 100%;

}

.coupan_box a
{
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
.coupan_box img 
{
  width: 20px;
}
.coupan_box a
{
  border: 1px dashed #60b246; 
   height: 60px;
   line-height: 60px;
   background-color: #fff;
   box-shadow: none;
   color: #60b246;
   font-size: 16px;
   padding: 0px 20px;
   margin-bottom: 25px;
   display: block;
}
.coupan_box a:hover,.coupan_box a:focus
{
  border: 1px dashed #60b246; 
   height: 60px;
   line-height: 60px;
   background-color: #fff;
   box-shadow: none;
   color: #60b246 !important;
   font-size: 16px;
}
.coupan_box a::placeholder
{
  background-color: #fff;
   box-shadow: none;
   
   font-size: 12px !important;
}
.cart_box_menu .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
}
.cart_box_menu
{
  padding: 10px;
    background-color: #f1f1f1;
}
.cart_box_menu .table
{
  background-color: #fff;
}
.cart_box_menu table tr th
{
  background-color: #fff;
}
.cart_box_menu table tr td 
{

}

.cart_box_menu .table>tbody>tr>td, 
.cart_box_menu .table>tbody>tr>th, 
.cart_box_menu .table>tfoot>tr>td, 
.cart_box_menu .table>tfoot>tr>th, 
.cart_box_menu .table>thead>tr>td, 
.cart_box_menu .table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
}

.height_box  .btn-add-cart 
{
  margin: 10px auto  auto auto !important;
  text-align: center;
}

.venue_box_30 .modal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    border-radius: 0px;
    background-color: rgba(26,26,26,0.9);
}
.venue_box_30 .modal-dialog {
    width: 700px  !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 6rem    auto !important;
    border-radius: 18px;
}

.venue_box_30 .modal-content
{
  height: auto;
  overflow: hidden;
  border-radius: 0.6rem;
}

.venue_box_30 .modal-body
{
  padding: 10px 0px !important;
}


.btn-check
{
  float: right !important;
  width: auto;
  z-index: 9999;
  position: absolute;
  right: 5px;
  top: 1px;
  padding: 12px 30px;
  border-radius: 0px 6px 6px 0px;
}

.coupon_scroll
{
  height: 300px;
  overflow-y: scroll;
}

.coupon_scroll::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.coupon_scroll::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

.coupon_scroll::-webkit-scrollbar-thumb
{
  background-color: #000000;
}

.collapse_box
{
  padding: 0px 0px;
}

.collapse_box h5 a 
{
  border: none !important;
  margin-bottom: 20px;
  padding: 0px 0px;
  display: block;
}

.collapse_box p 
{
    font-size: 13px !important;
    line-height: normal;
    margin-bottom: 10px;
    font-weight: 400 !important;
}


#app-cover {
  display: table;
  width: 600px;
  margin: 80px auto;
  counter-reset: button-counter;
}



.toggle-button-cover {
  display: table-cell;
  position: relative;
  width: 200px;
  
  box-sizing: border-box;
}

.button-cover {
  background-color: #fff;
  box-shadow: 0 10px 20px -8px #c5d6d6;
  border-radius: 4px;
}

.button-cover:before {
  counter-increment: button-counter;
  content: counter(button-counter);
  position: absolute;
  right: 0;
  bottom: 0;
  color: #d7e3e3;
  font-size: 12px;
  line-height: 1;
  padding: 5px;
}

.button-cover,
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  position: relative;
  top: 50%;
  width: 69px;
  height: 36px;
  overflow: hidden;
}

.button.r,
.button.r .layer {
  border-radius: 100px;
}

.button.b2 {
  border-radius: 2px;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}

.knobs {
  z-index: 2;
}

.layer {
  width: 100%;
  background-color: #ebf7fc;
  transition: 0.3s ease all;
  z-index: 1;
}

/* Button 1 */
#button-1 .knobs:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #03a9f4;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:before {
  content: "";
  left: 42px;
  background-color: #f44336;
}

#button-1 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
  transition: 0.3s ease all;
}

/* Button 2 */
#button-2 .knobs:before,
#button-2 .knobs:after {
  content: "YES";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #03a9f4;
  border-radius: 50%;
  transition: 0.3s ease all;
}

#button-2 .knobs:before {
  content: "YES";
}

#button-2 .knobs:after {
  content: "NO";
}

#button-2 .knobs:after {
  right: -28px;
  left: auto;
  background-color: #f44336;
}

#button-2 .checkbox:checked + .knobs:before {
  left: -28px;
}

#button-2 .checkbox:checked + .knobs:after {
  right: 4px;
}

#button-2 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 3 */
#button-3 .knobs:before {
  content: "YES";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #03a9f4;
  border-radius: 50%;
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

#button-3 .checkbox:active + .knobs:before {
  width: 46px;
  border-radius: 100px;
}

#button-3 .checkbox:checked:active + .knobs:before {
  margin-left: -26px;
}

#button-3 .checkbox:checked + .knobs:before {
  content: "NO";
  left: 42px;
  background-color: #f44336;
}

#button-3 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 4 */
#button-4 .knobs:before,
#button-4 .knobs:after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #03a9f4;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-4 .knobs:before {
  content: "YES";
}

#button-4 .knobs:after {
  content: "NO";
}

#button-4 .knobs:after {
  top: -28px;
  right: 4px;
  left: auto;
  background-color: #f44336;
}

#button-4 .checkbox:checked + .knobs:before {
  top: -28px;
}

#button-4 .checkbox:checked + .knobs:after {
  top: 4px;
}

#button-4 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 5 */
#button-5 {
  perspective: 60px;
  overflow: visible;
}

#button-5 .knobs:before,
#button-5 .knobs span {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-5 .knobs:before {
  background-color: #03a9f4;
}

#button-5 .knobs span:before {
  content: "YES";
}

#button-5 .knobs:before,
#button-5 .layer {
  transform: rotateY(0);
  transform-origin: center;
}

#button-5 .checkbox:checked + .knobs:before,
#button-5 .checkbox:checked + .knobs span {
  left: 42px;
}

#button-5 .checkbox:checked + .knobs:before {
  transform: rotateY(180deg);
  background-color: #f44336;
}

#button-5 .checkbox:checked + .knobs span:before {
  content: "NO";
  left: 42px;
}

#button-5 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
  transform: rotateY(-180deg);
}

#button-5 .knobs,
#button-5 .knobs:before,
#button-5 .layer {
  transition: 0.3s ease all;
}

/* Button 6 */
#button-6 {
  overflow: visible;
}

#button-6 .knobs:before {
  content: "YES";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #03a9f4;
  border-radius: 50%;
}

#button-6 .layer,
#button-6 .knobs,
#button-6 .knobs:before {
  transform: rotateZ(0);
  transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-6 .checkbox:checked + .knobs {
  transform: rotateZ(-180deg);
}

#button-6 .checkbox:checked + .knobs:before {
  content: "NO";
  background-color: #f44336;
  transform: rotateZ(180deg);
}

#button-6 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
  transform: rotateZ(180deg);
}

/* Button 7 */
#button-7 .knobs:before,
#button-7 .knobs:after,
#button-7 .knobs span {
  position: absolute;
  top: 4px;
  width: 20px;
  height: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 50%;
}

#button-7 .knobs:before {
  content: "YES";
  left: 4px;
  color: #fff;
  opacity: 1;
}

#button-7 .knobs:after {
  content: "N";
  left: 42px;
  color: #fff;
  width: 14px;
  text-align: left;
  padding: 9px 7px;
  background-color: #f44336;
  opacity: 0;
}

#button-7 .knobs:before,
#button-7 .knobs:after {
  transition: 0.3s ease all;
  z-index: 2;
}

#button-7 .knobs span {
  left: 4px;
  background-color: #03a9f4;
  transition: 0.2s ease all;
  z-index: 1;
}

#button-7 .checkbox:checked + .knobs:before {
  opacity: 0;
}

#button-7 .checkbox:checked + .knobs:after {
  opacity: 1;
}

#button-7 .checkbox:checked + .knobs span {
  top: 14px;
  left: 56px;
  width: 2px;
  height: 2px;
  padding: 3px;
  background-color: #fff;
  z-index: 3;
}

#button-7 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 8 */
#button-8 .knobs:before,
#button-8 .knobs:after,
#button-8 .knobs span {
  position: absolute;
  top: 4px;
  width: 20px;
  height: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 50%;
  transition: 0.3s ease all;
}

#button-8 .knobs:before {
  content: "YES";
  color: #fff;
  left: 4px;
}

#button-8 .knobs:after {
  content: "NO";
  left: 42px;
  color: #fff;
  background-color: #f44336;
  opacity: 0;
}

#button-8 .knobs:before,
#button-8 .knobs:after {
  z-index: 2;
}

#button-8 .knobs span {
  left: 4px;
  background-color: #03a9f4;
  z-index: 1;
}

#button-8 .checkbox:checked + .knobs:before {
  opacity: 0;
}

#button-8 .checkbox:checked + .knobs:after {
  opacity: 1;
}

#button-8 .checkbox:checked + .knobs span {
  background-color: #fcebeb;
  transform: scale(4);
}

/* Button 9 */
#button-9 .knobs:before,
#button-9 .knobs:after,
#button-9 .knobs span {
  position: absolute;
  top: 4px;
  width: 20px;
  height: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 50%;
  transition: 0.4s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-9 .knobs:before {
  content: "YES";
  left: 4px;
}

#button-9 .knobs:after {
  content: "NO";
  right: -24px;
}

#button-9 .knobs:before,
#button-9 .knobs:after {
  color: #fff;
  z-index: 2;
}

#button-9 .knobs span {
  left: 4px;
  background-color: #03a9f4;
  z-index: 1;
}

#button-9 .checkbox:checked + .knobs:before {
  left: -24px;
}

#button-9 .checkbox:checked + .knobs:after {
  right: 4px;
}

#button-9 .checkbox:checked + .knobs span {
  left: 42px;
  background-color: #f44336;
}

#button-9 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 10 */
#button-10 .knobs:before,
#button-10 .knobs:after,
#button-10 .knobs span {
  position: absolute;
  top: 4px;
  width: 20px;
  height: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 2px;
  transition: 0.3s ease all;
}

#button-10 .knobs:before {
  content: "";
  left: 4px;
  background-color: #03a9f4;
}

#button-10 .knobs:after {
  content: "NO";
  right: 4px;
  color: #4e4e4e;
}

#button-10 .knobs span {
  display: inline-block;
  left: 4px;
  color: #fff;
  z-index: 1;
}

#button-10 .checkbox:checked + .knobs span {
  color: #4e4e4e;
}

#button-10 .checkbox:checked + .knobs:before {
  left: 42px;
  background-color: #f44336;
}

#button-10 .checkbox:checked + .knobs:after {
  color: #fff;
}

#button-10 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 11 */
#button-11 {
  overflow: visible;
}

#button-11 .knobs {
  perspective: 70px;
}

#button-11 .knobs:before,
#button-11 .knobs:after,
#button-11 .knobs span {
  position: absolute;
  top: 4px;
  border-radius: 2px;
}

#button-11 .knobs:before,
#button-11 .knobs:after {
  width: 20px;
  height: 10px;
  color: #4e4e4e;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
}

#button-11 .knobs:before {
  content: "YES";
  left: 4px;
}

#button-11 .knobs:after {
  content: "NO";
  right: 4px;
}

#button-11 .knobs span {
  right: 4px;
  width: 33px;
  height: 28px;
  background-color: #03a9f4;
  transform: rotateY(0);
  transform-origin: 0% 50%;
  transition: 0.6s ease all;
  z-index: 1;
}

#button-11 .checkbox:checked + .knobs span {
  transform: rotateY(-180deg);
  background-color: #f44336;
}

#button-11 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 12 */
#button-12 .knobs:before,
#button-12 .knobs:after,
#button-12 .knobs span,
#button-12 .knobs span:before,
#button-12 .knobs span:after {
  position: absolute;
  top: 4px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  border-radius: 2px;
  transition: 0.3s ease all;
}

#button-12 .knobs:before {
  content: "YES";
  left: 4px;
}

#button-12 .knobs:after {
  content: "NO";
  right: 4px;
}

#button-12 .knobs:before,
#button-12 .knobs:after {
  width: 27px;
  height: 10px;
  color: #4e4e4e;
  padding: 9px 3px;
  z-index: 1;
}

#button-12 .knobs span {
  display: inline-block;
  z-index: 2;
}

#button-12 .knobs span,
#button-12 .knobs span:before,
#button-12 .knobs span:after {
  width: 20px;
  height: 10px;
  padding: 9px 4px;
}

#button-12 .knobs span:before,
#button-12 .knobs span:after {
  content: "";
  top: 0;
}

#button-12 .knobs span:before {
  left: -28px;
  background-color: #f44336;
}

#button-12 .knobs span:after {
  right: -42px;
  background-color: #03a9f4;
}

#button-12 .checkbox:checked + .knobs span:before {
  left: 4px;
}

#button-12 .checkbox:checked + .knobs span:after {
  right: -74px;
}

#button-12 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 13 */
#button-13 .knobs:before,
#button-13 .knobs:after,
#button-13 .knobs span {
  position: absolute;
  top: 4px;
  width: 20px;
  height: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 2px;
  transition: 0.3s ease all;
}

#button-13 .knobs:before,
#button-13 .knobs:after {
  color: #4e4e4e;
  z-index: 1;
}

#button-13 .knobs:before {
  content: "YES";
  left: 4px;
}

#button-13 .knobs:after {
  content: "NO";
  right: 4px;
}

#button-13 .knobs span {
  width: 25px;
  left: 37px;
  background-color: #03a9f4;
  z-index: 2;
}

#button-13 .checkbox:checked + .knobs span {
  left: 4px;
  background-color: #f44336;
}

#button-13 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 14 */
#button-14 .knobs:before,
#button-14 .knobs:after,
#button-14 .knobs span:before,
#button-14 .knobs span:after {
  position: absolute;
  top: 4px;
  width: 20px;
  height: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  border-radius: 2px;
  transition: 0.3s ease all;
}

#button-14 .knobs:before,
#button-14 .knobs:after {
  color: #4e4e4e;
  z-index: 1;
}

#button-14 .knobs:before {
  content: "YES";
  left: 4px;
}

#button-14 .knobs:after {
  content: "NO";
  right: 4px;
}

#button-14 .knobs span {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

#button-14 .knobs span:before {
  left: 4px;
  top: -28px;
  background-color: #f44336;
}

#button-14 .knobs span:after {
  top: 4px;
  left: 39px;
  background-color: #03a9f4;
}

#button-14 .knobs span:before,
#button-14 .knobs span:after {
  content: "";
  width: 23px;
  z-index: 2;
}

#button-14 .checkbox:checked + .knobs span:before {
  top: 4px;
}

#button-14 .checkbox:checked + .knobs span:after {
  top: -28px;
}

#button-14 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 15 */
#button-15 .knobs:before,
#button-15 .knobs:after {
  position: absolute;
  top: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  opacity: 1;
  border-radius: 2px;
  transform: scale(1);
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-15 .knobs:before {
  content: "YES";
  left: 4px;
  background-color: #03a9f4;
}

#button-15 .knobs:after {
  content: "NO";
  right: 4px;
  opacity: 0;
  transform: scale(4);
  background-color: #f44336;
}

#button-15 .checkbox:checked + .knobs:before {
  opacity: 0;
  transform: scale(4);
}

#button-15 .checkbox:checked + .knobs:after {
  opacity: 1;
  transform: scale(1);
}

#button-15 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 16 */
#button-16 .knobs:before {
  content: "YES";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
  background-color: #03a9f4;
  border-radius: 2px;
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
}

#button-16 .checkbox:active + .knobs:before {
  width: 46px;
}

#button-16 .checkbox:checked:active + .knobs:before {
  margin-left: -26px;
}

#button-16 .checkbox:checked + .knobs:before {
  content: "NO";
  left: 42px;
  background-color: #f44336;
}

#button-16 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 17 */
#button-17 .knobs:before,
#button-17 .knobs span {
  content: "YES";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 20px;
  height: 10px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 9px 4px;
}

#button-17 .knobs:before {
  transition: 0.3s ease all, left 0.5s cubic-bezier(0.18, 0.89, 0.35, 1.15);
  z-index: 2;
}

#button-17 .knobs span {
  background-color: #03a9f4;
  border-radius: 2px;
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
  z-index: 1;
}

#button-17 .checkbox:checked + .knobs:before {
  content: "NO";
  left: 42px;
}

#button-17 .checkbox:checked + .knobs span {
  left: 42px;
  background-color: #f44336;
}

#button-17 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}

/* Button 18 */
#button-18 .knobs:before,
#button-18 .knobs span {
  content: "YES";
  position: absolute;
  top: 4px;
  left: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  background-color: #03a9f4;
  border-radius: 2px;
}

#button-18 .knobs:before {
  top: 50%;
  left: 8px;
  width: 20px;
  height: 10px;
  margin-top: -5px;
  background-color: transparent;
  z-index: 2;
}

#button-18 .knobs span {
  width: 20px;
  height: 10px;
  padding: 9px 4px;
  transition: 0.3s ease all, left 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15);
  z-index: 1;
}

#button-18 .checkbox:active + .knobs:before {
  left: 10px;
  width: 46px;
  height: 4px;
  color: transparent;
  margin-top: -2px;
  background-color: #0095d8;
  transition: 0.3s ease all;
  overflow: hidden;
}

#button-18 .checkbox:active + .knobs span {
  width: 58px;
}

#button-18 .checkbox:checked:active + .knobs:before {
  left: auto;
  right: 10px;
  background-color: #d80000;
}

#button-18 .checkbox:checked:active + .knobs span {
  margin-left: -38px;
}

#button-18 .checkbox:checked + .knobs:before {
  content: "NO";
  left: 47px;
}

#button-18 .checkbox:checked + .knobs span {
  left: 42px;
  background-color: #f44336;
}

#button-18 .checkbox:checked ~ .layer {
  background-color: #fcebeb;
}


.sweet_icon_box a 
{
  display: block;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 0px 0px 5px #ddd;
  border-radius: 10px;
}

.cart_box_price i 
{
    float: right;
    margin-top: 18px;
    font-size: 25px;
}

.customize a 
{
  font-weight: 500 !important;
  margin-top: 10px;
  border-radius: 10px !important;
  padding: 10px 30px !important;
  color: #fff !important;
  
  border:1px solid #e81623;
  background-color: #e81623;
 
  width: auto;
  text-align: center;
  width: 200px;
}

.customize a:hover
{
  border:1px solid #e81623;
  color: #e81623 !important;
}

.customize_box a
{ 
   display: block;
}

.customize_box h4 
{
  position: absolute;
    top: 35px;
    left: 40px;
    font-size: 30px;
    line-height: 40px;
    width: 200px;
}

.customize_box a img
{
  animation: .5s cubic-bezier(.26,.54,.32,1) 0s forwards;
    animation-name: image-fade-in;
}

.img-box-coporate a img
{
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.nav-bar-box .nav-tabs
{
   text-align: center;
   margin: auto;
}
.nav-bar-box .nav-tabs>li>a
{
   border: 1px solid #fff;
   padding: 7px 40px;
   border-radius: 30px;
   text-transform: uppercase;
}
.nav-bar-box .nav-tabs>li.active>a, 
.nav-bar-box .nav-tabs>li.active>a:hover, 
.nav-bar-box .nav-tabs>li.active>a:focus 
{
  border: 1px solid rgba(195,164,95,1);
    position: relative;
    color: #c3a45f;
    
}

.nav-bar-box .nav-tabs>li {
    float: none ;
    margin-bottom: 0px;
    display: inline-block;
}

.sweet_box_img img 
{
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.relationship_box
{
  box-shadow: 0px 5px 10px #ddd;
  border-radius: 0px !important;
}
.relationship_box h4
{ 
    
    text-align: center;
    background-color: #fff;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    overflow: hidden;
    font-weight: 700;
    z-index: 1;
    margin: 0px 0px !important;

}
.relationship_box img
{
  border-radius: 0px;
}

.cat_inline_block ul li
{
  display: inline-block;
  width: 19%;
  margin-right: 5px;
}

.read_box a 
{
  display: block;
  text-align: right;
  font-weight: 500;
  font-size: 20px;
  color: #222;
}

.middle_banner img 
{
  border-radius: 10px;
  height: 200px;
  object-fit: cover;
}
.icon_box
{
  border-radius: 100%;
  border: 1px solid #ddd;
}
.icon_box img 
{
  width: 100%;
  text-align: center;
  border-radius: 100%;
}
.how_work
{
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #fff;

}
.how_work img 
{
  width: 25%;
  margin: auto;
}

.hover14 img 
{
  width: 100%;
  border-radius: 10px;
}

.bg_cart
{
  background-color: #fff;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 0px;
  box-shadow: 0px 0px 5px #ddd;
}
.bg_cart
{
  padding: 10px 10px;
}
.bg_cart::-webkit-scrollbar-track
{
  background-color: #F5F5F5;
}

.bg_cart::-webkit-scrollbar
{
  width: 2px;
  background-color: transparent;
  border-radius: 5px;
}

.bg_cart::-webkit-scrollbar-thumb
{
  background-color: #555;
}
.bg_cart table
{
  width: 100%;
}
.bg_cart table tr
{
  border-bottom: 1px solid #ddd;
}
.bg_cart table tr td
{
  padding: 10px 5px;
}
.bg_cart table tr th
{
   font-weight: 500;
}
.bg_cart table tr td h4
{
  margin: 0px 0px;
  line-height: normal;
  font-size: 14px;
}
.bg_cart img
{
   padding: 0px;
   width: 75px;
   float: left;
   margin-right: 10px;
}
.bg_cart small
{
  font-size: 12px;
  font-weight: 500;
  color: #007600!important;
}
.btn-tips:hover
{
  color: #fff;
  background-color: #e81623;
  border: 1px solid #e81623;
}
.btn-tips:focus
{
  color: #fff;
  background-color: #e81623;
  border: 1px solid #e81623;
}
.btn-tips
{
  color: #222;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 20px;
  padding: 6px 12px;
  width: auto;
  margin-bottom: 10px;
  font-weight: 500;
  margin-left: 0px;
}

.btn-instructions
{
  width: auto;
  background-color: transparent;
  border: none;
}
.btn-instructions:focus
{
  background-color: #fff;
}
.instructions_tips p 
{
  font-size: 10px;
    line-height: normal;
}
.btn-instructions
{
  border: 1px solid #ddd;
  padding: 10px 5px;
  margin-top: 10px;
  border-radius: 10px;
  width: 100%;
}
.btn-instructions h6 
{
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 16px;
}

.graf_text h3
{
   margin: 0px 0px 0px 0px;
}

.btn-rating-bar
{
  padding: auto;
  color: #222;
  background-color: transparent;
}

.review_box_bg
{
  padding: 0px 10px 10px 10px ;
  margin: 0px 10px;
}

.review_box_bg
{
  
  padding-top: 10px;
  height: 300px;
  overflow-y: scroll;
}

.review_box_bg::-webkit-scrollbar-track
{
  background-color: #F5F5F5;
}

.review_box_bg::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 5px;
}

.review_box_bg::-webkit-scrollbar-thumb
{
  background-color: #555;
}

.review_title
{
  margin-bottom: 5px;
}

.review_item
{
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  padding-top: 10px;
}

.slider_box_img .nav-pills>li.active>a,
.slider_box_img .nav-pills>li.active>a:focus,
.slider_box_img .nav-pills>li.active>a:hover {
    background-color: #fff !important;
    color: #fff !important;
}

.slider_box_img .nav-pills>li>a:hover
{
 background-color: #fff !important;
}

.slider_box_img .nav-pills>li>a
{
 background-color: #fff !important;
}
.cart_box_position
{
  /* position: absolute; */
  right: 10px;
  width: 90%;
  /* background-color: #fff; */
}

.remove_cart_page .btn 
{
  padding: 10px;
  color: #222;
  background-color: transparent;
  font-size: 20px;
  margin-right: 0px;
  margin-top: 0px;
}
.remove_cart_page .btn:focus 
{
  color: #e81623;
}

.scroll_pop
{
  height: 300px;
  overflow-y: scroll;
}

/* Create three equal columns that floats next to each other */
.scroll_pop::-webkit-scrollbar-track
{
  
  background-color: #fff;
}

.scroll_pop::-webkit-scrollbar
{
  width: 4px;
  background-color: #ddd;
}

.scroll_pop::-webkit-scrollbar-thumb
{
  background-color: #222;
}
.product_price  ul
{
  margin-left: 30px;
}
.product_price  ul li
{
  list-style: disc;
}
.product_price
{
  margin-bottom: 30px;
}
.product_price h5
{
  color: #08843b;
  font-size: 20px;
}
.product_price img 
{
  width: 20px;
}

.img_review_list ul li
{
  display: inline-block;
}
.img_review_list ul
{
  margin-top: 10px;
}
.img_review_list ul li
{
  
  border:1px solid #ddd;
  border-radius: 5px;
}

.img_review_list ul li img 
{
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.brand_img
{
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 10px;
}
.brand_img span img 
{
  width: 100px;
}
.brand_img img 
{
  width: 100%;
  border-radius: 10px;
}

.banner_main_box img
{
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
}

.btn-review {
    color: #222;
    padding: 10px;
    display: block;
    font-weight: 500;
}

.bg_orders img 
{
  width: 100px;
}
.bg_orders .table
{
  width: 100%;
}
.bg_orders .table tr
{
  
}
.bg_orders .table tr th
{
  border-bottom: 1px solid #ddd;
}
.bg_orders .table tr td
{
  padding: 10px 5px;
  border-bottom: 1px solid #ddd;
}
.bg_cart .table tr td h4
{
  margin: 0px 0px;
  line-height: normal;
  font-size: 16px;
}
.bg_orders img
{
   padding: 0px;
   width: 100px;
}
.bg_orders small
{
  font-size: 12px;
  font-weight: 500;
}


.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 16px;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 1px solid #222;
    border-radius: 0px;
    text-align: center;
    color: #222;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 16px;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 1px solid #222;
    border-radius: 0px;
    text-align: center;
    color: #222;
    margin-bottom: 30px;

}
.filter-button:focus
{
    font-size: 16px;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-bottom: 1px solid #e81623;
    border-radius: 0px;
    text-align: center;
    color: #e81623;
    margin-bottom: 30px;
    background-color: transparent !important;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 10px;
    text-align: center;
    box-shadow: 0px 0px 15px #ddd;
    border-radius: 20px;
}

.gallery_product img 
{
  width: 100%;
  
  border-radius: 10px 10px 0px 0px;
}

.gallery_product h4 

{
  padding: 20px 0px;
  margin: 0px;
}
.shopping_cart_img
{
  display: flex;
}
.shopping_cart_img img 
{
  height: 100px;
  width: auto !important;
  /* margin: 10px; */
}

.shopping_cart_check
{
  display: flex;
}
.shopping_cart_details
{
  /* padding: 10px; */
  flex: auto;
}
.shopping_cart_details p
{
  line-height: normal;
}
.shopping_cart_details ul li a
{
   font-size: 12px;
}
.shopping_cart_details ul li 
{
  display: inline-block;
  margin-right: 10px;
}
.shopping_box
{
    display: flex!important;
    flex-direction: row;
    /* border-bottom: 1px solid #ddd; */
    /* padding-bottom: 20px; */
}

.shopping_cart_check 
{
  padding: 0px 10px 0px 0px;
}

.shopping_cart_details h4 
{
  margin: 5px 0px 0px 0px;
  font-size: 18px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: normal;
}

.placed_box
{
    border-top: 1px solid #f0f0f0;
    background: #fff;
    padding: 16px 22px;
    box-shadow: 0 -2px 10px 0 rgba(0,0,0,.1);
    margin-bottom: 10px;
    border-radius: 0px 0px 10px 10px;
}
.btn-placed
{
  background: #e81623;
    color: #fff;
    margin-top: 0px;
    border-radius: 30px;
    text-transform: uppercase;
}

.btn-placed:hover
{
  background: #e81623;
    color: #fff;
    margin-top: 0px;
    border-radius: 30px;
    text-transform: uppercase;
}
.placed_sticky
{
  position: -webkit-sticky;
    position: sticky;
    top: 0%;
    bottom: 0;
    z-index: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.placed_sticky_bill
{
  position: -webkit-sticky;
    position: sticky;
    top: 0%;
    bottom: 0;
    z-index: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.cart_title
{
  margin-top: 0px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
  font-size: 18px;
}

.sticky
{
  position:-webkit-sticky;
  position:sticky;
  top:10px;
}

.cat_box_img
{
  margin-bottom: 20px;
}

.cat_box_img h3 
{
  font-size: 40px;
}

.cat_box_img a 
{
  display: block;
}

.cat_box_img a img 
{
  width: 100%;
  max-width: 100%;
  /* max-width: 100%; */
  /* height: 200px; */
  border-radius: 10px;
  object-fit: cover;
}

.owl-carousel .owl-buttons
{
     display:none; 
}
.owl-carousel:hover .owl-buttons
{
    display:inherit;
}
.owl-carousel .owl-buttons div {
      background: rgba(255, 255, 255, 0.8);
      color: #222;
      font-size: 10px;
      line-height: normal;
      height: auto;
      width: 45px;
      line-height: 45px;
      margin: 0;
      padding: 0 0px;
      position: absolute;
      top: 24%;
}
.owl-carousel .owl-buttons .owl-prev {
  left: 0px;
  padding-left: 0px;
}
.owl-carousel .owl-buttons .owl-next {
  right: 0px;
  padding-right: 0px;
}
.title_text_head
{
  margin-bottom: 10px;
}
.title_text_head h2 span
{
  color: #222;
  font-size: 30px;
}

.featured_bikes .nav-tabs {
    background-color: transparent;
}
.featured_bikes .tab-content
{
    padding: 0px 0px;
}


.featured_bikes .nav-tabs li a 
{
    background-color: transparent;
    color: #000;
    font-size: 16px;
    margin-right: 0px;
    border:  none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0px 0px 0px 0px;
    font-weight: 500 !important;
}
.featured_bikes .nav-tabs li a:hover
{
    background-color: #e81623;
    
    
     font-size: 16px;
    border: none !important;
    border-bottom: 2px solid #e81623 !important;
    border-radius: 0px 0px 0px 0px;
}
.featured_bikes .nav-tabs>li.active>a,
.featured_bikes .nav-tabs>li.active>a:hover,
.featured_bikes .nav-tabs>li.active>a:focus {
    color: #e81623 !important;
    background-color: none !important;
    border:  none !important;
    border-bottom: 2px solid #e81623 !important;!i;!;
    cursor: pointer;
    color: #e81623;
    font-size: 16px;
    font-weight: 500 !important;
}

.featured_bikes .nav-tabs>li.active>a {
    margin-right: 0px !important;
}

.featured_bikes  .nav-tabs li 
{
   margin-right: 10px !important;
}
.featured_bikes  .nav-tabs li:hover
{
   margin-right: 10px !important;
}

.btn_wish_list_fashion {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 25px;
    height: 25px;
    z-index: 99;
    font-size: 10px;
    line-height: normal;
    padding: 7px 5px;
    background-color: #fff;
    border: none;
    border-radius: 50px;
    color: #dcd7d5;
}

.btn_wish_list_fashion:focus {
    color: #e81623 !important;
}

.owl_menu_four .fashion_box 
{
  /* padding: 10px; */
  background: #fff;
  border-radius: 5px;
}

.cart_list_box
{
    margin-bottom: 0px;
    margin-top: 0px;
    /* margin: auto; */
    /* text-align: center; */
}


.cart_list_box .btn-cart-wish
{
    background-color: #e81623;
    border: 1px solid #e81623;
    border-radius: 5px;
    /* margin: auto; */
    padding: 10px 10px;
    /* width: 50%; */
    color: #fff;
    font-size: 14px !important;
    display: block;
}
.cart_list_box .btn-cart-wish:hover
{
    background-color: #fff !important;
    border-radius: 5px;
    color: #e81623  !important;
    border: 1px solid #e81623;
    /* margin: 5px auto; */
    
}


.cart_list_box .btn-cart-map
{
    background-color: #fff;
    border: 1px solid #e81623;
    border-radius: 10px;
    margin: 5px auto;
    padding: 15px 15px;
    width: 40%;
    color: #e81623;
    font-size: 18px !important;
    display: inline;
}
.cart_list_box .btn-cart-map:hover
{
    background-color: #e81623 !important;
    border-radius: 10px;
    color: #fff  !important;
    border: 1px solid #e81623;
     margin: 5px auto;
}
.toys_box figure {
    
}

.toys_box a {
    display: block;
    color: #054263;
}

.toys_box figure img {
    margin: 0px 0px;
}

.toys_box a span {
    padding-right: 5px;
}

.toys_box p {
    margin: 0px 0px 2px 0px;
}

.toys_box img {
    width: 100%;
    border-radius: 5px;
}

.toys_box {
    padding: 10px 10px;
    margin: 0px 5px 30px 0px;
}

.toys_box .one_line {
    display: block!important;
    overflow: hidden!important;
    font-weight: normal !important;
    display: -webkit-box !important;
    font-size: 14px;
    /* margin-bottom: 10px; */
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.toys_box h6 {
    padding: 5px 0px;
    font-size: 15px;
    color: #e81623;
    margin: 0px 0px;
}
.toys_box
{
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}
.toys_box:hover {
    box-shadow: 0 1px 2px rgba(36, 39, 44, .1);
}


.toys_box .one_line h4 {
    font-size: 15px;
    margin: 20px 0px 5px 0px;
    line-height: normal;
    font-weight: 400 !important;
}

.banner_gift a 
{
  display: block;
}
.banner_gift a:hover h4
{
  color: #e81623;
}
.banner_gift a img 
{
  width: 100%;
  border-radius: 10px;
}

.selected span {
  float: right;
  margin-top: -5px;
}

.select-dropdown {
  overflow: hidden;
  height: 0px;
  transition: height ease 0.2s;
}

.select-dropdown.opened {
  height: 500px;
  transition: height ease 0.2s;
}

.selected {
  /* height: 23px; */
  padding: 5px 10px;
  /* background: #f0f0f0; */
  cursor: pointer;
}

select {
  display: none;
}

.select {
  text-align: left;
  /* display: inline-block; */
  width: 80px;
  border: 1px solid #f0f0f0;
  /* border: 1px solid #ccc; */
  border-radius: 5px 0px 0px 5px;
  overflow: hidden;
  /* box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); */
}

.item-search {
  padding: 15px 10px;
  background: #fafafa;
  border-bottom: 1px solid #ddd;
}

.item-search input {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid #eee;
  border-radius: 5px;
  font-size: 16px;
}

.item-search input:focus {
  outline: none;
  border: 1px solid #4fa5ff;
  margin: 1px;
  box-shadow: 0px 0px 0px 5px #afd6ff;
}
  
.items {
  height: 257px;
  overflow: auto;
  overflow-x: hidden;
}

.item-count {
  padding: 15px 10px;
  background: #fafafa;
  border-top: 1px solid #ccc;
}

.items > div {
    border-top:  1px solid #eee;
    font-size: 0px;
    margin-top: 0px;
    line-height: 20px;
}

.items > div:hover {
  background: #fcfcfc;
  cursor: pointer;
}


.items > div:last-child {
  border-bottom: 1px solid #eee;
}
.img img 
{
  width: 100%;
}
.img {
    vertical-align: top;
    display: inline-block;
    width: 30px;
    height: auto;
    padding: 5px 0px 0px 5px;
}

.content {
    display: inline-block;
    width: calc(100% - 114px);
    padding: 5px 30px 0px 10px;
    font-size: 14px;
}

span.badge {
    border:  1px solid #ccc;
    padding:  3px 10px;
    font-size:  13px;
    background:  #fafafa;
    border-radius: 4px;
}

.gift_search_box
{
  display: flex;
  width: 100%;
}

.gift_img_search input 
{
  border: none;
  padding-left: 20px;
  padding-top: 5px;
  border-radius: 5px;
}
.gift_img_search input:focus 
{
  border: none;
  outline: none;
}

.gift_img_search
{
  border: 1px solid #f0f0f0;
  width: 100%;
  border-radius: 5px;
}


.gift_view_box_img h4 
{
  font-size: 30px;
}

.gift_recive_box
{position: relative;}

.gift_recive_box .form-control 
{
  border: 1px solid #B3CAD1;
  width: 100%;
  border-radius: 5px;
  box-shadow: none !important;
  outline: none !important;
  color: #222;
  font-weight: 400;
}
.gift_recive_box .form-control:focus 
{
  border: 1px solid #f0f0f0;
}

.gift_photo_option 
{
  display: flex;
}

.border_gift
{
  border: 1px solid #f0f0f0;
  width: 60%;
  border-radius: 5px;
  padding: 10px;
}


.gift_img_photo img
{
  width: 50px;
  margin-right: 20px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-btn-wrapper  .btn {
  border: 2px solid #e81623;
  background: #e81623;
  color: #fff;
  margin-left: 10px;
  margin-top: 10px;
  /* background-color: white; */
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}


.gift_recive_box .panel-heading
{
  background-color: rgb(243 244 246) !important;
  padding: 20px 20px;
  margin-bottom: 10px;
}

.gift_recive_box .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

.prodcut_desc p 
{
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0px;
  
}


.prodcut_desc ul 
{
  margin-left: 40px;
}

.prodcut_desc ul li
{
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0px;
  list-style: disc;
}


.cart_view_box .btn-cart-wish
{
    background-color: #e81623;
    border: 1px solid #e81623;
    border-radius: 10px;
    margin: 5px auto;
    padding: 15px 15px;
    width: 40%;
    color: #fff;
    font-size: 18px !important;
    display: inline;
}
.cart_view_box .btn-cart-wish:hover
{
    background-color: #fff !important;
    border-radius: 10px;
    color: #e81623  !important;
    border: 1px solid #e81623;
     margin: 5px auto;
}


.cart_view_box .btn-cart-map
{
    background-color: #fff;
    border: 1px solid #e81623;
    border-radius: 10px;
    margin: 5px auto;
    padding: 15px 15px;
    width: 40%;
    color: #e81623;
    font-size: 18px !important;
    display: inline;
}
.cart_view_box .btn-cart-map:hover
{
    background-color: #e81623 !important;
    border-radius: 10px;
    color: #fff  !important;
    border: 1px solid #e81623;
     margin: 5px auto;
}
.menu_items_header ul li a
{
  display: block;
}
.menu_items_header ul li
{
  display: inline-block;
  text-align: center;
  margin: 0px 10px;
}
.menu_items_header ul li a span 
{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin: 0px;
  display: block;
}

.search_gift_form select
{
  border: 1px solid #ddd;
  box-shadow: none;
  height: auto;
  border-radius: 5px;
}


.search_gift_form select:focus
{
  border: 1px solid #ddd;
  box-shadow: none;
}

.gift_search_title h3 
{
  margin: 10px 0px;
}

.mt-40
{
   margin-top: 40px;
}

.mb-40
{
   margin-bottom: 40px;
}

.gift_cat_list
{
  display: flex;
}

.gift_col_item a 
{
  display: block;
}

.gift_col_item a img 
{
  width: 100%;
}
.gift_col_item a h4
{
  font-size: 14px;
}
.gift_col_item a:hover h4
{
  font-size: 14px;
  color: #e81623;
}

.gift_box_list a 
{
  display: block;
  margin-bottom: 30px;
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.gift_box_list a img 
{
  max-width: 100%;
  width: auto;
  border-radius: 10px;
  margin-bottom: 10px;
}

.round-wrap img {
    border-radius: 20%;
    border: 10px solid #e0dfdf;
}

.wedding_gift_banner a 
{
  display: block;
  margin-bottom: 20px;
}

.wedding_gift_banner a img 
{
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 10px;
}

.wedding_gift_banner .wedding_heade_title
{
   position: absolute;
   bottom: 60px;
   left: 60px;
}


.wedding_gift_banner .wedding_heade_title h4 
{
  color: #fff;
  font-size: 30px;
}

.cat_gift a 
{
  display: block;
}

.cat_gift a img 
{
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
}

.home_btn a i {
    float: left;
    font-size: 43px;
    padding-right: 4px;
}

.home_btn span {
    display: block;
}

.home_btn {
    position: absolute;
    width: 138px;
    right: -5px;
    top: -5px;
    content: '';
    text-align: center;
}

.home_btn a {
    padding: 11px 6px;
    display: block;
    font-size: 14px;
    color: #fff;
    font-style: italic;
    line-height: normal;
    text-align: left;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    background-color: #e1204a;
}

.home_btn a:hover {
    color: #fff;
    font-weight: 700 !important;
    font-family: 'Poppins', sans-serif !important;
    background-color: #e1204a !important;
}

.box-shadow-img {
    display: block;
    padding: 20px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .14);
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}

.pt-40
{
   /* padding-top: 40px; */
}
.pb-40
{
  /* padding-bottom: 40px; */
}

.category_img {
}

.category_img a {
    color: #212121;
    font-weight: 400;
    display: block;
    text-align: center;
}

.category_img {
    border-radius: 10px;
    width: 100% !important;
    display: block;
    overflow: hidden;
    padding: 0px 0px;
    text-align: left;
}

.category_img img {
    border-radius: 0px !important;
    width: 100%;
    height: 150px;
    padding: 0px;
    object-fit: contain;
    padding-bottom: 10px;
}


.gift_banners_grid a 
{
  display: block;
  margin-bottom: 25px;
  position: relative;
}

.gift_banners_grid a  img 
{
  width: 100%;
  border-radius: 10px;
}

.cart_list_grid
{
  display:flex;
  justify-content: space-between;
  /* margin-top: 10px; */
}

.cart_list_box h4 
{
  margin: 5px 0px 5px;
}

.form_gift h4 
{
  text-align: left;
  margin-bottom: 20px;
}

.form_gift
{
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 20px;
}

.gift_recive_box .form-control
{
  font-weight: 500;
  /* padding: 25px 20px; */
  height: 60px;
  font-family: "Roboto", sans-serif !important;
}

.gift_winni img
{
  width: 20%;
  float: left;
  margin-right: 20px;
}

.gift_winni p 
{
  color: #333333;
  font-size: 18px;
  display: block;
  line-height: 24px;
  font-weight: 600;
}
.gift_winni_section
{
      margin: 0 auto !important;
    padding: 32px 47px 32px 71px;
    background: #FFFAEB 0% 0% no-repeat padding-box;
    border-radius: 20px;
    margin: 0px 22px;
    max-width: 1540px;
    padding-right: 0px;
}

.gift_recive_box h3 
{
  margin-top: 0px;
}

.login_section
{
    padding: 5% 20%;
    background-image: url(../img/bg/1.jpg);
    background-size: cover;
    background-position: bottom;
}
.login_main
{
    background-color: #fff;
    padding:0px;
    border-radius: 10px;
    border: 1px solid #ddd;
    /* border-radius: 10px; */
}
.form_bike h4
{
    margin-bottom: 5px;
}
.login_form
{
    padding: 8% 5%;
}
.log_in_img img 
{
    width: 100%;
    border-radius: 10px;
}

.btn-close
{
    font-size: 30px;
    font-weight: 400 !important;
    line-height: 1;
    color: #212121 !important;
    text-shadow: 0 1px 0 #fff;
    display: block;
    padding: 10px;
    text-align: right;
    
    filter: alpha(opacity = 20) !important;
    opacity: unset !important;
}

.app_box a {
    margin-right: 10px;
}

.app_box a img {
    width: 135px;
}
.mobile_number  img
{
    border-radius: 0px;
}
.form-box .mobile_number {
    border: none;
}

.form-box .mobile_number {
    /* padding: 0px; */
}

.mob_number {
    position: absolute;
    
}

.mob_input input {
    padding-left: 60px !important;
    width: 80% !important;
}

.form-box .mobile_number input {
    border: 0px solid rgba(0, 0, 0, 0.87) !important;
    border-bottom: 2px solid #ddd !important;
    padding: 6px 0px !important;
    border-radius: 0px;
}

.form-box .mobile_number input::placeholder {
    color: #333;
}


.form_bike input
{
    border: none;
    box-shadow: none;
    margin-top: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 15px;
}
.form_bike input:hover
{
    border: none;
    box-shadow: none;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding-left: 52px !important;
    font-weight: 500;
}
.form_bike input:focus
{
    border: none;
    box-shadow: none;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding-left: 52px !important;
}

.mob_input input {
    padding-left: 60px !important;
    width: 80% !important;
}

.mob_input  label {
    display: inline-block;
    max-width: 100%;
    margin-top: 5px !important;
    font-weight: 500 !important;
}

.btn-search-bike {
    background-color: #e81623;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border-radius: 5px;
    color: #fff;
}

.otp_input input {
    display: inline !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    width: 8% !important;
    padding: 10px !important;
    margin: auto !important;
    text-align: center;
    border-radius: 5px;
}

.otp_input input:focus {
    display: inline !important;
    border: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    width: 8% !important;
    padding: 10px !important;
}

.otp_input {
    text-align: center;
}


 .otp_form  aside
{
  display: flex;
  justify-content: space-evenly;
  gap: 0.6rem;
  align-content: flex-start;
  flex-wrap: wrap;
}

 .otp_form input {
     width: 40px;
     padding:0px 0px;
     border-radius: 0px;
     border: none;
     border-bottom: solid 1px #222;
     text-align: center;
     margin-bottom: 10px;
     font-weight: 500;
     background-color: transparent;
     caret-color: #222;
     transition: transform 0.2s, border-bottom-color 0.2s, background-color 0.5s;
     cursor: default;
}
 .otp_form input:focus
{
  outline: none;
 
  box-shadow: none;
  animation: border-bottom-pulse 1s infinite 1.5s;
}

.otp_form input::placeholder {
  color: #222;
  
}

.otp_form input::focus::placeholder {
  
}

.otp_form input::hover {
  transform: translateY(-3px);
  background-color: #222;
}

.edit_bill
{
  float: right !important;
  position: relative !important;
  padding: 0px !important;
  border: none !important;
  margin-left: 100px;
}
.btn_attach
{
  position: absolute;
  right: 68px;
}
.btn_attach .btn 
{
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 20px;
  font-size: 13px;
}

.mobile_number  img
{
    border-radius: 0px;
}
.form-box .mobile_number {
    border: none;
}

.form-box .mobile_number {
    /* padding: 0px; */
}

.mob_number {
    position: absolute;
    
}

.mob_input input {
    padding-left: 60px !important;
    width: 80% !important;
}

.form-box .mobile_number input {
    border: 0px solid rgba(0, 0, 0, 0.87) !important;
    border-bottom: 2px solid #ddd !important;
    padding: 6px 0px !important;
    border-radius: 0px;
}

.form-box .mobile_number input::placeholder {
    color: #333;
}

.flag {
  width: 20px;
  vertical-align: middle;
}

.form-box .form-control
{
  font-size: 13px;
  font-weight: 500;
  outline: medium none;
  color: #333;
  border: 0px solid rgba(0, 0, 0, 0.87) !important;
  border-bottom: 2px solid rgba(240,240,240) !important;
  padding: 10px 5px;
  border-radius: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding-left: 52px !important;
}


.btn-close
{
    font-size: 30px;
    font-weight: 400 !important;
    line-height: 1;
    color: #212121 !important;
    text-shadow: 0 1px 0 #fff;
    display: block;
    padding: 10px;
    text-align: right;
    
    filter: alpha(opacity = 20) !important;
    opacity: unset !important;
}

.app_box a {
    margin-right: 10px;
}

.app_box a img {
    width: 135px;
}
.mobile_number  img
{
    border-radius: 0px;
}
.form-box .mobile_number {
    border: none;
}

.form-box .mobile_number {
    /* padding: 0px; */
}

.mob_number {
    position: absolute;
    
}

.mob_input input {
    padding-left: 60px !important;
    width: 80% !important;
}
.sell-with-us-top-wrap
{
  /* margin: 40px auto 62px auto; */
  padding: 54px 40px 140px 59px;
  border-radius: 20px;
  background-color: #ffffff;
}
.sell-with-us-top-wrap h2
{
  
    font-size: 60px;
    font-weight: 600;
    text-align: left;
    color: #251d34;
}
.sell-with-us-top-wrap p
{
  /* margin-bottom: 80px; */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.63;
  letter-spacing: 0.45px;
  text-align: left;
  color: #000000;
  display: block;
}

.faqs{
  
}

.faq-wrap h2{
  margin: 0px 0px 50px 0px0;
 
  font-size: 40px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: left;
  color: #183b56;
}

.faqs .faq .faq-question{
  margin: 30px 0px 20px 0px;
  
  font-size: 20px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: 0.56px;
  text-align: left;
  transition: top 0.4s ease;
  cursor: pointer;
}

.faqs .faq .faq-question::before{
  content: '+';
  padding: 0px 20px 0px 0px;
  transition: all 0.4s ease-out;
}

.faqs .faq .faq-answer{
  opacity: 0;
  max-height: 0;
  overflow-y: hidden;
  transition: top 0.4s ease;
  margin: 0px 0px 0px 32px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: 0.39px;
  text-align: left;
  color: #000000;
}

.faqs .faq.open .faq-question{
  font-weight: 600;
}

.faqs .faq.open .faq-question::before{
  content: '-';
}

.faqs .faq.open .faq-answer{
  max-height: 100%;
  opacity: 1;
}

.gift_banners_grid a::before
{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0) 13.02%, rgba(0, 0, 0, 0.51) 42.5%, rgba(0, 0, 0, 0.63) 70%, #000000 100%);
  border-radius: 0px 0px 10px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  transition: all 0.4s ease-in-out;
}

.gift_banners_grid a h4 
{
  position: absolute;
  bottom: 32px;
  right: 0px;
  left: 0px;
  text-align: center;
  z-index: 2;
  transform: translateY(70%);
  transition: all 0.5s ease-in-out;
  color: #fff;
  font-size: 24px;
  font-weight: 500 !important;
  text-transform: capitalize;
  margin-bottom: 0px;
  line-height: normal !important;
}

.slider_cat img 
{
  width: 100%;
  border-radius: 10px;
}

.p-40
{
  padding-top: 45px;
}

.footer_link_box ul li {
    display: inline-block;
    margin-top: 15px;
    margin-right: 10px;
}

.footer_link_box ul li a {
    color: #222;
    font-size: 13px;
}

.footer_link_box ul li a:hover {
    color: #e81623;
}

.footer_links h3 {
    font-size: 18px;
}

.footer_links ul li a {
    color: #222;
    font-size: 13px;
    font-weight: 400;
    margin: 0px;
}

.footer_links ul li a:hover {
    color: #e81623;
    font-size: 13px;
    font-weight: 400;
    margin: 0px;
}

.footer {
    /* background: #232F3E; */
    padding: 40px 40px;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important;
}

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

.footer h4, .footer h5 {
    color: #222;
    margin-top: 0px;
}

.footer_links h3 {
    /* color: #fff; */
}

.footer p {
    color: #222;
}

.copyright-text {
    margin-top: 15px;
}

.footer_top_box p {
    line-height: normal;
}

.footer_top_box h4 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 16px;
}

.footer_top_box i {
    color: #222;
    float: left;
    margin-right: 10px;
    font-size: 50px;
}

.follw_us {
}

.follw_us ul li {
    display: inline-block;
    padding: 0px;
}

.follw_us ul li a img {
    width: 100%;
}

.follw_us ul li a {
    display: block;
    background-color: transparent;
    color: #fff;
    margin-bottom: 10px;
    line-height: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
}

.follw_us ul li a:hover {
}

.follw_us ul li a .fa {
    background-color: transparent;
    padding: 0px;
}

.footer-block-divider {
    margin: 0 10px;
    width: 1px;
    background-color: #909090;
    height: 78px;
}

.footer-block a {
    color: #222;
}

.price_details_cake  small img 
{
  width: 15px;
}

.shop-cartbbpx
{
    border-radius: 8px;
    border: 1px solid #e6edf0;
}
.shop-cart-tittle
{
  background: #EBF7FF;
    border-radius: 8px 8px 0px 0px;
    padding: 12px 16px 12px 16px;
}

.shop-cart-tittle a 
{
  float: right;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 12px center;
  border: 1px solid #CDDBE0;
  border-radius: 100px;
  padding: 5px 20px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #197889;
}

.shop-cart-list

{
  border-radius: 8px;
  border: 1px solid #e6edf0;
  margin: 16px;
  padding: 16px;
}

.sub_menu_cat .active a
{
  color: #e81623;
  border-bottom: 2px solid #e81623!important;
}

.mt-20
{
  margin-top: 20px;
}

.gift_box_list a:hover h4
{
 
  color: #e81623;
}

.cat_box_img a:hover h4
{
 
  color: #e81623;
}

.cat_gift a:hover h4
{
 
  color: #e81623;
}

.gift_box_list a:hover h4
{
 
  color: #e81623;
}

.btn-more
{
  background-color: #e81623;
  border: 1px solid #e81623;
  border-radius: 5px;
  /* margin: auto; */
  padding: 10px 20px;
  /* width: 50%; */
  color: #fff;
  font-size: 14px !important;
  display: block;
  float: right;
}

.tab_gift .nav-tabs {
    
    background-color: #fff;
}
.tab_gift .tab-content
{
    padding: 0px 0px;
}

.tab_gift .nav-tabs li a img
{
  display: block;
  color: transparent;
    width: 24px;
    height: 24px;
    margin: auto auto 10px auto;
}
.tab_gift .nav-tabs li a 
{
    background-color: #fff;
    text-align: center;
    color: #000;
     font-size: 16px;
    margin-right: 0px;
    border:  none !important;
    border-top: 5px  solid transparent !important;
  
    font-weight: 400 !important;
}
.tab_gift .nav-tabs li a:hover
{
    background-color: #e81623;
    
    
     font-size: 16px;
    border: none !important;
    border-top: 5px  solid transparent !important;
   
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.tab_gift .nav-tabs>li.active>a,
.tab_gift .nav-tabs>li.active>a:hover,
.tab_gift .nav-tabs>li.active>a:focus {
    color: #222!important;
    background-color: #fff !important;
    border:  none !important;
    border-top: 5px  solid #222 !important;
    cursor: pointer;
    color: #222;
    font-size: 16px;
    font-weight: 400 !important;
    background-color: rgb(247 248 241 / var(--tw-bg-opacity, 1)) !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.tab_gift .nav-tabs>li.active>a {
    margin-right: 0px !important;
}

.tab_gift  .nav-tabs li 
{
   /* margin-right: 10px !important; */
   width: 16.6%;
}
.tab_gift  .nav-tabs li:hover
{
  /* margin-right: 10px !important; */
}

.tab_gift .tab-content
{
  background-color: rgb(247 248 241 / var(--tw-bg-opacity, 1)) !important;
  padding: 10px;
}


.view_img_box a img 
{
  width: 100%;
  border-radius: 10px;
}


.work-flow .col-lg-3:nth-child(1) .card {
    background: rgba(250, 235, 214, .3);
}

.work-flow .col-lg-3:nth-child(2) .card {
    background: rgba(0, 163, 255, .05);
}

.work-flow .col-lg-3:nth-child(3) .card {
    background: #fffef3;
}


.work-flow .col-lg-3:nth-child(4) .card {
    background: #f8fdf6;
}
.rounded-3 {
    border-radius: 10px !important;
}

.work-flow  .card-body {
    flex: 1 1 auto;
    padding: 30px;
    color: var(--bs-card-color);
}

.work-flow .col-lg-3:nth-child(1) .card span {
    color: #f8e7d0;
    font-size: 48px;
    font-weight: 700;
}

.work-flow .col-lg-3:nth-child(2) .card span {
    color: #b8e6ff;
    font-size: 48px;
    font-weight: 700;
}

.work-flow .col-lg-3:nth-child(3) .card span {
    color: #eee9b4;
    font-size: 48px;
    font-weight: 700;
}

.work-flow .col-lg-3:nth-child(4) .card span {
    color: #e0ead1;
    font-size: 48px;
    font-weight: 700;
}

.d-flex {
    display: flex !important;
    align-items: center;
}
.ms-auto {
    margin-left: auto !important;
}

.work-flow .col-lg-3:nth-child(1) .card .icon-card {
    background: #f8e7d0;
}



.work-flow .col-lg-3:nth-child(2) .card .icon-card {
    background: #b8e6ff;
}

.work-flow .col-lg-3:nth-child(3) .card .icon-card {
    background: #fffbde;
}

.work-flow .col-lg-3:nth-child(4) .card .icon-card {
    background: #e0ead1;
}


.work-flow .col-lg-3 .card-info .icon-card {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.rounded-circle {
    border-radius: 50% !important;
}

.btn-call
{
  padding: 10px 30px;
  background-color: #e81623;
  color: #fff;
  width: auto !important;
  /* display: block !important; */
  border-radius: 20px;
  display: inline-block !important;
  margin-top: 10px;
  font-weight: 600;
}

.btn-call:hover
{
  padding: 10px 30px;
  background-color: #f74068 !important;
  color: #fff;
  width: auto !important;
  /* display: block !important; */
  border-radius: 20px;
  display: inline-block !important;
  margin-top: 10px;
  font-weight: 600;
}

.gifitng_form
{
  padding: 20px;
}


.track_order_time small {
    color: #cd202b;
    margin-left: 10px;
    cursor: pointer;
}

.order-track {
    margin-top: 0rem;
    padding: 0 1rem;
    padding-top: 2.5rem;
    display: flex;
    flex-direction: column;
}

.order-track-step {
    display: flex;
}

.order-track-step:last-child {
    overflow: hidden;
}

.order-track-step:last-child .order-track-status span:last-of-type {
    display: none;
}

.order-track-status {
    margin-right: 1.5rem;
    position: relative;
}

.order-track-status-dot {
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    background: #3c8203;
}

.order-track-status-line {
    display: block;
    margin: 0 auto;
    width: 2px;
    height: 4rem;
    background: #222;
}

.order-track-text-stat {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 3px;
}

.order-track-text-sub {
    font-size: 1rem;
    font-weight: 300;
}

.order-track {
    transition: all .3s height 0.3s;
    transform-origin: top center;
}

.track_time p {
    line-height: normal;
}

.track_place h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.track_place::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -20px;
    background-color: #ddd;
    width: 2px;
}


.offer_felx
{
  display: flex;
  justify-content: space-around;
}

.offer_icon img 
{
  width: 50px;
}

.offer_help img 
{
  width: 10px;
}

.offer_box_pack
{
  background-color: #F5F8FF;
  border: 1px solid #BCCFFF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 10px;
}
.my_account_box a {
    display: block;
    padding: 20px 30px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #f0f2f2;
}
.my_account_box a h4 
{
    font-size:20px;
}
.my_account_box a img
{
    float: right;
    width: 60px;
  
}

.cat_img_section a
{
  display: block;
}
.cat_img_section a img 
{
  width: 100%;
  max-width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
}

.sell-record{
  margin-top: 50px;
  clear: both;
  width: 100%;
}

.sell-record ul{
  margin: 0;
  padding: 0;
}

.sell-record ul li{
  display: inline-block;
  width: 30%;
}

.sell-record ul li img{
  float: left;
}

.sell-record ul li .happy-cust{
  clear: both;
  float: left;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.64;
  text-align: left;
  color: #000000;
  margin-top: 40px;
}

.sell-record ul li .happy-cust .top-row{
  float: left;
  clear: both;
}

.sell-record ul li .happy-cust .btm-row{
  clear: both;
  float: left;
}


.max-width-container
{
  width: 1164px;
}

@media only screen and (max-width: 768px)
{
  .max-width-container
  {
    width: 100%;
  }
}

.filter_box .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

.filter_box .panel-heading {
    padding: 10px 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.filter_box
{
  /* border: 1px solid #f5f5f5; */
  border-radius: 10px;
}

.filter_box h3 
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px;
}
.filter_box .panel-body
{
  padding: 0px 20px;
  border-bottom: 1px solid #f5f5f5;
}

.filter_box .panel-group .panel
{
    border-bottom: 1px solid #f5f5f5;
}
.toys_box .one_line h4 
{
  display: block !important;
    overflow: hidden !important;
    font-weight: normal !important;
    display: -webkit-box !important;
    font-size: 16px;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 5px;
}
.panel-group
{
  border-bottom: 1px solid #fff;
  margin-bottom: 0px;
}

.gift_view_box_img h3 
{
  margin-top: 0px;
}

.order_items h4 {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.order_items_img h4 {
    color: #e81623;
    margin-bottom: 0px;
}

.order_items_img h6 {
    margin-top: 10px;
    margin-bottom: 0px;
}

.order_items_price img {
    border-radius: 10px;
    width: 140px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.order_items_img h6 img {
    width: 15px;
}

.order_top {
    background-color: #f0f2f2;
    border-radius: 10px 10px 0px 0px;
}

.order_top, .order_details_box {
    padding: 10px;
}

.order_box_details {
    
    margin-bottom: 30px;
    border-radius: 10px;
}

.order_details_box {
    margin-top: 0px;
}

.order_items_price h4 {
    overflow: hidden;
    font-weight: normal;
    display: -webkit-box;
    font-size: 18px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

.order_items_price p {
    overflow: hidden;
    font-weight: normal;
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}

.checkbox_label {
    display: block;
    margin-bottom: 10px;
}

.filter_box h4 {
    font-weight: 500;
    font-size: 14px;
    /* text-transform: uppercase; */
    padding: 8px 0;
}

.order_search .form-group {
    margin: 0;
    padding: 20px ;
}

.order_year_box select:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent;
}

.order_year_box select {
    padding: 0px 0px;
    border: 1px solid #ddd !important;
}

.order_search .form-control {
    padding: 5px 20px;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #ddd !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
}

.order_search .form-control :focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent;
}

.order_search #searchbtn {
    border: 0;
    padding: 5px 10px;
    margin-top: 0px;
    color: #fff;
    background: #888;
    font-size: 16px;
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0px 5px 5px 0px;
}

.tracking-detail {
    padding: 3rem 0
}

#tracking {
    margin-bottom: 1rem
}

[class*=tracking-status-] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

[class*=tracking-status-] {
    padding: 1.6rem 0
}

.tracking-status-intransit {
    background-color: #65aee0
}

.tracking-status-outfordelivery {
    background-color: #f5a551
}

.tracking-status-deliveryoffice {
    background-color: #f7dc6f
}

.tracking-status-delivered {
    background-color: #4cbb87
}

.tracking-status-attemptfail {
    background-color: #b789c7
}

.tracking-status-error,.tracking-status-exception {
    background-color: #d26759
}

.tracking-status-expired {
    background-color: #616e7d
}

.tracking-status-pending {
    background-color: #ccc
}

.tracking-status-inforeceived {
    background-color: #214977
}

.tracking-list {
    border: 1px solid #e5e5e5
}

.tracking-item {
    border-left: 1px solid #e5e5e5;
    position: relative;
    padding: 2rem 1.5rem .5rem 2.5rem;
    font-size: .9rem;
    margin-left: 3rem;
    min-height: 5rem
}

.tracking-item:last-child {
    padding-bottom: 4rem
}

.tracking-item .tracking-date {
    margin-bottom: .5rem
}

.tracking-item .tracking-date span {
    color: #888;
    font-size: 85%;
    padding-left: .4rem
}

.tracking-item .tracking-content {
    padding: .5rem .8rem;
    background-color: #f4f4f4;
    border-radius: .5rem;
    font-size: 12px;
    font-weight: 600;
}

.tracking-item .tracking-content span {
    display: block;
    color: #888;
    font-size: 12px;
}

.tracking-item .tracking-icon {
    line-height: 2.6rem;
    position: absolute;
    left: -1.3rem;
    width: 2.6rem;
    height: 2.6rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    background-color: #fff;
    color: #fff
}

.tracking-item .tracking-icon.status-sponsored {
    background-color: #f68
}

.tracking-item .tracking-icon.status-delivered {
    background-color: #4cbb87
}

.tracking-item .tracking-icon.status-outfordelivery {
    background-color: #f5a551
}

.tracking-item .tracking-icon.status-deliveryoffice {
    background-color: #f7dc6f
}

.tracking-item .tracking-icon.status-attemptfail {
    background-color: #b789c7
}

.tracking-item .tracking-icon.status-exception {
    background-color: #d26759
}

.tracking-item .tracking-icon.status-inforeceived {
    background-color: #214977
}

.tracking-item .tracking-icon.status-intransit {
    color: #e5e5e5;
    border: 1px solid #e5e5e5;
    font-size: .6rem
}

@media(min-width: 992px) {
    .tracking-item {
        margin-left:10rem
    }

    .tracking-item .tracking-date {
        position: absolute;
        left: -10rem;
        width: 7.5rem;
        text-align: right
    }

    .tracking-item .tracking-date span {
        display: block
    }

    .tracking-item .tracking-content {
        padding: 0;
        background-color: transparent
    }
}

.order_head_title h3 {
    margin-top: 0px;
}

.root {
}

figure {
}

figure img {
}

figure figcaption {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

figure figcaption h4 {
    font-size: 1.4rem;
    font-weight: 500;
}

figure figcaption h6 {
    font-size: 1rem;
    font-weight: 300;
}

figure figcaption h2 {
    font-size: 1.6rem;
    font-weight: 500;
}

.track_order_time small {
    color: #cd202b;
    margin-left: 10px;
    cursor: pointer;
}

.order-track {
    margin-top: 0rem;
    padding: 0 1rem;
    padding-top: 2.5rem;
    display: flex;
    flex-direction: column;
}

.order-track-step {
    display: flex;
}

.order-track-step:last-child {
    overflow: hidden;
}

.order-track-step:last-child .order-track-status span:last-of-type {
    display: none;
}

.order-track-status {
    margin-right: 1.5rem;
    position: relative;
}

.order-track-status-dot {
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    background: #3c8203;
}

.order-track-status-line {
    display: block;
    margin: 0 auto;
    width: 2px;
    height: 4rem;
    background: #222;
}

.order-track-text-stat {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 3px;
}

.order-track-text-sub {
    font-size: 1rem;
    font-weight: 300;
}

.order-track {
    transition: all .3s height 0.3s;
    transform-origin: top center;
}

.track_time p {
    line-height: normal;
}

.track_place h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.track_place::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -20px;
    background-color: #ddd;
    width: 2px;
}

.sort_by .form-control {
    padding: 5px;
    height: auto;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 5px;
}

.sort_by .form-control:focus {
    border: 1px solid #ddd;
}

.sort_by .form-control option {
    padding: 10px;
}
.order_draft_box a {
    padding: 0px 20px 10px 20px;
    display: block;
    color: #222;
  }
  .order-view {
    padding: 10px 32px;
    border-radius: 5px;
    color: #222;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
    cursor: pointer;
    margin-top: 20px;
    margin-right: 20px;
}

.order-view:hover {
    background: #f8204f !important;
    color: #fff;
    border: 1px solid #f8204f;
}

.order_links a {
    display: block;
}


.btn-trash {
    padding: 0px 0px;
    background-color: #fff;
    color: #222;
    font-size: 20px;
}

.btn-trash:hover {
    color: #e81623;
}

.btn-trash:focus {
    color: #e81623;
}

.header .input-group
{
  margin-top: 8px;
}

.btn_login_close
{
  position: absolute;
  right: 10px;
}

.box_title h4 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: normal !important;
}

.box_form p {
    margin-bottom: 5px !important;
    line-height: normal;
}

.box_form input {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    height: auto;
    margin-bottom: 10px;
}

.box_form input:focus {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form input::placeholder {
    font-size: 14px;
}

.btn-width {
    width: auto !important;
}

.input_box select {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    box-shadow: none;
    height: auto !important;
    margin-bottom: 10px;
}

.box_form select:focus {
    border: 1px solid #e0e0e0;
}

.box_form select {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    box-shadow: none;
    height: auto;
    margin-top: 4px;
    margin-bottom: 10px;
}

.box_form select:focus {
    font-size: 14px;
    border: 1px solid #2874f0;
    outline: none;
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form select::placeholder {
    font-size: 14px;
}

.box_form textarea {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form textarea:focus {
    font-size: 14px;
    border: 1px solid #e0e0e0 outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form textarea::placeholder {
    font-size: 14px;
}

.box_form h4 {
    margin-top: 6px;
    margin-bottom: 0px;
}

.border_input {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 3px 8px ;
    box-shadow: none;
    margin-bottom: 10px;
}
.alt_de .checkround {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-color: #979797;
    border-style: solid;
    border-width: 2px;
    border-radius: 50px !important;
}

.location_add label {
    margin: 0px 10px 20px 0px;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.location_add input {
    height: 1px;
    width: 1px;
    opacity: 0;
}

.location_add .outside {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border: 2px solid #f8204f;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
}

.location_add .inside {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #f8204f;
    left: 3px;
    top: 3px;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}

.location_add .no-transforms .inside {
    left: auto;
    top: auto;
    width: 0;
    height: 0;
}

.location_add input:checked + .outside .inside {
    -webkit-animation: radio-select 0.1s linear;
    animation: radio-select 0.1s linear;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.location_add .no-transforms input:checked + .outside .inside {
    width: 10px;
    height: 10px;
}

.icon-info {
    font-size: 12px;
}

.flag {
    width: 20px;
    vertical-align: middle;
}

.mobile_number {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 0px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.mobile_number input {
    border: none !important;
    box-shadow: none !important;
    height: auto;
    padding-top: 10px;
    font-weight: 500;
    margin-bottom: 0px;
}

.mobile_number input:focus {
    padding-top: 10px;
}

.checkbox_input input {
    height: auto;
}

.btn-delete {
    padding: 0px;
    background-color: transparent;
    color: #333;
}

.btn-delete:focus {
    padding: 0px;
    background-color: transparent;
    color: #333;
}

.box_customized input {
    height: auto;
    font-size: 10px;
    padding: 5px 5px;
}

.box_customized input:focus {
    height: auto;
    font-size: 10px;
    padding: 5px 5px;
}
.btn-change:focus {
    border: 1px solid #f8204f;
    color: #fff;
    background: #f8204f;
}

.btn-change:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-change {
    float: right;
    padding: 10px 32px;
    border-radius: 5px;
    color: #222;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
    cursor: pointer;
}
.btn_address:hover {
    color: #f8204f;
}

.btn_address {
    color: #f8204f;
    padding: 0px 0px;
    background: #fff !important;
    font-size: 14px;
    text-align: center;
    /* margin-right: 20px; */
    margin-bottom: 3px;
}


/* Create a custom radio button */
.checkround {
  position: absolute;
  top: 5px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border-color: #f8204f;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
}

.checkbox.checbox-switch {
  padding-left: 0;
}

.checkbox.checbox-switch label, .checkbox-inline.checbox-switch {
  display: inline-block;
  position: relative;
  padding-left: 0;
}

.checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input {
  display: none;
}

.checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span {
  width: 35px;
  border-radius: 10px;
  height: 18px;
  border: 1px solid #009846;
  background-color: #009846;
  border-color: #009846;
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(255,255,255);
  content: " ";
  top: 0;
  position: relative;
  left: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
  top: -3px !important;
}

.checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before {
  left: 3px;
  top: -2px;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary label > input:checked + span, .checkbox-inline.checbox-switch.switch-primary > input:checked + span {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  ; /*box-shadow: rgb(0, 105, 217) 0px 0px 0px 8px inset;*/
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span, .checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
  background-color: #009846;
  border-color: #009846;
/* box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;*/
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
  background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkround:after {
  left: 2px;
  top: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f8204f;
}

/* The check */
.check {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  margin-top: 0px;
  padding-right: 15px;
  cursor: poInter;
  font-size: 14px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check input {
  position: absolute;
  opacity: 0;
  cursor: poInter;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 19px;
  background-color: #fff;
  border-color: #f8204f;
  border-style: solid;
  border-width: 2px;
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
  background-color: #fff ;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
  left: 5px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid;
  border-color: #f8204f;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cust-btn {
  margin-bottom: 10px;
  background-color: #f8204f;
  border-width: 2px;
  border-color: #f8204f;
  color: #fff;
}

.cust-btn:hover {
  border-color: #f8204f;
  background-color: #fff;
  color: #f8204f;
  border-radius: 10px;
  transform-style: 2s;
}

.checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: inherit;
  cursor: poInter;
  z-index: 3;
}

.angel_pay h2 
{
  margin: 0px 0px;
}

.angel_pay_section
{
  background-color: #fff;
  padding: 10px 0px;
  margin-bottom: 10px;
}

.flot_right {
    float: right;
    margin-top: -8px;
    margin-bottom: 0px;
}


.shopping_cart_box .nav-tabs {
    
    background-color: #fff;
}
.shopping_cart_box .tab-content
{
    padding: 0px 0px;
}


.shopping_cart_box .nav-tabs li a 
{
    background-color: #fff;
    font-size: 16px;
    color: #000;
    margin-right: 0px;
    border:  none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0px 0px 0px 0px;
    font-weight: 500 !important;
    padding: 0px 0px 5px 0px;
}
.shopping_cart_box .nav-tabs li a:hover
{
    background-color: #f8204f;
    font-size: 16px;
    color: #f8204f;
    border: none !important;
    border-bottom: 2px solid #f8204f !important;
    border-radius: 0px 0px 0px 0px;
}
.shopping_cart_box .nav-tabs>li.active>a,
.shopping_cart_box .nav-tabs>li.active>a:hover,
.shopping_cart_box .nav-tabs>li.active>a:focus {
    color: #f8204f !important;
    background-color: #fff !important;
    border:  none !important;
    border-bottom: 2px solid #f8204f !important;!i;!;
    cursor: pointer;
    color: #f8204f;
    font-size: 16px;
    
    font-weight: 500 !important;
}

.shopping_cart_box .nav-tabs>li.active>a {
    margin-right: 0px !important;
}

.shopping_cart_box  .nav-tabs li 
{
   margin-right: 20px !important;
}
.shopping_cart_box  .nav-tabs li:hover
{
   margin-right: 20px !important;
}

.box_cert_box
{
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #ddd;
  background: #fff;
}

.box_cert_box h4 
{
  margin-top: 0px;
}

.breadcrumb>li {
    display: inline-block;
    font-weight: 600;
}

.go_back
{
  margin-top: 30px;
  font-size: 16px;
  display: block;
  color: #222;
}

.coupan_box a {
    font-size: 12px;
    display: block;
    margin-top: 10px;
}

.coupan_box img {
    width: 20px !important;
}

.coupan_box a {
    border: 1px dashed #60b246;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    box-shadow: none;
    color: #60b246;
    font-size: 14px;
    padding: 0px 20px;
    margin-bottom: 10px;
    display: block;
}

.coupan_box a:hover,.coupan_box a:focus {
    border: 1px dashed #60b246;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    box-shadow: none;
    color: #60b246 !important;
    font-size: 14px;
}

.coupan_box a::placeholder {
    background-color: #fff;
    box-shadow: none;
    font-size: 12px !important;
}


.header_sticky
{
  position: sticky;
  top: 0px;
  z-index: 999;
}

.venue_box {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 10px;
    
}

.fixed_sticky
{
  position: -webkit-sticky;
  position: sticky;
  top: 5vh;
}

.fixed_sticky_box
{
  height: 70em;
  width: 87%;
  margin-left: 57px;
}
.cake_view_product
{
  margin: 0px 0px 0px 0px;
}
.btn-instructions h6 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 11px;
}

.cat_shop_img img 
{
  width: 100%;
}

.gift_col_item
{
  /* margin: 0px 10px; */
}
.gift_col_item a 
{
  display: block;
  margin-bottom: 30px;
}

.gift_col_item a img 
{
  width: 100%;
  border-radius: 10px;
}
.gift_col_item a h4
{
  font-size: 20px;
  /* margin-bottom: 50px; */
}
.gift_col_item a:hover h4
{
  font-size: 20px;
  color: #e81623;
}

.chocolate_wrap a 
{
  display: block;
  margin-bottom: 20px;
  position: relative;
}

.chocolate_wrap a img 
{
  height: 350px;
  width: 100%;
  border-radius: 10px;
}

.chocolate_wrap a h4 
{
   position: absolute;
   top: 20px;
   left: 20px;
   font-weight: 600;
   font-size: 30px;
   margin: 0px 0px;
}

.gift_assets_item 
{
  background: #e7e2ef;
  border-radius: 10px;
}

.gift_assets_item  img 
{
  width: auto !important;
  /* max-width: 100% !important; */
  /* height: 300px; */
}
.gift_assets_item a 
{
  border-radius: 10px;
  /* box-shadow: 0px 5px 5px #ddd; */
  background-color: #fff;
  border: 1px solid #ddd;
}


.gift_assets_item h4 
{
  /* padding-bottom: 30px; */
  font-size: 24px !important;
}
.banner_gift h4 
{
  line-height: normal;
  text-align: center;
  margin-bottom: 30px;
}

.banner_gift
{
  display: block;
   border: 1px solid #ddd; 
  /* padding: 20px; */
  border-radius: 10px;
  margin-bottom: 30px;
}
.banner_gift a:hover h4
{
  color: #e81623;
}
.banner_gift a img 
{
  width: 100%;
  border-radius: 10px;
}

.choco_height a 
{
  display: block;
}

.choco_height a img
{
  width: 100%;
  height: 400px;
  object-fit: cover ;
}  

.sweet_range a 
{
  display: block;
  border-radius: 10px;
}

.sweet_range a img
{
  width: 100%;
  max-width: 100%;
  border-radius: 30px;
}
.icon_cod img 
{
  width: 20%;
}

.choco_height_fix img 
{
  width: 100%;
  height: 200px;
  object-fit: cover ;
}

.banner_client img 
{
  width: 100%;
  height: 100px;
  object-fit: contain;
  border:1px solid #f9f9f9;
  padding: 10px;
  margin-bottom: 20px;
}

.d-none-disk
{
  display: none;
}

.login_box ul li {
    display: inline-block;
    padding: 0px 5px;
    font-weight: 400;
}

.login_box
{
    border:1px solid #ddd;
    padding:20px;
    border-radius: 10px  !important;
}

.logo_login h4 a 
{
    display:block;
    position: relative;
    padding: 12px 20px 0px 0px;
    margin-top: 0px;
    margin-bottom: 6px;
    color: #f8204f;
    font-size: 3em;
    font-weight: 600;
}

.login_header h3 
{
    margin-top:0px;
    margin-bottom:20px;
    font-size: 2em;
    font-weight: normal  !important;
}

.logo_login a
{
    color: #222;
}

.toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -40px;
}

.btn-signin:focus {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-signin:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-signin {
    padding: 6px 10px;
    border-radius: 5px;
    
    border: 1px solid #f8204f !important;
    color: #222 !important;
    background: #fff !important;
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    width:100%;
    margin-bottom:20px;

}


.btn-change:focus {
    border: 1px solid #f8204f;
    color: #fff;
    background: #f8204f;
}

.btn-change:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-change {
    
    padding: 6px 10px;
    border-radius: 5px;
    color: #222;
    background: #fff;
    border: 1px solid #f8204f;
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    width:100%;
    margin-top:10px;
    margin-bottom:20px;


}



.btn-change
{
  float: right !important;
  padding: 0 32px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  color: #e81623;
  background: #fff;
  border: 1px solid #e81623;
  font-size: 14px;
  font-weight: 500;
  margin-left: auto;
  cursor: pointer;
  text-transform: uppercase;
  width: auto;
}


.panel-title span {
    font-size: 12px;
    color: #2874f0;
    background-color: #f0f0f0;
    border-radius: 2px;
    padding: 3px 7px;
    vertical-align: baseline;
    margin-right: 17px;
}

.occation-cta-col
{
  position: absolute;
  top: 0;
  /* left: -1px; */
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0, #000 100%);
}
.occation-col-box
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%;
    padding-bottom: 25px;
}

.occation-col-box p
{
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.occation-col-box a
{
    display: block;
    border-radius: 50px;
    border: 1px solid #fff;
    padding: 6px 12px;
    color: #fff;
    width: fit-content;
    align-items: center;
}

.occation-col
{
  position: relative;
  margin-bottom: 30px;
}


.occation-col img 
{
  width: 100%;
}

.cat_img_kids img 
{
  width: 100%;
  margin-bottom: 20px;
  border-radius: 40px;
}
.cat_img_kids h2 
{
  font-size: 20px;
  margin-bottom: 0;
}
.cat_img_kids a
{
  box-shadow: 0 0px 10px rgba(34, 48, 61, .1);
  border-radius: 40px;
  background: #fff;

  display: block ;
  background-color: #fff;
}
.cat_img_kids a:hover h2
{
  color: #e81623;
}

.cat_img_kids a 
{
  display: block;
  padding: 20px;
  margin: 5px;
}
.usp-section
{
  padding: 40px 0px;
  background-color: #fff; 
}
.btm-contact-sec .row, .usp-table-col {
    display: flex;
    justify-content: space-between;
}
.add-item-col, .align-items-center, .item-center {
    align-items: center;
}
.display-flex {
    display: flex !important;
}
.tag-section-btm h3 
{
  margin-bottom: 0px;
}
.tag-section-btm img 
{
      width: 65px;
    padding-right: 15px;
}
.banner_bg {
    width: 100%;
    margin-bottom: 30px;
}

.banner_bg img
{
  border-radius: 20px !important;
  width: 100%;
  
  object-fit: cover;
}

.cake_nav .nav-tabs {
    border-bottom: 1px solid transparent;
    background-color: transparent;
}
.cat_img_box img 
{
  width: 100%;
  margin-bottom: 20px;
  border-radius: 10px;
}
.cat_img_box h2 
{
  font-size: 20px;
}

.wedding_gift_box h3
{
  background-color: #e81623;
  padding: 10px;
  display: block;
  width: 60%;
  margin: auto;
  border-radius: 50px;
  color: #fff;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -26px;
  border: 5px solid #fff;
}

.wedding_gift_box p 
{
  margin-top: 20px;
  font-size: 16px;
}

.img_chocolate img 
{
  width: 100%;
  border-radius: 10px !important;
}


.img_chocolate h4 
{
  font-size: 30px;
}

.img_chocolate p 
{
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 10px;

}

.img_chocolate .btn-primary 
{
  border-radius: 50px !important;
  margin-top: 10px;
  d
}

.app_box a img {
    width: 127px;
}
.box-shadow-img {
    display: block;
    padding: 20px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .14);
    border-radius: 10px;
    margin-bottom: 10px;
    background-color: #fff;
}
.search_gift_form select
{
  border: 1px solid #ddd;
  box-shadow: none;
  height: auto;
  border-radius: 5px;
}


.search_gift_form select:focus
{
  border: 1px solid #ddd;
  box-shadow: none;
}
.gift_search_title h3 {
    margin: 10px 0px;
}
.img-preview-slide img {
    border-radius: 50px;
    border: 2px solid #fff;
    width: 100%;
}
.home_form_title {
    font-size: 36px;
    color: #fff;
    line-height: 46px;
}
.home_contact_input,.home_contact_textarea {
    background: #fff;
    width: 100%;
    font-style: normal;
    color: #0c1115;
    padding: 15px;
    font-size: 14px;
    font-weight: 500
}

.home_contact_input {
    border-radius: 100px;
    border: 0
}

.home_contact_textarea {
    border-radius: 10px;
    border: 0;
    resize: none;
    height: 80px
}

.file-img-upload {
    position: absolute;
    right: 15px;
    top: 20px
}

.file-upload-label {
    display: flex!important;
    flex-direction: column;
    justify-content: center
}

.full-width {
    width: 100%!important
}
.home_contact_textarea {
    border-radius: 10px;
    border: 0;
    resize: none;
    height: 80px;
}
.home_contact_input {
    background: #fff;
    width: 100%;
    font-style: normal;
    color: #0c1115;
    padding: 15px;
    height: auto !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50px !important;
}
.home_contact_textarea
{
  margin-top: 20px;
   background: #fff;
    width: 100%;
    font-style: normal;
    color: #0c1115;
    padding: 15px;
    height: auto !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px !important;
}
.home-primary-btn {
    padding: 10px 16px;
    z-index: 1;
    color: #fff;
    background: #f65f73;
}
.home-primary-btn, .home-secondary-btn {
    border-radius: 50px;
    display: inline-block;
}

@media only screen and (max-width: 768px)
{
  .search_gift_form select {
    border: 1px solid #ddd;
    box-shadow: none;
    height: auto;
    border-radius: 5px;
    margin-bottom: 30px;

}
}

.footer_menu 
{
   position: fixed;
   bottom: 0px;
   width: 100%;
   z-index: 999;
   background: #fff;
   text-align: center;
   padding: 10px;
   left: 0px;
   right: 0px;
   display: flex;
   text-align: center;
   margin: auto;
   justify-content: space-evenly;
   align-items: center;
}
.footer_menu ul
{
  border-bottom: 1px solid #ddd;
  line-height: normal;
}
.footer_menu ul li 
{
   display: inline-block;
   padding: 0px 5px;
}

.footer_menu ul li a 
{
   display: block;
   border-bottom: 1px solid #ddd;
   padding: 5px 0px;
} 

.footer_menu ul li a:hover
{
  
   border-bottom: 1px solid #e81623;
} 

.footer_menu ul li {
    display: inline-block;
    padding: 0px 10px;
}


.footer_menu ul li i {
    color: #e81623;
    font-size: 30px;
    padding: 5px;
}

.footer_menu
{
  display: none;
}

.gift__item a img 
{
  width: 100%;
}

.cake_box_item img 
{
  width: 100%;
}

.cake_box_item a 
{
  display: block;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 0px 1px 5px #ddd;
}

.cake_box_item a h4 
{
  color: #e81623;
  font-size: 14px;
  line-height: 20px;
}
.cake_box_item a strong 
{
  color: #0A8202;
}
.cake_box_item a img
{
  
  border-radius: 10px;
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.cake_box_item a:hover
{
  box-shadow: 0px 1px 10px #ddd;
}

.cake_box_item span 
{
  padding: 0px 12px 0px 12px;
  border-radius: 8px 0px 8px 0px;
  color: #FFF;
  font-size: 12px;
  position: absolute;
  background: #0A8202;
}
.zoom_img img
{
  transition-duration: 1s;
}
.zoom_img:hover img
{
  transform: scale(1.2);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
}
.rating_cake {
    color: #FFF;
    border-radius: 5px;
    font-size: 12px;
    z-index: 2;
    font-weight: 500;
    line-height: normal;
    background: #ffa41c;
    float: right;
    padding: 2px 4px;
}
.cake_box_item a strong {
    color: #0A8202;
}


.banner-border {
    border-color: #DDD !important;
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
    background-image: url(https://images-na.ssl-images-amazon.com/images/G/31/common/sprites/tspc-header-bkg.png);
    height: 60px;
    background-position-y: -13px;
}

.white_text {
    color: #f8204f !important;
    margin-top: 15px;
}

.black_text {
    color: #000;
    font-size: 30px;
    margin-top: 10px;
}

.btn-change:focus {
    border: 1px solid #f8204f;
    color: #fff;
    background: #f8204f;
}

.btn-change:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-change {
    float: right;
    padding: 10px 32px;
    border-radius: 5px;
    color: #000;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
    cursor: pointer;
}

.box_title h4 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: normal !important;
    font-weight: 500 !important;
}

.box_form p {
    margin-bottom: 5px !important;
    line-height: normal;
}

.box_form input {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    height: auto;
    margin-bottom: 10px;
}

.box_form input:focus {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 0px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form input::placeholder {
    font-size: 14px;
}

.btn-width {
    width: auto !important;
}

.input_box select {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    box-shadow: none;
    height: auto !important;
    margin-bottom: 10px;
}

.box_form select:focus {
    border: 1px solid #e0e0e0;
}

.box_form select {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    box-shadow: none;
    height: auto;
    margin-top: 4px;
    margin-bottom: 10px;
}

.box_form select:focus {
    font-size: 14px;
    border: 1px solid #2874f0;
    outline: none;
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form select::placeholder {
    font-size: 14px;
}

.box_form textarea {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form textarea:focus {
    font-size: 14px;
    border: 1px solid #e0e0e0 outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form textarea::placeholder {
    font-size: 14px;
}

.box_form h4 {
    margin-top: 6px;
    margin-bottom: 0px;
}

.border_input {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 3px 8px ;
    box-shadow: none;
    margin-bottom: 10px;
}

.border_input h4 {
    float: left;
    margin-right: 25px;
    margin-bottom: 0px;
}

.border_input select {
    border: none;
}

.form-select {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 2px;
    padding: 8px;
    box-shadow: none;
    margin-bottom: 10px;
}

.form-select:focus {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 2px;
    padding: 8px;
    box-shadow: none;
    margin-bottom: 10px;
}

.help_icon {
    float: right;
    background-color: #ddd;
    padding: 4px;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: normal;
    border-radius: 100%;
    padding: 2px !important;
}

.upi_img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    margin-top: -3px;
}

.link_upi a {
    margin-top: 20px;
    position: absolute;
    right: 20px;
    top: -13px;
}

.bank_img {
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

.payment_icon {
    margin-bottom: 10px;
}

.payment_icon li {
    display: inline-block;
    margin-bottom: 5px;
}

.payment_icon li a {
    display: block;
}

.payment_icon li a img {
    width: 50px;
    box-shadow: 0px 0px 1px #ddd;
    border-radius: 5px;
    padding: 5px;
}

.payment_icon li a img:hover {
    width: 50px;
    box-shadow: 0px 0px 5px #ddd;
    border-radius: 5px;
    padding: 5px;
}

.tabel-emi table tr th, .tabel-emi table tr td {
    border: none;
    vertical-align: middle;
}

.emi_box p {
    line-height: 1.43;
    font-size: 12px;
    color: #212121;
    margin-bottom: 10px;
    text-align: justify;
}

.tabel-emi label {
    margin: -13px 0px 10px 0px;
    font-weight: 400;
}

.menu_box_pop {
}

.menu_box_pop i {
    color: #2d2d2d;
}

.model_box h4 {
    padding: 0px 10px 10px 10px;
}

.model_box a {
    display: block;
    color: #2d2d2d;
    font-weight: 400;
    padding: 10px 10px;
}

.model_box a:hover {
    display: block;
    color: #2d2d2d;
    padding: 10px 10px;
    background-color: #EAEDED !important;
}

.model_box {
    margin-top: 20px;
}

.profile_box {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}

.profile_box img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    margin-top: -10px;
}

.profile_box ul {
    padding: 0px;
}

.profile_box h4 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.profile_box ul li {
    display: inline-block;
    margin-right: 10px;
}

.profile_box a {
    border: 1px solid #ddd;
    padding: 12px 20px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
}

.account .nav-pills li {
    width: 100%;
}

.account .nav-pills {
}

.account .nav-pills li a {
    font-size: 14px;
    font-weight: 400;
    color: var(--ogenix-black);
    display: block;
    width: 100%;
    padding: 10px 30px;
    transition: all 0.5s linear;
    margin-bottom: 5px;
    background-color: #fff;
    line-height: normal;
    font-family: var(--ogenix-font);
}

.account .nav-pills .active a {
    color: #fff;
    background-color: var(--ogenix-base);
}

.account .tab-pane-text h4 {
    font-size: 30px;
    line-height: 35px;
    margin: 0;
    font-weight: 800;
    margin-top: 0px;
    color: var(--ogenix-black);
    display: block;
}

.address_box h4 {
    font-weight: 500;
    margin-bottom: 10px;
}

.address_box {
    border: 1px solid #ddd;
    padding: 20px 20px;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 10px;
}

.address_box p {
}

.address_box ul {
    padding: 0px;
    margin-top: 20px;
}

.address_box ul li {
    display: inline-block;
}

.btn-addcart-img {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    border-radius: 10px;
    position: absolute;
    top: 150px;
    right: 10px;
    margin: 10px;
    padding: 5px 10px;
    line-height: normal;
}

.btn-addcart {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    border-radius: 10px;
    position: absolute;
    bottom: 0px;
    right: 10px;
    margin: 10px;
    padding: 5px 20px;
    line-height: normal;
}

.btn-addcart:focus, .btn-addcart:hover {
    background-color: #f8204f;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    position: absolute;
    bottom: 0px;
    right: 10px;
    margin: 10px;
    padding: 5px 20px;
    line-height: normal;
}

.btn-addcart-plus {
    background-color: #f8204f;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ddd;
    padding: 5px 10px;
    line-height: normal;
    border: none;
}

@media only screen and (max-width: 768px) {
    .box-shadow {
        width: 100%;
    }

    .top_box_location ul {
        /* text-align: center; */
    }

    .category_img img {
        border-radius: 0px !important;
        width: 100% !important;
        height: 200px !important;
        padding: 0px;
        object-fit: contain;
        padding-bottom: 10px;
    }

    .row {
        width: 100%;
    }

    .explore_new h4 {
        font-size: 14px;
    }

    .navbar-nav {
        text-align: left !important;
    }

    .navbar-nav img {
        width: 87px;
    }

    .sticky-box {
        position: sticky;
        top: 0px;
    }

    .w_250 {
        width: 100%;
        float: none;
    }
}

.icon_pop_boxxx small {
    display: block;
    text-align: left;
}

.sign_box {
    margin-bottom: 10px;
    text-align: center;
}

.sign_box a {}

.sign_box p {
    display: block;
    text-align: center;
    color: #000;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f9f9f9;
}

.btn-login-box {
    background: #f8204f;
    border-color: #f8204f;
    border-radius: 20px;
    padding: 5px;
    width: 300px;
    margin: auto;
    display: inline-block;
    padding: 5px 20px;
    font-weight: 500;
    margin: 0px 10px;
}

.title_menu {
    margin-top: 10px;
}

.title_menu h4 {
    text-align: left !important;
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.ins_tabs>li>a {
    color: #555;
    margin-right: 2px;
    line-height: 1.428571429;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0px 20px;
    border-radius: 10px;
}

.ins_tabs>li>a:hover {
    color: #555;
    margin-right: 2px;
    line-height: 1.428571429;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 10px;
    background-color: #EDFDFF;
    box-shadow: inset 0 0 0 3px #007185;
}

.ins_tabs>li.active>a, .ins_tabs>li.active>a:hover, .ins_tabs>li.active>a:focus {
    color: #555;
    margin-right: 2px;
    line-height: 1.428571429;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 10px;
    background-color: #EDFDFF;
    box-shadow: inset 0 0 0 3px #007185;
}

.btn-no {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 10px;
    background-color: transparent;
    color: #000;
}

.instructions_box .panel-title {
    padding: 0px;
    margin: 0px;
}

.instructions_box .panel-title a {
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    color: inherit;
    text-transform: capitalize;
}

.instructions_box .panel-title a:hover {
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 14px !important;
    color: inherit;
    text-transform: capitalize;
}

.ins_box .form-control {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: none;
}

.ins_scroll {
    height: 400px;
    overflow-y: scroll;
}

.instructions_box .panel-heading {
    color: #000;
    background-color: #f3f3f3 !important;
    padding: 11px 54px 11px 18px !important;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.model_box_right {
    margin-left: 40px;
}

.model_box i {
    float: right;
}

.events_image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 20px;
}

.events_images img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 1px solid #ddd;
    padding: 5px;
}

.events_images {
    margin-top: 10px;
}

.explore_categories {
    padding: 40px 0px;
}

.checkbox_img img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    float: left;
    margin-right: 20px;
    border-radius: 10px;
}

.input-group > .intl-tel-input.allow-dropdown {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
}

.input-group > .intl-tel-input.allow-dropdown > .flag-container {
    z-index: 4;
}

.iti-flag {
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/12.1.6/img/flags@2x.png");
    }
}

.btn-size {
    width: 150px;
}

.btn-readmore a {
    background: #fff !important;
    color: #000 !important;
    margin-top: 20px !important;
    border-radius: 30px !important;
    text-transform: uppercase !important;
    padding: 5px 30px !important;
    display: block;
    width: 150px;
    text-align: center;
    border: 1px solid #000;
}

.btn-readmore a:hover {
    border: 1px solid #e81623;
    background: #e81623 !important;
    color: #fff !important;
    margin-top: 0px;
}

.box_date {
    display: inline-block;
    text-align: center;
    margin: 0px 20px;
}

.box_date h4 {
    font-size: 14px;
    color: #000;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    font-size: 15px;
    font-weight: normal !important;
}

.border-info {
    border: 1px solid #ddd;
    border-radius: 10px;
}

.hover_date:hover {
    cursor: pointer;
}

.box_customized p {
    margin-bottom: 10px;
}

.box_customized h6 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 14px !important;
}
.btn-signin:focus {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-signin:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-signin {
    padding: 6px 10px;
    border-radius: 5px;
    
    border: 1px solid #f8204f !important;
    color: #222 !important;
    background: #fff !important;
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    width:100%;
    margin-bottom:20px;

}


.btn-change:focus {
    border: 1px solid #f8204f;
    color: #fff;
    background: #f8204f;
}

.btn-change:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-change {
    
    padding: 6px 10px;
    border-radius: 5px;
    color: #222;
    background: #fff;
    border: 1px solid #f8204f;
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    width:100%;
    margin-top:10px;
    margin-bottom:20px;


}



.btn-change
{
  float: right !important;
  padding: 0 32px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  color: #e81623;
  background: #fff;
  border: 1px solid #e81623;
  font-size: 14px;
  font-weight: 500;
  margin-left: auto;
  cursor: pointer;
  text-transform: uppercase;
  width: auto;
}


.panel-title span {
    font-size: 12px;
    color: #2874f0;
    background-color: #f0f0f0;
    border-radius: 2px;
    padding: 3px 7px;
    vertical-align: baseline;
    margin-right: 17px;
}
.footer_links
{
    margin-bottom: 10px;
}

.cart_sticky {
    border-radius: 10px;
    width: 93%;
    margin-left: 34px;
}
.sticky-box {
    position: sticky;
    top: 75px;
}

.sticky-box {
    position: sticky;
    top: 75px;
}
.cart_sticky {
    border-radius: 10px;
    width: 93%;
    margin-left: 34px;
}
.cart_sticky {
    border-radius: 10px;
    width: 93%;
    margin-left: 34px;
}
.sticky-box {
    position: sticky;
    top: 0px;
}
.sticky-sidebarrrrr {
    height: 140em !important;
}
.slider_width {
    width: 100%;
}

.top_box_location a 
{
    /* display: inline-block; */
}

.section_top 
{
    margin-top: 30px;
}

.btn-login-box {
    background: #f8204f;
    border-color: #f8204f;
    border-radius: 20px;
    padding: 5px;
    width: 110px;
    margin: auto;
    display: inline-block;
    padding: 5px 25px;
    font-weight: 600;
}
.panel-default>.panel-heading {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
    /* padding-top: 0px; */
}

.panel-default>.panel-heading:hover {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    margin-bottom: 10px;
    box-shadow: none;
}

.panel-title img {
    width: 20px;
}

.panel-title i {
    color: #2d2d2d;
}

.panel-title span {
    font-size: 12px;
    color: #2874f0;
    border-radius: 2px;
    padding: 3px 6px;
    vertical-align: baseline;
    margin-right: 17px;
}

.panel-title {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #000;
}

.panel-title:hover {
}

.panel-default {
    border-color: #fff;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body ul li {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.panel-body h5 a {
    overflow: hidden!important;
    font-weight: normal !important;
    display: -webkit-box !important;
    font-size: 14px;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    font-family: 'Roboto', sans-serif !important;
}

.rating_box h4 {
    margin: 0px;
    float: left;
    margin-right: 10px;
}

.rating_box h4, .rating_box .fa {
    color: #333;
    font-size: 15px;
    margin-bottom: 5px;
}

.form-group textarea {
    border-radius: 2px;
    border: 1px solid #d7d7d7;
    display: flex;
    padding: 10px !important;
    height: 170px !important;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    width: 100%;
}

.rating_img {
    float: left;
    width: 50px;
    margin: 0px 5px 0px 0px;
}

.rating_img img {
    width: 100%;
    margin-top: -7px;
}

.rating_view {
    border: 1px solid #dadada;
    box-shadow: 0px 0px 3px 0px #dadada !important;
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;
    border-radius: 5px;
}

.top_i .fa {
    position: absolute;
    top: 20px;
    right: 40px;
    color: #fff;
    font-size: 20px;
}

.top_i .fa:hover {
    position: absolute;
    top: 20px;
    right: 40px;
    color: #fff;
    font-size: 22px;
}

.top_i .fa:focus {
    background-color: #fff;
}

.top_ii {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    font-size: 20px;
    z-index: 99999;
    background-color: transparent;
    border: none;
}

.top_ii .fa {
    color: #fff;
}

.top_ii:focus .fa {
    color: rgb(231, 46, 119)!important;
    ; background-color: fff;
}

.top_iii {
    position: absolute;
    top: 10px;
    right: 35px;
    color: #fff;
    font-size: 20px;
    z-index: 99999;
    background-color: transparent;
    border: none;
}

.top_iii .fa {
    color: #fff;
}

.top_iii:focus .fa {
    color: rgb(231, 46, 119)!important;
   background-color: fff;
}
.checkout_box {
    padding: 10px 10px;
    border-radius: 0px;
    background-color: #fff;
    margin-top: 0px;
}












.banner-border {
    border-color: #DDD !important;
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
    background-image: url(https://images-na.ssl-images-amazon.com/images/G/31/common/sprites/tspc-header-bkg.png);
    height: 60px;
    background-position-y: -13px;
}

.white_text {
    color: #f8204f !important;
    margin-top: 15px;
}

.black_text {
    color: #000;
    font-size: 30px;
    margin-top: 10px;
}

.checkout_box {
    padding: 10px 10px;
    border-radius: 0px;
    background-color: #fff;
    margin-top: 0px;
}

.search-label {
    margin-top: 0px;
}

.search-label label {
    margin: 0px 0px 10px 0px;
}

.search-label label p {
    line-height: normal;
    padding: 0px 0px 10px 0px;
}

.search-label h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.m-10 {
    padding: 0px 20px;
}

.btn-date span {
    display: block;
}

.btn-date {
    width: 50px;
    height: 50px;
    background-color: #fff !important;
    border: 2px solid #ddd !important;
    color: #000;
    padding: 0px;
}

.btn-date:focus {
    width: 50px;
    height: 50px;
    background-color: #ffefdb !important;
    border: 2px solid #e59d52 !important;
    color: #000;
    padding: 0px;
}

.btn-time {
    background-color: #fff !important;
    border: 2px solid #ddd !important;
    color: #000;
    padding: 5px 10px;
    font-size: 12px;
}

.btn-time:focus {
    background-color: #ffefdb !important;
    border: 2px solid #e59d52 !important;
    color: #000;
}

.btn-time span {
    display: block;
}

.banner-border {
    border-color: #DDD !important;
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
    background-image: url(https://images-na.ssl-images-amazon.com/images/G/31/common/sprites/tspc-header-bkg.png);
    height: 60px;
    background-position-y: -13px;
}

.white_text {
    color: #f8204f !important;
    margin-top: 15px;
}

.black_text {
    color: #000;
    font-size: 30px;
    margin-top: 10px;
}

.btn-change:focus {
    border: 1px solid #f8204f;
    color: #fff;
    background: #f8204f;
}

.btn-change:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-change {
    float: right;
    padding: 10px 32px;
    border-radius: 5px;
    color: #000;
    background: #fff;
    border: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
    cursor: pointer;
}

.box_title h4 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: normal !important;
}

.box_form p {
    margin-bottom: 5px !important;
    line-height: normal;
}

.box_form input {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    height: auto;
    margin-bottom: 10px;
}

.box_form input:focus {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form input::placeholder {
    font-size: 14px;
}

.btn-width {
    width: auto !important;
}

.input_box select {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    box-shadow: none;
    height: auto !important;
    margin-bottom: 10px;
}

.box_form select:focus {
    border: 1px solid #e0e0e0;
}

.box_form select {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    box-shadow: none;
    height: auto;
    margin-top: 4px;
    margin-bottom: 10px;
}

.box_form select:focus {
    font-size: 14px;
    border: 1px solid #2874f0;
    outline: none;
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form select::placeholder {
    font-size: 14px;
}

.box_form textarea {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form textarea:focus {
    font-size: 14px;
    border: 1px solid #e0e0e0 outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: none;
    margin-bottom: 10px;
}

.box_form textarea::placeholder {
    font-size: 14px;
}

.box_form h4 {
    margin-top: 6px;
    margin-bottom: 0px;
}

.border_input {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 5px;
    padding: 3px 8px ;
    box-shadow: none;
    margin-bottom: 10px;
}

.border_input h4 {
    float: left;
    margin-right: 25px;
    margin-bottom: 0px;
}

.border_input select {
    border: none;
}

.form-select {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 2px;
    padding: 8px;
    box-shadow: none;
    margin-bottom: 10px;
}

.form-select:focus {
    font-size: 14px;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 2px;
    padding: 8px;
    box-shadow: none;
    margin-bottom: 10px;
}

.help_icon {
    float: right;
    background-color: #ddd;
    padding: 4px;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: normal;
    border-radius: 100%;
    padding: 2px !important;
}

.upi_img {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    margin-top: -3px;
}

.link_upi a {
    margin-top: 20px;
    position: absolute;
    right: 20px;
    top: -13px;
}

.bank_img {
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

.payment_icon {
    margin-bottom: 10px;
}

.payment_icon li {
    display: inline-block;
    margin-bottom: 5px;
}

.payment_icon li a {
    display: block;
}

.payment_icon li a img {
    width: 50px;
    box-shadow: 0px 0px 1px #ddd;
    border-radius: 5px;
    padding: 5px;
}

.payment_icon li a img:hover {
    width: 50px;
    box-shadow: 0px 0px 5px #ddd;
    border-radius: 5px;
    padding: 5px;
}

.tabel-emi table tr th, .tabel-emi table tr td {
    border: none;
    vertical-align: middle;
}

.emi_box p {
    line-height: 1.43;
    font-size: 12px;
    color: #212121;
    margin-bottom: 10px;
    text-align: justify;
}

.tabel-emi label {
    margin: -13px 0px 10px 0px;
    font-weight: 400;
}

.menu_box_pop {
}

.menu_box_pop i {
    color: #2d2d2d;
}

.model_box h4 {
    padding: 0px 10px 10px 10px;
}

.model_box a {
    display: block;
    color: #2d2d2d;
    font-weight: 400;
    padding: 10px 10px;
}

.model_box a:hover {
    display: block;
    color: #2d2d2d;
    padding: 10px 10px;
    background-color: #EAEDED !important;
}

.model_box {
    margin-top: 20px;
}
.banners_box {
    padding: 6em 0px;
    background-image: url(../img/venues/banners/1.jpg);
    background-size: cover;
    background-position: center;
}

.search_form input {
    border-radius: 5px;
    padding: 18px 10px;
    width: 100%;
    border: 1px solid rgba(240,240,240);
    border-top: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    font-family: 'Roboto', sans-serif;
}

.search_form input:focus {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    border: 1px solid rgba(240,240,240);
}

.text-search {
}

.btn:focus {
    outline: none !important;
    box-shadow: none!important;
}

.icon-search-in-text {
    float: left;
    display: inline-block;
    top: 25px;
    left: 10px;
}

.search-input {
    border-radius: 10px;
    margin-left: 0px;
    padding-left: 30px !important;
}

.btn-filter {
    text-transform: capitalize;
    font-size: 15px;
    outline: medium none;
    color: #333;
    border: 1px solid rgba(240,240,240);
    background-color: #fff;
    padding: 8px 30px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-weight: 500 !important;
}

.btn-filter:focus {
    color: #333;
    font-weight: 400;
}

.modal-dialog {
    width: 378px;
    margin: 0px 0px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #333;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-footer {
    position: fixed;
    bottom: 0px;
    width: 99%;
    background-color: #fff;
}

.modal-footer .btn {
    width: 100% !important;
    display: block;
    padding: 10px 10px;
}

.panel-default>.panel-heading {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
    /* padding-top: 0px; */
}

.panel-default>.panel-heading:hover {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 10px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    margin-bottom: 10px;
    box-shadow: none;
}

.panel-title img {
    width: 20px;
}

.panel-title i {
    color: #2d2d2d;
}

.panel-title span {
    font-size: 12px;
    color: #2874f0;
    border-radius: 2px;
    padding: 3px 6px;
    vertical-align: baseline;
    margin-right: 17px;
}

.panel-title {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #000;
}

.panel-title:hover {
}

.panel-default {
    border-color: #fff;
}

.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body ul li {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.panel-body h5 a {
    overflow: hidden!important;
    font-weight: normal !important;
    display: -webkit-box !important;
    font-size: 14px;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    font-family: 'Roboto', sans-serif !important;
}

.rating_box h4 {
    margin: 0px;
    float: left;
    margin-right: 10px;
}

.rating_box h4, .rating_box .fa {
    color: #333;
    font-size: 15px;
    margin-bottom: 5px;
}

.form-group textarea {
    border-radius: 2px;
    border: 1px solid #d7d7d7;
    display: flex;
    padding: 10px !important;
    height: 90px !important;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    width: 100%;
}

.rating_img {
    float: left;
    width: 50px;
    margin: 0px 5px 0px 0px;
}

.rating_img img {
    width: 100%;
    margin-top: -7px;
}

.rating_view {
    border: 1px solid #dadada;
    box-shadow: 0px 0px 3px 0px #dadada !important;
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;
    border-radius: 5px;
}

.top_i .fa {
    position: absolute;
    top: 20px;
    right: 40px;
    color: #fff;
    font-size: 20px;
}

.top_i .fa:hover {
    position: absolute;
    top: 20px;
    right: 40px;
    color: #fff;
    font-size: 22px;
}

.top_i .fa:focus {
    background-color: #fff;
}

.top_ii {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    font-size: 20px;
    z-index: 99999;
    background-color: transparent;
    border: none;
}

.top_ii .fa {
    color: #fff;
}

.top_ii:focus .fa {
    color: rgb(231, 46, 119)!important;
    ; background-color: fff;
}

.top_iii {
    position: absolute;
    top: 10px;
    right: 35px;
    color: #fff;
    font-size: 20px;
    z-index: 99999;
    background-color: transparent;
    border: none;
}

.top_iii .fa {
    color: #fff;
}

.top_iii:focus .fa {
    color: rgb(231, 46, 119)!important;
    ; background-color: fff;
}

.grid__col {
    padding: 0px;
}

.hand_picked_slide {
    position: absolute;
    top: 0px;
    left: 78px;
    padding: 5px 20px;
    color: #fff;
    background-color: #f8204f;
    z-index: 9999;
    border-radius: 8px 0px 8px 0px;
}

.hand_picked {
    position: absolute;
    top: 14px;
    left: 30px;
    padding: 0px 20px;
    color: #fff;
    background-color: #f8204f;
    border-radius: 8px 0px 8px 0px;
}

.hand_pickef0f0f0d {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px 20px;
    color: #fff;
    background-color: #f8204f;
}

.hand_pickef0f0f0 {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 0px 20px;
    color: #fff;
    background-color: #f8204f;
}

.rating_right {
    margin-top: 0px;
}

.rating_right h5 {
    font-size: 40px;
    margin-bottom: 0px;
}

.rating_right .fa {
    color: #5cb85c;
}

.filters_box .btn {
    margin-top: 20px;
}

.tag_line {
    text-align: end;
}

.tag_line p {
    line-height: 40px;
    color: #f8204f;
    text-align: right;
    float: right;
}

.rating-img ul li {
    display: inline-block;
}

.rating-img ul li img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover;
    border-radius: 5px;
}

.p_y_5 {
    width: 1262px;
}

@media only screen and (max-width: 768px) {
    .p_y_5 {
        width: 100%;
    }
}

.product-card-location {
    color: gray;
    font-weight: 400;
    text-overflow: ellipsis;
    max-height: 36px;
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
    text-transform: capitalize;
}

.product-card-name {
    padding-top: 2px;
    font-weight: 400;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}

.product-card-rating {
    font-size: 15px;
    margin: 0;
    width: 50%;
}

.product-card-rating-review-number {
    color: gray;
    font-weight: 300;
    text-transform: capitalize;
}

.product-card-rating {
    font-size: 15px;
    margin: 0;
    width: 50%;
    color: #333;
}

.product-card-rating i {
    color: #ffa41c;
}

.product-card-price, .product-card-price-discount {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.product-card-price {
    font-size: 14px;
}

.product-card-price-discount {
    font-size: 12px;
    color: gray;
    text-decoration: line-through;
}

.product-card-price, .product-card-price-discount {
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.dec_img img {
    width: 100%;
    height: 290px !important;
    object-fit: cover;
    margin: auto;
    border-radius: 5px !important
}

@media only screen and (max-width: 768px) {
    .item.list-group-item .list-group-image {
        margin-right: 10px;
        padding-right: 20px;
        height: auto !important;
    }
}

.thumbnail a>img, .thumbnail>img {
    margin-right: 0px;
    margin-left: 0px;
}

.btn-book {
    color: #f8204f !important;
    background-color: #fff !important;
    border: 1px solid #f8204f !important;
    border: none;
    padding: 15px 15px;
    font-size: 14px;
    font-weight: 400;
}

.btn-book:hover {
    color: #fff !important;
    background-color: #f8204f!important;
}

.space_r30 {
    padding-right: 30px;
}

.space_l30 {
    padding-left: 30px;
}

.booking-input-field {
    font-size: 15px;
    outline: medium none;
    color: #333;
    border: none !important;
    border-radius: 0;
    background: #dcdcdc !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.date_piccker {
    background: #dcdcdc !important;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 100%;
    height: 50px;
    border-radius: 0px;
    margin-bottom: 5px;
    border: 1px solid rgba(50,50,50,.1);
}

.btn-signin:focus {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-signin:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-signin {
    padding: 6px 10px;
    border-radius: 5px;
    
    border: 1px solid #f8204f !important;
    color: #222 !important;
    background: #fff !important;
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    width:100%;
    margin-bottom:20px;

}


.btn-change:focus {
    border: 1px solid #f8204f;
    color: #fff;
    background: #f8204f;
}

.btn-change:hover {
    border: 1px solid #f8204f !important;
    color: #fff !important;
    background: #f8204f !important;
}

.btn-change {
    
    padding: 6px 10px;
    border-radius: 5px;
    color: #222;
    background: #fff;
    border: 1px solid #f8204f;
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    cursor: pointer;
    width:100%;
    margin-top:10px;
    margin-bottom:20px;


}



.btn-change
{
  float: right !important;
  padding: 0 32px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  color: #e81623;
  background: #fff;
  border: 1px solid #e81623;
  font-size: 14px;
  font-weight: 500;
  margin-left: auto;
  cursor: pointer;
  text-transform: uppercase;
  width: auto;
}

.slider_box_img .nav-pills>li.active>a, .slider_box_img .nav-pills>li.active>a:focus, .slider_box_img .nav-pills>li.active>a:hover {
    background-color: #fff !important;
    color: #fff !important;
}

.slider_box_img .nav-pills>li>a:hover {
    background-color: #fff !important;
}

.slider_box_img .nav-pills>li>a {
    background-color: #fff !important;
}

.cart_sticky {
    border-radius: 10px;
    width: 93%;
    margin-left: 34px;
}

.cart_box_position {
    background-color: #fff;
    /* padding: 10px 15px; */
    border-radius: 10px;
    /* box-shadow: 0px 0px 5px #ddd; */
    margin-bottom: 10px;
}

.remove_cart_page .btn {
    padding: 10px;
    color: #000;
    background-color: transparent;
    font-size: 20px;
    margin-right: 0px;
    margin-top: 0px;
}

.remove_cart_page .btn:focus {
    color: #f8204f;
}

.details_cart .table {
    margin-bottom: 0px;
}

.scroll_pop {
    height: 300px;
    overflow-y: scroll;
}

.black_text small {
    font-size: 18px;
    margin-left: 10px;
}

.bg_cart {
    padding: 10px;
}
.bg_cart {
    background-color: #fff;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 0px;
    box-shadow: 0px 0px 5px #ddd;
}

.shopping_cart_box .nav-tabs {
    
    background-color: #fff;
}
.shopping_cart_box .tab-content
{
    padding: 0px 0px;
}


.shopping_cart_box .nav-tabs li a 
{
    width: 100%;
    display: block;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    margin-right: 0px;
    border:  none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0px 0px 0px 0px;
    font-weight: 500 !important;
    padding: 10px 5px;
}
.shopping_cart_box .nav-tabs li a:hover
{
    background-color: #f8204f;
    font-size: 16px;
    color: #f8204f;
    border: none !important;
    border-bottom: 2px solid #f8204f !important;
    border-radius: 0px 0px 0px 0px;
}
.shopping_cart_box .nav-tabs>li.active>a,
.shopping_cart_box .nav-tabs>li.active>a:hover,
.shopping_cart_box .nav-tabs>li.active>a:focus {
    color: #f8204f !important;
    background-color: #fff !important;
    border:  none !important;
    border-bottom: 2px solid #f8204f !important;!i;!;
    cursor: pointer;
    color: #f8204f;
    font-size: 16px;
    
    font-weight: 500 !important;
}

.shopping_cart_box .nav-tabs>li.active>a {
    margin-right: 0px !important;
}

.shopping_cart_box  .nav-tabs li 
{
   margin-right: 10px !important;
   /* width: 46%; */
   text-align: center;
}
.shopping_cart_box  .nav-tabs li:hover
{
   margin-right: 10px !important;
}

.side_img img {
    float: left;
    margin-right: 10px;
    width: auto;
    height: 150px;
    object-fit: cover;
}
.container {
    width: 100%;
    margin: 0 auto;
}

.shopping_cart_img
{
  display: flex;
  text-align: center;
  margin: auto;
}
.shopping_cart_img img 
{
  height: 100px;
  width: 100px;
  margin: auto;
  text-align: center;
  /* width: auto !important; */
  /* margin-right: 30px; */
  object-fit: contain;
}

.shopping_cart_check
{
  display: flex;
}
.shopping_cart_details
{
  flex: auto;
  margin-left: 20px;
}
.shopping_cart_details p
{
  line-height: normal;
}
.shopping_cart_details ul li a
{
   font-size: 12px;
}
.shopping_cart_details ul li 
{
  display: inline-block;
  margin-right: 10px;
}
.shopping_box
{
    display: flex!important;
    flex-direction: row;
    
    padding-bottom: 20px;
}

.shopping_cart_check 
{
  padding: 10px;
}

.shopping_cart_details h4 
{
  margin: 5px 0px 0px 0px;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 25px;
}
.save_later ul
{text-align: center;}
.save_later ul li
{
    display: inline-block;
   
}
.save_later ul li a
{
  

color: rgb(113, 116, 120);

text-align: center;
background-color: rgba(0, 0, 0, 0);
font-size: 12px;
line-height: 20px;
padding: 10px 10px;
   
}

.login_box
{
    border:1px solid #ddd;
    padding:20px;
    border-radius: 10px  !important;
}

.logo_login h4 a 
{
    display:block;
    position: relative;
    padding: 12px 20px 0px 0px;
    margin-top: 0px;
    margin-bottom: 6px;
    color: #f8204f;
    font-size: 3em;
    font-weight: 600;
}

.login_header h3 
{
    margin-top:0px;
    margin-bottom:20px;
    font-size: 2em;
    font-weight: normal  !important;
}

.logo_login a
{
    color: #222;
}


.footer_menu 
{
   position: fixed;
   bottom: 0px;
   width: 100%;
   z-index: 999;
   background: #fff;
   text-align: center;
   padding: 10px;
   left: 0px;
   right: 0px;
   display: flex;
   text-align: center;
   margin: auto;
   justify-content: space-evenly;
   align-items: center;
}
.footer_menu ul
{
  border-bottom: 1px solid #ddd;
  line-height: normal;
}
.footer_menu ul li 
{
   display: inline-block;
   padding: 0px 5px;
}

.footer_menu ul li a 
{
   display: block;
   border-bottom: 1px solid #ddd;
   padding: 5px 0px;
} 

.footer_menu ul li a:hover
{
  
   border-bottom: 1px solid #e81623;
} 

.footer_menu ul li {
    display: inline-block;
    padding: 0px 10px;
}


.footer_menu ul li i {
    color: #e81623;
    font-size: 30px;
    padding: 5px;
}

.footer_menu
{
  display: none;
}
.cart_box_position {
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #ddd;
    margin-bottom: 10px;
}

.details_cart .table tr td input {
    margin-right: 5px;
}

.details_cart .table tr td h5 {
    display: inline-block;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.details_cart .table tr td {
    color: #000;
    padding: 5px 0px;
}

.details_cart .table tr td:last-child {
    text-align: right;
}

.details_cart .table tr td h3 {
    margin: 0px;
}
.details_cart .table {
    margin-bottom: 0px;
}

.mobile_down {
    display: none;
}

.side_cake_img h4 
{
  margin: 5px 0px 0px 0px;
}


.sort_by .form-control {
    padding: 10px 0px;
    height: auto;
    border: 1px solid #fff;
    border-bottom: 1px solid #f9f9f9;
    box-shadow: none;
    border-radius: 5px;
}

.sort_by .form-control:focus {
    border: 1px solid #fff;
    border-bottom: 1px solid #f9f9f9;
}

.sort_by .form-control option {
    padding: 10px;
}

.height_scroll
{
  height: 500px;
  overflow-y: scroll;
}

.fixed_tbas_btn
{
  
}