/*------- Font Family Starts -------*/

@font-face { font-family: "Asap-Regular"; src: url("../fonts/Asap-Regular.otf"); }
@font-face { font-family: "Asap-Medium"; src: url("../fonts/Asap-Medium.otf"); }
@font-face { font-family: "Asap-Bold"; src: url("../fonts/Asap-Bold.ttf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

html,
body { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: 1px; }
body { background-color: #f1f1f1;}
body.active { overflow-y: hidden; }
ul,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
address,
.progress { margin: 0; padding: 0; }
li { list-style: none; }
a,
a:hover,
a:focus { text-decoration: none; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; }

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

.btn.active.focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn:active:focus, 
.btn:focus { outline: 0; }
.flex-center { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.section-heading > h2 { color: #474747; display: inline-block; font: 3rem/1.42857143 "Asap-Medium"; margin-bottom: 30px; padding-bottom: 10px; position: relative; }
.section-heading > h2:after { border-bottom: 3px double #474747; bottom: 0; content: ""; left: 50%; position: absolute; transform: translateX(-50%); width: 100px; }
.img-auto { margin: 0 auto; }
.float-left { float: left; }

/*------- Window Loader Section Starts -------*/

.pc-loader-icon {
	left: 50%;
	position: absolute;
	top: 30%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
  }
  #overlay{
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color: #c74935;
	transition: 1s 0.4s;
  }
  #progress{
	height:1px;
	background:#fff;
	position:absolute;
	width:0;
	top:50%;
  }
  #progstat{
	font-size:0.7em;
	letter-spacing: 3px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	width:100%;
	text-align:center;
	color:#fff;
  }
  .pc-loader-icon > img { width: 150px; }
  
 /*------- Window Loader Section Ends -------*/

/*------- Common CSS Ends -------*/

/*------- Common Button CSS Starts -------*/

.btn { border: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: #fff; font-family: "Asap-Regular"; letter-spacing: 1px; min-width: 150px; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; }
.btn:focus,
.btn:active,
.btn:active:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; outline: 0; }
.btn-default { background-color: #e0e0e0; color: #272727; }
.btn-full-width { width: 100%; }

/*------- Common Button CSS Starts -------*/

/*------- Bootstrap Grid CSS Starts -------*/

.container-fluid { padding: 0 10px; }
.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 { padding: 0 5px; }
.row { margin-left: -5px; margin-right: -5px; }

/*------- Bootstrap Grid CSS Ends -------*/

/*------- LogIn Page Section Starts -------*/

.bg-log-in-sgb,
.bg-log-in-sgb-two {
	background-color: #c74935;
	height: 100vh;
}
.form-sign-in-center,
.form-sign-in-center-two { align-items: center; display: flex; height: 100%; justify-content: center; }
.box-sign-in { background: url("../images/bg-login.jpg") no-repeat center/cover; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); -webkit-box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); -moz-box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); -ms-box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); -o-box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); position: relative; width: 1000px; }
.box-sign-in-two { box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); -webkit-box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); -moz-box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); -ms-box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); -o-box-shadow: 0px 10px 13px -7px #00000047, 5px 5px 15px 5px rgba(0,0,0,0); position: relative; width: 25%; }
.sign-in-heading { text-align: center; }
.sign-in-heading > p { color: #fff; display: inline-block; font: 2.4rem/1.42857143 "Asap-Regular"; padding-bottom: 10px; position: relative; }
.sign-in-heading > p:after { background-color: #fff; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 50px; }
.form-white,
.form-white-two { background-color: #fff; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; padding: 30px; }
.form-white-two { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.login-logo { margin-bottom: 15px; width: 150px; }
.welcome-heading > h3 { color: #474747; font: 2.4rem/1.42857143 "Asap-Regular"; margin-bottom: 5px; text-align: center; }
.welcome-heading > p { color: #474747; font: 1.4rem/1.42857143 "Asap-Regular"; margin-bottom: 60px; text-align: center; }
.welcome-heading > p > span { display: block; }
.btn-signin-opt { background-color: #c74935; border: 0; color: #fff; font: 1.8rem/1.42857143 "Asap-Regular"; letter-spacing: 1px; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; width: 100%; }
.btn-signin-opt:hover,
.btn-signin-opt:active:hover { color: #fff; opacity: .9; }
.btn-signin-opt:focus,
.btn-signin-opt:active:focus { color: #fff; opacity: .9; outline: 0; }

/*------- LogIn Page Section Ends -------*/

/*------- Fixed Bottom Menu Section Starts -------*/

.fixed-bottom-menu-mob { display: none; }

/*------- Fixed Bottom Menu Section Ends -------*/

/*------- Loader Section Starts -------*/

.loader-show-hide { background-color: #f6f7f8; height: 2px; left: 0; position: fixed; top: 0; transition: 0.5s linear; width: 0; z-index: 3; }
.loader-show-hide.active { width: 100%; }

/*------- Loader Section Ends -------*/

/*------- Modal Section Starts -------*/

.fixed-window-load-modal { left: 50%; position: fixed; top: -5%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transition: 0s linear; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; width: 500px; z-index: 9999; }
.fixed-window-load-modal.active { top: 50%; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; }
.window-load-modal { background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; padding: 15px; }
.btn-window-modal-close { background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #474747; display: block; height: 30px; text-align: center; width: 30px; }
.btn-window-modal-close > i { line-height: 30px; }
.top-right-window-modal-close { position: absolute; right: -15px; top: -15px; }

/*------- Top Menu Section Starts -------*/

.fixed-top-menu { left: 0; position: fixed; top: 0; transition: 0.5s linear; width: 100%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); z-index: 8; }
.bg-top-menu { background-color: #c74935; padding: 10px; }
.img-logo-menu { width: 150px; }
.img-logo-mob { display: none; }
.form-search-top-home { display: none; }
.form-search-menu { background-color: #8058c3; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; color: #c4a6f7; font: 1.2rem/1.42857143 "Asap-Regular"; letter-spacing: 1px; }
.input-search-menu-group,
.input-group .form-search-menu { z-index: 4; }
.input-search-menu-group.active { z-index: 5; }
.form-search-menu:focus { border-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }    
.sgb-sweet-heading > p { color: #fff; font: 1.6rem/1.42857143 "Asap-Regular"; }

    /*------- Change the Placeholder Color CSS Starts -------*/

.form-search-menu::placeholder { color: #c4a6f7; opacity: 1; }
.form-search-menu:-ms-input-placeholder { color: #c4a6f7; }
.form-search-menu::-ms-input-placeholder { color: #c4a6f7; }

    /*------- Change the Placeholder Color CSS Ends -------*/

.btn-search-menu { background-color: #8058c3; border: 1px solid #8058c3; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; min-width: auto; }
.btn-search-menu:hover,
.btn-search-menu:active:hover,
.btn-search-menu:focus,
.btn-search-menu:active:focus { background-color: #8058c3; border-color: transparent; }
.btn-search-menu:focus,
.btn-search-menu:active,
.btn-search-menu:active:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }
.btn-search-menu > i { color: #fff; }
.social-listing-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; }
.social-listing-menu > li { display: inline-block; margin-right: 2px; }
.social-listing-menu > li:last-child { margin-right: 0; }
.social-listing-menu > li > a { align-items: center; background-color: transparent; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 1.8rem; height: 40px; justify-content: center; position: relative; width: 40px; }
.social-listing-menu > li > a > i { position: relative; z-index: 2; }
.social-listing-menu > li > a:hover { background-color: #8058c3; color: #fff; }
.social-listing-menu > li > a:before { background-color: #4c2497; border-radius: 50%; content: ""; height: 40px; left: 0; position: absolute; top: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0);	transition: 0.2s linear; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; width: 40px; z-index: 1; }
.social-listing-menu > li > a:focus:before { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.display-circle-number { right: -5px; position: absolute; top: -5px; z-index: 2; }
.display-circle-number > span { align-items: center; background-color: #5cb85c; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #fff; display: flex; font: 1rem/1.42857143 "Asap-Regular"; height: 20px; justify-content: center; width: 20px; }

/*------- Top Menu Section Ends -------*/

/*------- Navigationbar Menu Section Starts -------*/

.fixed-navigation-menu { left: 0; position: fixed; top: 60px; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; width: 100%; z-index: 2; }
.fixed-navigation-menu.active { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.bg-navigationbar-menu { background-color: #fff; box-shadow: 0 1px 1px 0 rgba(0,0,0,.16); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16); -ms-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16); -o-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16); padding: 0; }
.menu-listing { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; }
.menu-listing > li { display: inline-block; }
.menu-listing > li > a { color: #757575; display: block; font: 1.4rem/1.42857143 "Asap-Regular"; padding: 10px 15px; }
.menu-listing > li.active > a,
.menu-listing > li > a:hover { box-shadow: inset 0 -2px 0 0 #474747; -webkit-box-shadow: inset 0 -2px 0 0 #c74935; -moz-box-shadow: inset 0 -2px 0 0 #c74935; -ms-box-shadow: inset 0 -2px 0 0 #c74935; -o-box-shadow: inset 0 -2px 0 0 #c74935; }

/*------- Navigationbar Menu Section Ends -------*/

/*------- Slider Section Starts -------*/

.bg-slider-home { margin-top: 100px; padding: 0; }
.bg-slider-home > .row { margin: 0; }

	/*------- Slick Slider Prev/Next arrows CSS Starts -------*/

.slick-slide { padding: 0 2px; }
.slick-slide img { cursor: grab; width: 100%; }
.slick-prev { left: -15px; }
.slick-next { right: -15px; }
.slick-next, 
.slick-prev { display: none; height: auto; transform: translate(0,-100%); -webkit-transform: translate(0,-100%); -moz-transform: translate(0,-100%); -ms-transform: translate(0,-100%); -o-transform: translate(0,-100%); width: auto; }
.slick-prev:before,
.slick-next:before {
	color: #66339a;
	content: "\f104";
	display: none;
	font-family: "Font Awesome 5 Pro";
	font-size: 3rem;
	font-weight: 900;
}
.slick-next:before { content: "\f105"; }
.slick-slide:focus { outline: 0; }
.slick-dots { bottom: 15px; }
.slick-dots li { margin: 0; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-dots li button:before { content: "\f111"; font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.slick-dots li button:before { color: #3e4152; }

	/*------- Slick Slider Prev/Next arrows CSS Ends -------*/

/*------- Slider Section Ends -------*/

/*------- Coming Soon Section Starts -------*/

.bg-coming-soon-home { background: url("../images/cloud.png") no-repeat top/cover; margin-top: 100px; padding: 100px 15px; position: relative; }
.bg-coming-soon-home:after { background-color: #eee; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.coming-soon-heading-desc > h3 { color: #616161; font: 5rem/1.42857143 "Asap-Medium"; margin-bottom: 15px; text-transform: uppercase; }
.coming-soon-heading-desc > p { color: #777; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 30px; }
.coming-soon-heading-desc > a { background-color: #c74935; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; color: #fff; display: inline-block; font: 1.8rem/1.42857143 "Asap-Regular"; padding: 10px 40px; text-transform: uppercase; }
.coming-soon-heading-desc.remove > a { opacity: 0; transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); visibility: hidden; }

	/*------- Animated Label Textbox CSS Starts -------*/

.form-element-cs {
  margin-bottom: 30px;
  opacity: 0;
  position: relative;
  transition: 0.5s linear;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  visibility: hidden;
}
.form-element-cs.active { opacity: 1; transform: translateY(-15px); -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); visibility: visible; }
.fields-cs { color: #b5b5b5; font: 1.6rem/1.42857143 "Asap-Regular"; left: 15px; margin-bottom: 0; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.form-control-element-cs { background-color: transparent; border: 0; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); -o-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; height: 50px; padding: 6px 15px; }
.form-control-element-cs:focus { border-color: #474747; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); -o-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4); outline: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; }
.form-control-element-cs:focus ~ .input-border > .fields-cs,
.form-control-element-cs:valid ~ .input-border > .fields-cs { color: #b5b5b5; font: 1.2rem/1.42857143 "Asap-Regular"; left: 0; opacity: 0; top: 0; transform: translateY(-65%); -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); }
.input-border:after { background-color: #c74935; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; transform: scale(0,0); -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; width: 100%; }
.btn-enter-mobile {
	background-color: #c74935;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	color: #fff;
	cursor: pointer;
	font-size: 1.4rem;
	height: 50px;
	position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  z-index: 9999;
}
.btn-enter-mobile > i { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

  /*------- Animated Label Textbox CSS Ends -------*/
	

/*------- Coming Soon Section Ends -------*/

/*------- Mobile Whatsapp Section Starts -------*/

.bg-mobile-whatsapp-home { display: none; }

/*------- Mobile Whatsapp Section Ends -------*/

/*------- How It Works Section Starts -------*/

.bg-how-it-works-home,
.bg-why-choose-home,
.bg-quick-access-home { padding: 30px 10px; }
.media-choose-us-pg { background-color: #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; padding: 15px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); }
.media-left-choose-us-pg { padding-right: 15px; }
.media-left-choose-us-pg > img { width: 50px; }
.media-body-choose-us-pg > h4 { color: #474747; font: 1.8rem/1.2 "Asap-Regular"; margin-bottom: 0; }
.media-body-choose-us-pg > h4 > span { color: #fff; font-weight: bold; }

/*------- How It Works Section Ends -------*/

/*------- Why Choose Us Section Starts -------*/

.panel-choose,
.panel-access,
.panel-shop-category,
.panel-food { background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); padding: 10px; }
.panel-choose > img,
.panel-access > img,
.panel-shop-category > img { margin-bottom: 10px; width: 40%; }
.panel-choose > p,
.panel-access > p,
.panel-shop-category > p { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; text-align: center; }

/*------- Why Choose Us Section Ends -------*/

/*------- Shop By Category Section Starts -------*/

.bg-shop-category-home { padding: 30px 10px; }
.panel-shop-category { margin-bottom: 10px; }

/*------- Shop By Category Section Ends -------*/

/*------- Grocery Section Starts -------*/

.bg-food-home { padding: 30px 10px; }
.grocery-offer-less { border: 1px solid #5cb85c; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #f6f6f6; font: 1.4rem/1.42857143 "Asap-Regular"; padding: 0px 5px; background: #5cb85c; }
.product-icons-listing { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; margin-bottom: 10px; }
.product-icons-listing > li { display: inline-block; margin-right: 0; }
.product-icons-listing > li > a { align-items: center; background-color: transparent; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 25px; justify-content: center; position: relative; width: 25px; }
.product-icons-listing > li > a > i { color: #969696; font-size: 1.4rem; }
.panel-food { min-height: 343px; margin-bottom: 10px; }
.panel-food-icons > a > img { margin-bottom: 5px; height: 70px; width: auto; }
.product-info > p:first-child { color: #969696; font: 1.2rem/1.42857143 "Asap-Regular"; }
.product-info > p:nth-child(2) { align-items: center; color: #474747; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font: 1.4rem/1.42857143 "Asap-Regular"; justify-content: center; margin-bottom: 5px; min-height: 40px; }
.product-info > p:nth-child(3),
.product-info > p:nth-child(4) { border-radius: 40px / 120px; color: #474747; font: 1.3rem/1.42857143 "Asap-Regular"; margin-bottom: 5px; }
.product-info > p:nth-child(3)  { color: #969696; }
.product-info > p:nth-child(4) { font-size: 1.4rem; }
.product-info > p > del { color: #969696; }
.btn-add-to-cart { background-color: #c74935; border: 0; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -webkit-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -ms-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -o-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); color: #fff; font: 1.2rem/1.42857143 "Asap-Regular"; letter-spacing: 1px; margin-bottom: 10px; position: relative; }
.btn-add-to-cart:hover,
.btn-add-to-cart:active:hover { color: #fff; }
.btn-add-to-cart:focus,
.btn-add-to-cart:active:focus { color: #fff; }
.plus-minus-quantity { align-items: center; display: flex; height: 32px; justify-content: center; }
.plus-minus-quantity.active { display: flex; }
.qty { border: 0; color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; height: 20px; width: 30px; text-align: center; line-height: normal !important; unicode-bidi: -webkit-isolate; -webkit-box-direction: normal; border-image: initial; overflow-wrap: break-word; white-space: pre-wrap; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; display: inline; box-sizing: border-box;
}
.add,
.minus { cursor: pointer; }
.plus-minus-quantity > i { color: #522f93; font-size: 2rem; }
.mb-view-all { margin-bottom: 30px; }
.btn-view-all { background-color: #c74935; color: #fff; }
.btn-view-all:hover,
.btn-view-all:active:hover { color: #fff; }
.btn-view-all:focus,
.btn-view-all:active:focus { color: #fff; }
.prime-price > a { border: 1px solid #37bcae; background-color: #37bcae38; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; color: #474747; display: inline-block; font: 1.4rem/1.42857143 "Asap-Regular"; padding: 5px 15px; }
.prime-price > a > p > i { color: #ff7600; }
.non-prime-price > a { border: 1px solid #8f8f8f; background-color: #b1b1b138; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; color: #474747; display: inline-block; font: 0.9rem/1.22857143 "Asap-Regular"; padding: 5px 15px; }
.prime-price > i { color: #ff7600; }
.img-product-info { max-height:516px; }

	/*------- Ripple Effects CSS Starts -------*/

.btn-ripple { overflow: hidden; position: relative; z-index: 1; }
.btn-ripple:hover, 
.btn-ripple:focus { opacity: .9; }
@-webkit-keyframes ripple {
  0% { height: 0; opacity: .5; width: 0; }
  100% { height: 150px; opacity: 0; width: 150px; }
}
@keyframes ripple {
  0% { height: 0; opacity: .5; width: 0; }
  100% { height: 150px; opacity: 0; width: 150px; }
}
.ripple:before { background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; content: ''; left: 50%; height: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); visibility: hidden; width: 0; z-index: 2; }
.ripple:not(:active):before { -webkit-animation: ripple 0.4s cubic-bezier(0, 0, 0.2, 1); animation: ripple 0.4s cubic-bezier(0, 0, 0.2, 1); transition: visibility .4s step-end; -webkit-transition: visibility .4s step-end; -moz-transition: visibility .4s step-end; -ms-transition: visibility .4s step-end; -o-transition: visibility .4s step-end; }
.ripple:active:before { visibility: visible; }

	/*------- Ripple Effects CSS Ends -------*/

	/*------- Grocery Info Modal Section Starts -------*/

.box-grocery-pro-lis-heading > h4 { background-color: #eee; border-radius: 4px; color: #c74935; font: 1.8rem/1.42857143 "Asap-Medium"; margin-bottom: 30px; padding: 10px 15px; }
.gro-pro-info-listing { background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); margin-bottom: 30px; padding: 10px; }
.gro-pro-info-listing:last-of-type { margin-bottom: 0; }
.gro-pro-info-listing > p { color: #c74935; display: block; font: 1.6rem/1.42857143 "Asap-Regular"; margin-bottom: 5px; }
.gro-pro-info-listing > p:last-child { color: #474747; }
.grocery-modal-listing { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; }
.grocery-modal-listing > li { border: 1px solid #ccc; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; display: inline-block; margin-right: 15px; width: 20%; }
.grocery-modal-listing > li:last-child { margin-right: 0; }
	/*------- Grocery Info Modal Section Ends -------*/

/*------- Grocery Section Ends -------*/

/*------- Modal Section Starts -------*/

.box-modal { background-color: #fff; bottom: 0; left: 0; position: fixed; right: 0; top : 0; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; z-index: 9999; }
.box-modal-1 { opacity: 0; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.box-modal-2 { background-color: transparent !important; transform: scale(0,0); -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); }
.box-modal-1:target { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0);  -ms-transform: translateY(0); -o-transform: translateY(0); }
.box-modal-2:target {transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
.box-panel-modal { background-color: #fff; border: 2px solid #eee; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 500px; }
.box-panel-modal-body { padding: 30px; }
.btn-modal-close { background-color: #eee; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #474747; display: block; height: 30px; text-align: center; width: 30px; }
.btn-grocery-info-modal-close { background-color: #fff; }
.btn-modal-close > i { line-height: 30px; }
.top-right-close { position: absolute; right: -15px; top: -15px; }
.slick-slide img.img-grocery-slide { width: auto; }
.grocery-slides .slick-dots { bottom: 0; }

/*------- Modal Section Ends -------*/

/*------- Brand Section Starts -------*/

.bg-brand-display { padding: 30px 10px; }
.brand-listing { margin-bottom: 15px; text-align:justify; line-height:24px; }
.brand-listing > li { display: inline-block; margin-right: 15px; }
.brand-listing > li > a { color: #969696; font: 1.3rem/1.32857143 "Asap-Regular"; }
.pc-super-mart > h4 { color: #c74935; font: 1.8rem/1.42857143 "Asap-Medium"; margin-bottom: 15px; }
.pc-super-mart > p { color: #969696; font: 1.3rem/1.32857143 "Asap-Regular"; margin-bottom: 15px; text-align: justify; }
.pc-super-mart > p:last-child { margin-bottom: 0; }

/*------- Brand Section Ends -------*/

/*------- Payment Options Section Starts -------*/

.bg-payment-options { padding: 30px 10px; }

/*------- Payment Options Section Ends -------*/

/*------- Back to Top Section Starts -------*/

.bg-back-to-top { background-color: #ccc; padding: 0 10px; }
.back-to-top { color: #fff; font: 1.4rem/1.42857143 "Asap-Regular"; display: block; padding: 10px; text-align: center; }
.back-to-top:hover,
.back-to-top:focus { color: #fff; }

/*------- Back to Top Section Ends -------*/

/*------- Footer Section Starts -------*/

.bg-footer-home { background-color: #e7e7e7; padding: 30px 10px; }
.img-all-payment-method { margin-bottom: 30px; width: 60%; }
.copyrights { color: #474747; font: 1.2rem/1.42857143 "Asap-Regular"; }
.copyrights > a { color: #c74935; }
.img-playstore { margin: 0 auto 15px; width: 125px; }
.footer-page-listing { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; margin-bottom: 30px; }
.footer-page-listing > li { display: inline-block; }
.footer-page-listing > li > a { color: #474747; font: 1.2rem/1.42857143 "Asap-Regular"; display: block; padding: 0 10px; }
.footer-page-listing > li > a:hover { color: #66339a; }
.footer-social-listing { margin-bottom: 30px; text-align: center; }
.footer-social-listing > li { display: inline-block; margin-right: 10px; }
.footer-social-listing > li:last-child { margin-right: 0; }
.footer-social-listing > li > a { color: #474747; font-size: 1.4rem; }
.footer-social-listing > li:first-child > a { font-family: "Asap-Regular"; }

/*------- Footer Section Ends -------*/

/*------- Fixed Right Sidebar Section Starts -------*/

.fixed-right-sidebar { height: 100%; position: fixed; right: 0; top: 0; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; width: 550px; z-index: 9999; }
.fixed-right-sidebar.active { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.my-cart { background-color: #000; padding: 15px; }
.panel-cart { background-color: #eee; height: 100%; position: relative; }
.panel-cart-heading { background-color: #5cb85c; left: 0; padding: 15px; position: absolute; top: 0; width: 100%; z-index: 1; }
.panel-cart-heading > h3 { color: #fff; font: 1.8rem/1.42857143 "Asap-Regular"; }
.panel-cart-heading > h3 > a { color: #fff; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.panel-cart-heading > h3 > a > span { background-color: #4ba24b; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; height: 40px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%,-50%) scale(0.5); -webkit-transform: translate(-50%,-50%) scale(0.5); -moz-transform: translate(-50%,-50%) scale(0.5); -ms-transform: translate(-50%,-50%) scale(0.5); -o-transform: translate(-50%,-50%) scale(0.5); transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; width: 40px; z-index: -1; }
.panel-cart-heading > h3 > a:hover > span { opacity: 1; transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1); -moz-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); -o-transform: translate(-50%,-50%) scale(1); }
.panel-cart-body { background-color: #fefefe; bottom: 70px; left: 0; overflow-y: scroll; position: absolute; top: 55px; width: 100%; }

	/*------- Cart Table CSS Starts -------*/

.table-cart { border: 0; border-collapse: collapse; box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -webkit-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -ms-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -o-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); padding: 0; width: 100%; }
.table-cart tr { background: #fff; border-bottom: 1px solid #ccc; }
.table-cart th, 
.table-cart td { padding: 3px; text-align: left; }
.table-cart th { background-color: #eee; border: 0; color: #444; font: 1.6rem/1.42857143 "Asap-Medium"; padding: 4px; }
.table-cart td { border: 0; color: #666; font: 1.4rem/1.42857143 "Asap-Regular"; }
.table-cart > tbody > tr > td > img { margin-right: 10px; width: 30px; }
.quantity { align-items: center; display: flex; }
.quantity > a { height: 20px; }
.cart-quantity > .qty { border: 0; color: #000; font-size: 1.8rem; height: 20%; text-align: center; width: 40px; }
.quantity-minus > i,
.quantity-plus > i { color: #555; font-size: 2rem; }
.quantity-minus:hover > i,
.quantity-plus:hover > i { color: #555; }

  /*------- Cart Table CSS Ends -------*/

  /*------- Cart Body CSS Starts -------*/

.panel-total-charges-savings { padding: 15px; }
.panel-total-charges-savings > p { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; position: relative; }
.panel-total-charges-savings > p > span { color: #c74935; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.hr-sct { border-top: 1px solid #d0d0d0; margin: 5px 0; }
.hr-sct-bottom { border-top: 10px solid #d0d0d0; margin: 0; }
.panel-pro-buy-listing { padding: 15px 15px 0; }
.panel-pro-buy-listing > ul > li { border-bottom: 1px solid #d0d0d0; padding-bottom: 15px; margin-bottom: 15px; position: relative; }
.panel-pro-buy-listing > ul > li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.buy-pro-name-media-body > label { border: 1px solid #5cb85c; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #5cb85c; font: 1.4rem/1.42857143 "Asap-Regular"; padding: 0px 5px; }
.buy-pro-name-media-body > h4 { color: #474747; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 7px; }
.buy-pro-name-media-body > p { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; margin-bottom: 10px; }
.quantity > .qty { background-color: transparent; }
.quantity-with-price-inc { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.cart-quantity,
.cart-quantity-with-price { float: left; padding: 0 5px; }
.cart-quantity-with-price > p { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; padding-left: 20px; position: relative; }
.cart-quantity-with-price > p > del { color: #969696; padding-left: 10px; }
.cart-quantity-with-price > p:before { content: "\f00d"; font-family: "Font Awesome 5 Pro"; font-weight: 400; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.buy-product-value > p { bottom: 15px; color: #c74935; font: 1.6rem/1.42857143 "Asap-Regular"; position: absolute; right: 0; }

	/*------- Cart Body CSS Ends -------*/

.panel-cart-footer { bottom: 0; left: 0; padding: 15px; position: absolute; width: 100%; }
.btn-proceed-checkout { background-color: #c74935; color: #fff; padding: 10px 15px; text-align: left; }
.btn-delivery-charge-que { background-color: #fff; color: #474747; margin-bottom: 15px; }
.btn-proceed-checkout > span { right: 15px; position: absolute; top: 50%; transform: translateY(-50%); }
.full-width { width: 100%; }
.btn-proceed-checkout:hover,
.btn-proceed-checkout:active:hover { color: #fff; }
.btn-proceed-checkout:focus,
.btn-proceed-checkout:active:focus { color: #fff; }
.panel-unselected-product { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 100%; }
.bg-empty-cart { animation: zoomInOut 2s infinite; background-color: #fff; border-radius: 50%; box-shadow: 0px 2px 13px -7px #00000047, -1px 4px 15px 5px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 2px 13px -7px #00000047, -1px 4px 15px 5px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 2px 13px -7px #00000047, -1px 4px 15px 5px rgba(0, 0, 0, 0); -ms-box-shadow: 0px 2px 13px -7px #00000047, -1px 4px 15px 5px rgba(0, 0, 0, 0); -o-box-shadow: 0px 2px 13px -7px #00000047, -1px 4px 15px 5px rgba(0, 0, 0, 0); height: 300px; margin: 0 auto 30px; width: 300px; }
@keyframes zoomInOut {
	0% { transform: scale(1); }
	25% { transform: scale(1.05); }
	50% { transform: scale(1.1); }
	75% { transform: scale(1.05); }
	100% { transform: scale(1); }
}
.bg-empty-cart > i { display: block; font-size: 14rem; line-height: 300px; text-align: center; }
.bg-empty-cart + p,
.bg-empty-cart + p + p { color: #474747; font: 2rem/1.42857143 "Asap-Regular"; text-align: center; }
.bg-empty-cart + p + p { color: #693ab8; }

/*------- Fixed Right Sidebar Section Ends -------*/

/*------- About Us Page Starts -------*/

	/*------- Top Navigationbar Section Starts -------*/

.top-header-about { left: 0; padding: 15px; position: absolute; top: 0; width: 100%; z-index: 1; }
.navbar-container { margin: 0 auto; max-width: 1170px; padding: 0 15px; }
.img-logo-about { width: 200px; }
.menu-about-listing { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-end; }
.menu-about-listing > li { display: inline-block; margin-right: 30px; }
.menu-about-listing > li:last-child { margin-right: 0; }
.menu-about-listing > li > a { color: #fff; font: 1.8rem/1.42857143 "Asap-Regular"; }
.menu-about-listing > li > a:hover,
.menu-about-listing > li.active > a { color: #ae81ff; }

	/*------- Top Navigationbar Section Ends -------*/

	/*------- Banner Section Starts -------*/

.bg-banner-about { background: url("../images/bg-about.jpg") no-repeat fixed top/cover; height: 100vh; position: relative; }
.banner-about-desc { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.banner-about-desc > p { color: #fff; font: 2.4rem/1.42857143 "Asap-Regular"; margin-bottom: 10px; }
.banner-about-desc > h1 { color: #fff; font: 3.6rem/1.42857143 "Asap-Medium"; margin-bottom: 10px; }
.banner-about-more > a { align-items: center; background-color: #c74935; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 60px; justify-content: center; width: 60px; }
.banner-about-more > a > i { color: #fff; font-size: 3rem; }

	/*------- Banner Section Ends -------*/

	/*------- Goal Section Starts -------*/

.bg-goal-about { padding: 30px 10px; }
.goal-heading > h2 { color: #474747; font: 3rem/1.42857143 "Asap-Medium"; margin-bottom: 15px; }
.goal-heading > p { color: #474747; display: inline-block; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 30px; padding-bottom: 15px; position: relative; }
.goal-heading > p:after { background-color: #c74935; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 70px; }

	/*------- Slider Starts -------*/

.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }

		/* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."now override the 3.3 new styles for modern browsers & apply opacity */

@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.carousel-fade .carousel-inner > .item.next.left,
	.carousel-fade .carousel-inner > .item.prev.right,
	.carousel-fade .carousel-inner > .item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

		/*------- Custom Slider CSS Starts -------*/

.carousel-inner-about { z-index: 0; }
.img-about-slider { width: 100%; }
.carousel-indicators li { background-color: #000; border: 1px solid #fff; }
.carousel-indicators .active { background-color: #c74935; border: 1px solid #fff; }
.carousel-control.right, 
.carousel-control.left { background-image: none; }

		/*------- Custom Slider CSS Ends -------*/

	/*------- Slider Ends -------*/

	/*------- Who We Are Section Starts -------*/

.bg-who-we-about,
.bg-our-journey-about,
.bg-grown-map-about { padding: 30px 10px; }
.who-we-heading > h2,
.our-journey-heading > h2 { color: #c74935; display: inline-block; font: 3rem/1.42857143 "Asap-Medium"; margin-bottom: 15px; padding-bottom: 15px; position: relative; }
.who-we-heading > h2:after,
.our-journey-heading > h2:after { background-color: #c74935; bottom: 0; content: ""; height: 4px; left: 0; position: absolute; width: 70px; }
.who-we-heading > p,
.our-journey-heading > p { color: #474747; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 30px; text-align: justify; width: 85%; }
.img-who-we,
.img-our-journey { border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; margin-bottom: 30px; }

	/*------- Who We Are Section Ends -------*/

	/*------- Our Values Section Starts -------*/

.bg-our-values-about { padding: 30px 10px 20px; }
.our-values-heading > h2 { color: #c74935; font: 3rem/1.42857143 "Asap-Medium"; margin-bottom: 15px; }
.panel-values { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); margin-bottom: 10px; padding: 30px; }
.panel-values > h3 { color: #c74935; font: 2.4rem/1.42857143 "Asap-Medium"; margin-bottom: 15px; }
.panel-values > p { color: #474747; font: 1.8rem/1.42857143 "Asap-Regular"; min-height: 85px; }

	/*------- Our Values Section Ends -------*/

	/*------- Map Section Starts -------*/

.grown-map > h3 { color: #c74935; font: 2.4rem/1.42857143 "Asap-Medium"; margin-bottom: 10px; }
.grown-map > p { color: #474747; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 30px; }

	/*------- Map Section Starts -------*/

/*------- About Us Page Ends -------*/

/*------- Your Account Page Starts -------*/

	/*------- Your Account Section Starts -------*/

.bg-acc-with-card { padding: 30px 10px 20px; }
.bg-your-acc,
.bg-your-wallet,
.bg-your-settings,
.bg-your-orders,
.bg-your-feedback,
.bg-your-support,
.bg-your-delivery-charges,
.bg-your-profile,
.bg-your-delivery-addrees-heading,
.bg-your-order-details,
.bg-members-plan,
.bg-members-subscription,
.bg-your-faq,
.bg-your-query { background-color: #e7e7e7; margin-top: 60px; padding: 10px; }
.your-acc-heading > h2,
.your-settings-heading > h2,
.your-orders-heading > h2,
.your-feedback-heading > h2,
.your-support-heading > h2,
.your-delivery-charges-heading > h2,
.your-pro-heading > h2,
.your-delivery-address-heading > h2,
.your-order-details-heading > h2,
.your-members-plan-heading > h2,
.your-members-subscription-heading > h2,
.your-faq-heading > h2,
.your-query-heading > h2 { color: #474747; font: 3rem/1.42857143 "Asap-Regular"; }
.account-icon,
.account-head-desc { float: left; padding: 0 5px; }
.account-icon { width: 25%; }
.account-head-desc { width: 75%; }
.panel-account-icon { background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); margin-bottom: 10px; padding: 10px; }
.panel-account-icon { cursor: pointer; }
.account-icon-circle { align-items: center; background-color: #c74935; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 50px; justify-content: center; width: 50px; }
.account-icon-circle > i { color: #fff; font-size: 2rem; }
.account-head-desc > h4 { color: #c74935; font: 1.8rem/1.2 "Asap-Medium"; margin-bottom: 10px; }
.account-head-desc > p { color: #474747; font: 1.4rem/1.42857143 "Asap-Regular"; min-height: 60px; }

	/*------- Your Account Section Ends -------*/

/*------- Your Account Page Ends -------*/

/*------- Your Orders Page Starts -------*/

.bg-order-table { padding: 30px 10px; }

	/*------- Order Table CSS Starts -------*/

.panel-table-order { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); padding: 3px; }
.table-order { border: 1px solid #b5b5b5; border-collapse: collapse; box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -webkit-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -ms-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -o-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); padding: 0; width: 100%; }
.table-order tr { background: #fff; border: 1px solid #ddd; }
.table-order th, 
.table-order td { padding: 3px; text-align: center; }
.table-order th { background-color: #eee; border: 1px solid #b5b5b5; color: #444; font: 1.8rem/1.42857143 "Asap-Medium"; }
.table-order td { border: 1px solid #b5b5b5; color: #666; font: 1.6rem/1.42857143 "Asap-Regular"; }

  /*------- Order Table CSS Ends -------*/

/*------- Your Orders Page Ends -------*/

/*------- Your Wallet Page Starts -------*/

.bg-wallet-details { padding: 30px 10px; }
.bg-add-wallet { 
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	padding: 30px; 
}
.wallet-detail-icon { margin-right: 15px; }
.wallet-detail-icon > i { color: #c74935; font-size: 3rem; }
.wallet-rs-bal > h3 { color: #474747; font: 2.4rem/1 "Asap-Regular"; margin-bottom: 5px; }
.wallet-rs-bal > p { color: #474747; font: 1.4rem/1.42857143 "Asap-Regular"; }

	/*------- Animated Label Textbox CSS Starts -------*/

.form-element {
  margin-bottom: 30px;
  position: relative; 
}
.fields { color: #b5b5b5; font: 1.6rem/1.42857143 "Asap-Regular"; left: 0; margin-bottom: 0; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
.form-control-element { background-color: transparent; border: 0; border-bottom: 2px solid #b5b5b5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; color: #444; font: 1.6rem/1.42857143 "Asap-Regular"; height: 40px; padding: 6px 0; }
.form-control-element:focus { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; border-color: #474747; outline: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; }
.form-control-element:focus ~ .input-border > .fields,
.form-control-element:valid ~ .input-border > .fields { color: #444; font: 1.2rem/1.42857143 "Asap-Regular"; left: 0; top: 0; transform: translateY(-65%); -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); }
.input-border:after { background-color: #c74935; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; transform: scale(0,0); -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; width: 100%; }
.form-control-element:focus + .input-border:after { transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
.label-fixed {
    font-size: 1.2rem;
    top: 0;
    transform: translateY(-65%);
    -webkit-transform: translateY(-65%);
    -moz-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    -o-transform: translateY(-65%);
}
  /*------- Animated Label Textbox CSS Ends -------*/

  /*------- Custom Radio Button CSS Starts -------*/

.form-wallet { position: relative; }
.label-space { display: inline-block; position: relative; width: 100px; }
.label-space label { background-color: #5cb85c; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #fff; cursor: pointer; display: block; font: 1.4rem/1.42857143 "Asap-Regular"; padding: 10px 20px; }
.label-space label:after, .label-space label:before { background-color: #3e8c3e; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; content: ""; height: 20px; position: absolute; right: 11px; top: 11px; width: 20px; }
.label-space label:before { background-color: #4f2992; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+); background-position: center; background-repeat: no-repeat; background-size: 13px; height: 0; overflow: hidden; width: 0; z-index: 2; }
.label-space input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; width: 100%; }
.label-space input[type="radio"]:checked + label { background-color: #c74935; color: #fff; }
.label-space input[type="radio"]:checked + label:after { background-color: #462384; }
.label-space input[type="radio"]:checked + label:before { height: 20px; width: 20px; }


	/*------- Custom Radio Button CSS Ends -------*/

.btn-add-money-wallet { background-color: #c74935; color: #fff; }
.btn-add-money-wallet:hover,
.btn-add-money-wallet:active:hover { background-color: #c74935; color: #fff; }
.btn-add-money-wallet:focus,
.btn-add-money-wallet:active:focus { background-color: #c74935; color: #fff; }
.wallet-listing { margin-bottom: 15px; }
.wallet-listing > li { display: inline-block; margin-right: 15px; }
.wallet-listing > li:last-child { margin-right: 0; }
.wallet-listing > li > a { background-color: #eee; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #474747; display: block; font: 1.6rem/1.42857143 "Asap-Regular"; padding: 5px 15px; }
.wallet-listing > li.active > a { background-color: #c74935; color: #fff; }

	/*------- Wallet History Section Starts -------*/

.bg-wallet-history { padding: 30px 10px; }
.panel-wallet-history {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	/*padding: 15px;*/
}

	/*------- Wallet Table History CSS Starts -------*/

.table-wallet-history { border: 0; border-collapse: collapse; box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -webkit-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -ms-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -o-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); padding: 0; width: 100%; }
.table-wallet-history tr { background: #fff; border-bottom: 1px solid #ccc; }
.table-wallet-history thead tr { border-bottom: 0; }
.table-wallet-history th { height: 60px; }
.table-wallet-history th, 
.table-wallet-history td { padding: 3px; text-align: center; }
.table-wallet-history th { background-color: #eee; border: 0; color: #444; font: 1.6rem/1.42857143 "Asap-Regular"; }
.table-wallet-history td { border: 0; color: #666; font: 1.4rem/1.42857143 "Asap-Regular"; }

	/*------- Wallet Table History CSS Ends -------*/

.transaction-info > p:first-child { color: #474747; font: 1.4rem/1.42857143 "Asap-Medium"; }
.transaction-info > p { color: #474747; font: 1.2rem/1.42857143 "Asap-Regular"; }

/*------- Your Wallet Page Ends -------*/

/*------- Order Details Page Starts -------*/

	/*------- Order Details Box Section Starts -------*/

.bg-order-details-boxes { padding: 30px 10px; }
.box-order-details-pg,
.box-your-query-pg,
.form-slide-toggle,
.bg-chat { 
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	margin-bottom: 10px;
	padding: 10px 20px;
}
.box-order-details-pg > h4,
.box-your-query-pg > h4 { color: #c74935; font: 1.8rem/1.42857143 "Asap-Regular"; }
.box-order-details-pg > p,
.box-your-query-pg > p { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; }
.order-pro-list-pg-heading > h4 { color: #c74935; font: 1.8rem/1.42857143 "Asap-Regular"; margin: 20px 0 15px 0; }

	/*------- Order Details Box Section Ends -------*/
/*------- Order Details Page Ends -------*/

/*------- Your Profile Page Starts -------*/

	/*------- Add Profile Section Starts -------*/

.bg-add-profile { padding: 30px 10px; }
.gene-info-customer > p,
.gene-customer-cp > p { color: #474747; font: 1.4rem/1.42857143 "Asap-Regular"; margin-bottom: 15px; }
.gene-info-customer > p:last-child { font-size: 1.6rem; margin-bottom: 30px; }
.gene-customer-cp > p { margin-bottom: 30px; }
.form-add-pro { margin-bottom: 30px; position: relative; }
.form-control-add-pro { border-bottom: 1px solid #474747; }
.form-control-add-pro:focus ~ .input-border > .fields-add-pro, 
.form-control-add-pro:valid ~ .input-border > .fields-add-pro { color: #474747; }
.fields-add-pro { color: #474747; }
.input-group-addon-custom { background-color: transparent; border: 0; border-bottom: 1px solid #474747; }
.btn-profile-save-changes { background-color: #c74935; color: #fff; }
.btn-profile-save-changes:hover,
.btn-profile-save-changes:active:hover { background-color: #c74935; color: #fff; }
.btn-profile-save-changes:focus,
.btn-profile-save-changes:active:focus { background-color: #c74935; color: #fff; }

	/*------- Add Profile Section Ends -------*/

/*------- Your Profile Page Ends -------*/

/*------- Support Page Starts -------*/

.btn-whatsapp-sup { display: block; margin-bottom: 30px; }
.media-support-pg { background-color: #c74935; margin-bottom: 30px; }
.media-left-support > i { color: #fff; font-size: 2rem; }
.media-body-choose-us-pg1 > h4 { color: #fff; font: 1.6rem/1.2 "Asap-Regular"; margin-bottom: 0; }
.media-body-choose-us-pg1 > h4 > span { color: #c2a1fc; font-weight: bold; }
.panel-order-support-details,
.panel-table-tickets-details { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); margin-bottom: 30px; padding: 15px; }
.panel-table-tickets-details { margin-bottom: 0; }

	/*------- Accordion With Icon and Background Section Starts -------*/

.bg-accordion-with-bg-icon { padding: 15px 15px 0; }
.accordion-with-bg-icon > ul > li { margin-bottom: 15px; }
.accordion-with-bg-icon > ul > li > a { background-color: #000; color: #fff; display: block; font-family: "Asap-Regular"; font-size: 1.6rem; padding: 10px; position: relative; }
.accordion-with-bg-icon > ul > li > a > i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.accordion-with-bg-icon > ul > li.active > a { background-color: #80c04d; }
.accordion-with-bg-icon > ul > li.active > ul { display: block; }
.accordion-with-bg-icon > ul > li > ul { background-color: #ececec; display: none; padding: 15px; }
.accordion-with-bg-icon > ul > li > ul > li > a { color: #000; font-family: "Asap-Regular"; font-size: 1.4rem; }

  /*------- Accordion With Icon and Background Section Ends -------*/

	/*------- Support Section Starts -------*/

.bg-support-details { padding: 30px 10px; }

	/*------- Multiple Selection Dropdown CSS Starts -------*/

.chosen-container .chosen-choices { background-image: none; border: 0; border-bottom: 2px solid #474747; box-shadow: none; }
.chosen-container-multi .chosen-choices li.search-field input[type=text] { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; height: 38px; margin: 0; }
.chosen-container-single .chosen-single { background-image: none; border: 0; border-bottom: 2px solid #474747; border-radius: 0; box-shadow: none; height: 34px; }
.chosen-container-active.chosen-with-drop .chosen-single { background-image: none; border: 0; border-bottom: 2px solid #474747; box-shadow: none; }
.chosen-container-single .chosen-single span { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; }

	/*------- Multiple Selection Dropdown CSS Ends -------*/

	/*------- Custom Radio Button CSS Starts -------*/

.label-space-order-inquiry { display: inline-block; margin-bottom: 15px; position: relative; }
.label-space-order-inquiry > span:first-child { color: #474747; display: block; font: 1.6rem/1.42857143 "Asap-Regular"; padding-left: 30px; word-break: break-all; }
input[class="order-inquiry"] { display: none; }
input[class="order-inquiry"] + span.order-inquiry-border-dot { background-color: #474747; box-shadow: inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935; -webkit-box-shadow: inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935; -moz-box-shadow: inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935; -ms-box-shadow: inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935; -o-box-shadow: inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; height: 20px; left: 5px; position: absolute; top: 0; width: 20px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
input[class="order-inquiry"] + span.order-inquiry-border-dot { background-color: transparent; border: 3px solid #474747; }
input[class="order-inquiry"] + span.order-inquiry-border-dot:after { background-color: #c74935; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; content: ""; height: 7px; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%) scale(0); -webkit-transform: translate(-50%,-50%) scale(0); -moz-transform: translate(-50%,-50%) scale(0); -ms-transform: translate(-50%,-50%) scale(0); -o-transform: translate(-50%,-50%) scale(0); transition: all 0.5s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; width: 7px; }
input[class="order-inquiry"] + span.order-inquiry-border-dot.active { border: 3px solid #c74935; }
input[class="order-inquiry"] + span.order-inquiry-border-dot.active:after { transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1); -moz-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); -o-transform: translate(-50%,-50%) scale(1); }

	/*------- Custom Radio Button CSS Ends -------*/

.form-element-inquiry { margin-bottom: 0; position: relative; }
.form-control-element-inquiry { border-bottom: 2px solid #474747; }
.form-control-element-inquiry:focus ~ .input-border > .fields, 
.form-control-element-inquiry:valid ~ .input-border > .fields { color: #474747; }
.fields-inquiry { color: #474747; }
.btn-choose-order-send { background-color: #c74935; color: #fff; }
.btn-choose-order-send:hover,
.btn-choose-order-send:active:hover { background-color: #c74935; color: #fff; }
.btn-choose-order-send:focus,
.btn-choose-order-send:active:focus { background-color: #c74935; color: #fff; }

	/*------- Support Section Ends -------*/

	/*------- Table Tickets History CSS Starts -------*/

.table-tickets { border: 0; border-collapse: collapse; box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -webkit-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -moz-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -ms-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); -o-box-shadow: 2px 3px 4px 0 rgba(0,0,0,.1), 0 0 3px 0 rgba(0,0,0,.1); padding: 0; width: 100%; }
.table-tickets tr { background: #fff; border-bottom: 1px solid #ccc; }
.table-tickets thead tr { border-bottom: 0; }
.table-tickets th { height: 60px; }
.table-tickets th, 
.table-tickets td { padding: 3px; text-align: center; }
.table-tickets th { background-color: #eee; border: 0; color: #666; font: 1.6rem/1.42857143 "Asap-Regular"; }
.table-tickets td { border: 0; color: #666; font: 1.4rem/1.42857143 "Asap-Regular"; }

	/*------- Table Tickets History CSS Ends -------*/

/*------- Support Page Ends -------*/

/*------- Your Settings Page Starts -------*/

	/*------- Language Selection Section Starts -------*/

.bg-lan-pre { padding: 30px 10px; }
.lan-preference > p { color: #474747; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 15px; }
.lan-preference > p:last-child { font-size: 1.4rem; margin-bottom: 0; }
.lan-preference > p:last-child > span { color: #c74935; font-weight: 600; }

	/*------- Language Selection Section Ends -------*/

	/*------- Custom Language Radio Button CSS Starts -------*/

.form-language { margin-bottom: 15px; }
.lang-label-space { display: inline-block; position: relative; width: 120px; }
.lang-label-space label { background-color: #ccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #fff; cursor: pointer; display: block; font: 1.4rem/1.42857143 "Asap-Regular"; padding: 10px 20px; }
.lang-label-space label:after, 
.lang-label-space label:before { background-color: #afafaf; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; content: ""; height: 20px; position: absolute; right: 11px; top: 11px; width: 20px; }
.lang-label-space label:before { background-color: #3d903d; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+); background-position: center; background-repeat: no-repeat; background-size: 13px; height: 0; overflow: hidden; width: 0; z-index: 2; }
.lang-label-space input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; width: 100%; }
.lang-label-space input[type="radio"]:checked + label { background-color: #5cb85c; color: #fff; }
.lang-label-space input[type="radio"]:checked + label:after { background-color: #afafaf; }
.lang-label-space input[type="radio"]:checked + label:before { height: 20px; width: 20px; }

	/*------- Custom Language Radio Button CSS Ends -------*/

/*------- Your Settings Page Ends -------*/

/*------- Delivery Charges Page Starts -------*/

	/*------- Delivery Charges Boxes Section Starts -------*/

.bg-delivery-charges { padding: 30px 10px; }
.panel-delivery-charges,
.panel-select-plan { border: 1px solid #c74935; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; margin-bottom: 30px; }
.panel-delivery-charges-body,
.panel-select-plan-body { padding: 30px; }
.panel-delivery-charges-body > i,
.panel-select-plan-body > i { color: #474747; display: block; font-size: 4rem; margin-bottom: 15px; text-align: center; }
.panel-delivery-charges-body > h3,
.panel-select-plan-body > h3 { color: #c74935; font: 2.4rem/1.42857143 "Asap-Regular"; text-align: center; }
.panel-delivery-charges-body > p,
.panel-select-plan-body > p { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; text-align: center; }
.panel-delivery-charges-footer { background-color: #c74935; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; padding: 15px; }
.panel-delivery-charges-footer > p { color: #fff; font: 1.8rem/1.42857143 "Asap-Regular"; text-align: center; }
.delivery-charges-notes > p { color: #c74935; font: 1.4rem/1.42857143 "Asap-Regular"; margin-bottom: 5px; }
.delivery-charges-notes > ol { padding-left: 15px; }
.delivery-charges-notes > ol > li { color: #474747; list-style: decimal; font: 1.4rem/1.42857143 "Asap-Regular"; }

	/*------- Delivery Charges Boxes Section Ends -------*/

/*------- Delivery Charges Page Ends -------*/

/*------- Order Completed Page Starts -------*/

	/*------- Order Completed Heading Section Starts -------*/

.order-completed-heading-pg > h2,
.order-delivery-feedback-pg > h2 { background-color: #c74935; color: #fff; font: 3rem/1.42857143 "Asap-Regular"; margin-bottom: 30px; padding: 10px 15px; }

	/*------- Order Completed Heading Section Ends -------*/

	/*------- Order Completed and Delivery Feedback Description Section Starts -------*/

.bg-order-completed-desc,
.bg-delivery-feeback-desc { padding: 30px; }
.box-order-completed,
.box-delivery-feedback { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); padding: 30px; }
.order-completed-desc > i,
.delivery-feedback-desc > i { color: #c74935; font-size: 3.6rem; display: block; margin-bottom: 15px; text-align: center; }
.order-completed-desc > p,
.delivery-feedback-desc > p { color: #474747; font: 3rem/1.42857143 "Asap-Regular"; margin-bottom: 5px; text-align: center; }
.order-completed-desc > p:nth-child(3),
.delivery-feedback-desc > p:nth-child(3) { font-size: 1.4rem; margin-bottom: 15px; }
.order-person-info > h3,
.delivery-feedback-person-info > h3 { color: #c74935; font: 1.8rem/1.42857143 "Asap-Regular"; }
.order-person-info > p,
.delivery-feedback-person-info > p { color: #474747; font: 1.4rem/1.42857143 "Asap-Regular"; }
.border-wave { border-bottom: 2px dashed #ccc; margin-bottom: 15px; }
.block-order-person { margin-bottom: 15px; }
.rate-shopping-exp,
.rate-delivery-exp { color: #c74935; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 15px; }
.rate-shopping-exp-listing { display: flex; justify-content: center; margin-bottom: 30px; }
.rate-shopping-exp-listing > li { display: inline-block; margin-right: 30px; text-align: center; }
.rate-shopping-exp-listing > li:last-child { margin-right: 0; }
.rate-shopping-exp-listing > li > a { color: #474747; font-size: 4rem; }
.rate-shopping-exp-listing > li > a:hover,
.rate-shopping-exp-listing > li.active > a { color: #5cb85c; }
.rate-shopping-exp-listing > li > a > p { color: #474747; font: 1.4rem/1.42857143 "Asap-Regular"; }
.form-element-order-completed { margin-bottom: 15px; position: relative; }
.form-control-element-leave-comment { border-bottom: 2px solid #474747; }
.form-control-element-leave-comment:focus ~ .input-border > .fields-leave-comment, 
.form-control-element-leave-comment:valid ~ .input-border > .fields-leave-comment { color: #474747; }
.fields-leave-comment { color: #474747; }
.btn-order-complete-submit { background-color: #c74935; color: #fff; }
.btn-order-complete-submit:hover,
.btn-order-complete-submit:active:hover,
.btn-order-complete-submit:focus,
.btn-order-complete-submit:active:focus { background-color: #c74935; color: #fff; }

	/*------- Order Completed and Delivery Feedback Description Section Ends -------*/

/*------- Order Completed Page Ends -------*/

/*------- Proceed Checkout Page Starts -------*/

.bg-logo-pro-chec,
.bg-logo-order-completed,
.bg-delivery-feeback { padding: 15px; }
.img-proceed-checkout-logo,
.img-order-completed-logo,
.img-delivery-feedback-logo { width: 60px; }
.bg-logo-pro-chec { background-color: #eee; margin-bottom: 15px; padding: 15px; }
.bg-logo-pro-chec > .row { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.pro-checkout-info-listing { text-align: right; }
.pro-checkout-info-listing > li { display: inline-block; color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; margin-right: 30px; }
.pro-checkout-info-listing > li:last-child { margin-right: 0; }
.pro-checkout-info-listing > li > i { margin-right: 5px; }
.pro-chec-detail { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); }
.pro-chec-listing > li { margin-bottom: 10px; position: relative; }
.pro-chec-detail-step-heading > h4 { align-items: center; background-color: #c74935; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; color: #fff; font: 1.6rem/1.42857143 "Asap-Regular"; padding: 10px 10px; position: relative; }
.pro-chec-detail-step-heading > h4 > span { background-color: #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; color: #474747; display: inline-block; font: 1.4rem/1.42857143 "Asap-Regular"; height: 30px; line-height: 30px; margin-right: 15px; text-align: center; width: 30px; }
.pro-chec-detail-step-heading > h4 > i { color: #fff; cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.pro-chec-detail-process-body { background-color: #c1c1c11f; margin-top: 10px; padding: 10px; }
.pro-chec-detail-process-body > p { color: #474747; font: 1.4rem/1.42857143 "Asap-Regular"; margin-bottom: 10px; }
.form-control-pro-chec { color: #888; font: 1.4rem/1.42857143 "Asap-Regular"; letter-spacing: 1px; margin-bottom: 15px; }
.form-control-pro-chec::-webkit-input-placeholder { color: #ccc; }
.form-control-pro-chec:-ms-input-placeholder { color: #ccc; }
.form-control-pro-chec::placeholder { color: #ccc; }
.form-control-pro-chec:focus { border-color: #ccc; box-shadow: none; }
.btn-pro-chec-verify,
.btn-pro-chec-continue,
.btn-pro-check-add-address,
.btn-pro-to-pay { background-color: #8bc34a; color: #fff; width: 100%; }
.box-add-address-form > .form-group:first-child { margin-top: 15px; }
.btn-pro-chec-verify:hover,
.btn-pro-chec-verify:active:hover,
.btn-pro-chec-continue:hover,
.btn-pro-chec-continue:active:hover,
.btn-pro-check-add-address:hover,
.btn-pro-check-add-address:active:hover,
.btn-pro-to-pay:hover,
.btn-pro-to-pay:active:hover { color: #fff; }
.btn-pro-chec-verify:focus,
.btn-pro-chec-verify:active:focus,
.btn-pro-chec-continue:focus,
.btn-pro-chec-continue:active:focus,
.btn-pro-check-add-address:focus,
.btn-pro-check-add-address:active:focus,
.btn-pro-to-pay:focus,
.btn-pro-to-pay:active:focus { color: #fff; }
.label-pro-chec { color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; }
.label-space-pro-chec-address { display: inline-block; margin-bottom: 15px; position: relative; }
.label-space-pro-chec-address > span:first-child { color: #474747; display: block; font: 1.6rem/1.42857143 "Asap-Regular"; padding-left: 40px; word-break: break-all; }
.pro-chec-address-body { display: none; }
.pro-chec-address-body.active { display: block; }

	/*------- Custom Radio Button CSS Starts -------*/

.label-space-pro-chec-delivery { display: inline-block; margin-bottom: 15px; position: relative; }
.label-space-pro-chec-delivery > span:first-child { color: #474747; display: block; font: 1.6rem/1.42857143 "Asap-Regular"; padding-left: 30px; word-break: break-all; }
input[type="radio"] { display: none; }
input[type="radio"] + span.border-dot { background-color: #474747; box-shadow: inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935, inset 0 0 0 0 #c74935; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; height: 20px; left: 5px; position: absolute; top: 0; width: 20px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }
input[type="radio"] + span.border-dot { background-color: transparent; border: 3px solid #474747; }
input[type="radio"] + span.border-dot:after { background-color: #c74935; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; content: ""; height: 7px; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%) scale(0); -webkit-transform: translate(-50%,-50%) scale(0); -moz-transform: translate(-50%,-50%) scale(0); -ms-transform: translate(-50%,-50%) scale(0); -o-transform: translate(-50%,-50%) scale(0); transition: all 0.5s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; width: 7px; }
input[type="radio"]:checked + span.border-dot { border: 3px solid #c74935; }
input[type="radio"]:checked + span.border-dot:after { transform: translate(-50%,-50%) scale(1); -webkit-transform: translate(-50%,-50%) scale(1); -moz-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); -o-transform: translate(-50%,-50%) scale(1); }

	/*------- Custom Radio Button CSS Ends -------*/

.btn-pro-check-add-address { background-color: #c74935; color: #fff; }

	/*------- Custom Delivery Date and Time Button CSS Starts -------*/

.delivery-time-date-label-space { display: block; position: relative; }
.delivery-time-date-label-space label { background-color: #00000070; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: #fff; cursor: pointer; display: block; font: 1.4rem/1.42857143 "Asap-Regular"; padding: 10px; margin-top: 10px;}
.delivery-time-date-label-space label:after, 
.delivery-time-date-label-space label:before { background-color: #afafaf; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; content: ""; height: 20px; position: absolute; right: 11px; top: 11px; width: 20px; }
.delivery-time-date-label-space label:before { background-color: #3d903d; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+); background-position: center; background-repeat: no-repeat; background-size: 13px; height: 0; overflow: hidden; width: 0; z-index: 2; }
.delivery-time-date-label-space input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none; width: 100%; }
.delivery-time-date-label-space input[type="radio"]:checked + label { background-color: #5cb85c; color: #fff; }
.delivery-time-date-label-space input[type="radio"]:checked + label:after { background-color: #3d903d; }
.delivery-time-date-label-space input[type="radio"]:checked + label:before { height: 20px; width: 20px; }

	/*------- Custom Delivery Date and Time Button CSS Ends -------*/

	/*------- Payment Method Checkbox CSS Starts -------*/

.label-payment-method { margin-top: 15px; width: 24%; }
input[name="payment-method"] { display: none; }
input[name="payment-method"] + span.fir-pay-method { background: url("../images/paypal.jpg") no-repeat top/cover; border: 2px solid #c74935; display: block; height: 100px; margin: 0 auto; position: relative; width: 100px; }
input[name="payment-method"] + span > span.checked-item { background-color: transparent; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; height: 30px; right: -15px; position: absolute; top: -15px; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; width: 30px; }
input[name="payment-method"] + span > span.checked-item:after { border-color: transparent; border-style: solid; border-width: 0 2px 2px 0; height: 10px; width: 6px; content: ""; left: 50%; position: absolute; top: 50%; transform: rotate(45deg) scale(0) translate(-50%,-50%); -webkit-transform: rotate(45deg) scale(0) translate(-50%,-50%); -moz-transform: rotate(45deg) scale(0) translate(-50%,-50%); -ms-transform: rotate(45deg) scale(0) translate(-50%,-50%); -o-transform: rotate(45deg) scale(0) translate(-50%,-50%); transform-origin: top; -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
input[name="payment-method"]:checked + span > span.checked-item { background-color: #c74935; transform: scale(1); }
input[name="payment-method"]:checked + span > span.checked-item:after { border-color: #fff; transform: rotate(45deg) scale(1) translate(-50%,-50%); -webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%); -moz-transform: rotate(45deg) scale(1) translate(-50%,-50%); -ms-transform: rotate(45deg) scale(1) translate(-50%,-50%); -o-transform: rotate(45deg) scale(1) translate(-50%,-50%); }

	/*------- Payment Method Checkbox CSS Ends -------*/

/*------- Proceed Checkout Page Ends -------*/

/*------- Delivery Address Page Starts -------*/

	/*------- Delivery Address Section Starts -------*/

.bg-delivery-address-pg { padding: 30px 10px; }
.manage-address > h3 { color: #c74935; font: 2.4rem/1.42857143 "Asap-Medium"; margin-bottom: 30px; }
.panel-delivery-address { box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24); margin-bottom: 30px; padding: 10px; background-color: #fff; }
.btn-add-new-address { background-color: #c74935; color: #fff; margin-bottom: 30px; }
.btn-add-new-address:hover,
.btn-add-new-address:active:hover { color: #fff; }
.btn-add-new-address:focus,
.btn-add-new-address:active:focus { color: #fff; }
.box-delivery-address-form { margin-bottom: 30px; }
.manage-address-desc > p:first-child { color: #474747; font: 1.8rem/1.42857143 "Asap-Medium"; margin-bottom: 10px; position: relative; }
.manage-address-desc > p:first-child > span { font-family: "Asap-Regular"; }
.manage-address-desc > p { color: #888; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 0; }
.manage-address-desc > p:first-child > i { color: #474747; cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.manage-address-desc > p:first-child > i:first-of-type { right: 40px; }
.box-delivery-edit-address-form > .form-group:first-child { margin-top: 10px; }

	/*------- Delivery Address Section Ends -------*/

/*------- Delivery Address Page Ends -------*/

/*------- Members Plan Page Starts -------*/

	/*------- Members Plan Information Section Starts -------*/

.bg-members-plan-info { padding: 30px 10px 0; }
.bg-smart-saving { background: #8058c3; background: -webkit-linear-gradient(to right, #c74935, #8058c3); background: linear-gradient(to right, #c74935, #8058c3); margin-bottom: 30px; padding: 30px; }
.bg-smart-saving-heading-center { background-color: #8058c3; margin-bottom: 30px; padding: 30px; text-align: center; }
.bg-smart-saving-heading-center > i { color: #fff; display: block; font-size: 3rem; line-height: 1.42857143; margin-bottom: 15px; }
.bg-smart-saving-heading-center > img { margin-bottom: 30px; width: 200px; }
.bg-smart-saving-heading-center > p { color: #fff; font: 1.8rem/1.42857143 "Asap-Regular"; }
.money-saving-heading > p { color: #fff; font: 3rem/1.42857143 "Asap-Regular"; margin-bottom: 30px; text-align: center; }
.media-members-benefits { background-color: #fff; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; margin-bottom: 10px; padding: 15px; }
.media-left-members-benefits > img { width: 60px; }
.media-body-members-benefits > p { color: #474747; font: 1.8rem/1.42857143 "Asap-Regular"; min-height: 50px; }
.bg-select-plan { background-color: #8058c3; padding: 30px; }
.panel-select-plan { background-color: #fff; border: 0; margin-bottom: 0; position: relative; }
.panel-select-plan-body { min-height: 268px; padding: 60px 25px 41px; }
.panel-select-plan-body > i,
.panel-select-plan-body > h3,
.panel-select-plan-body > p { color: #474747; }
.panel-select-plan-body > i { color: #ff7600; } 
.media-left, media-object > i { color: #ff7600; } /*y-fedf00 lp-c2a1fc*/
.panel-select-plan-body > del { color: #969696; display: block; font: 1.8rem/1.42857143 "Asap-Regular"; text-align: center; }
.btn-join-now { background-color: #5cb85c; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; color: #fff; font: 2rem/1.42857143 "Asap-Regular"; padding: 15px; width: 100%; }
.btn-join-now:hover,
.btn-join-now:active:hover,
.btn-join-now:focus,
.btn-join-now:active:focus { background-color: #5cb85c; color: #fff; }
.btn-cancel-now { background-color: #e45e65; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; color: #fff; font: 2rem/1.42857143 "Asap-Regular"; padding: 15px; width: 100%; }
.btn-cancel-now:hover,
.btn-cancel-now:active:hover,
.btn-cancel-now:focus,
.btn-cancel-now:active:focus { background-color: #e45e65; color: #fff; }
.panel-select-plan > p { background-color: #5cb85c; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; color: #fff; font: 1.2rem/1.42857143 "Asap-Regular"; left: 50%; padding: 10px; position: absolute; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

	/*------- Members Plan Information Section Ends -------*/

/*------- Members Plan Page Ends -------*/

/*------- Subscription Page Starts -------*/

		/*------- Subscription Section Starts -------*/

.bg-subscription-pg { padding: 30px 10px; }
.bg-subscription-logo { margin-bottom: 30px; text-align: center; }
.bg-subscription-logo > img { background-color: #c74935; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; display: inline-block; padding: 15px 30px; width: 200px; }
.box-subs-se,
.box-subscription { background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -o-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); margin-bottom: 30px; padding: 10px; }
.box-subs-se > p,
.box-subscription > p { color: #474747; font: 1.8rem/1.42857143 "Asap-Regular"; text-align: center; }
.box-subscription > p { margin-bottom: 5px; }
.box-subscription > h3 { color: #c74935; font: 2.4rem/1.42857143 "Asap-Medium"; text-align: center; }

		/*------- Subscription Section Ends -------*/

/*------- Subscription Page Ends -------*/

/*------- FAQ Page Starts -------*/

	/*------- FAQ Section Starts -------*/

.bg-your-faq-listing { padding: 30px 10px; }
.faq-que-heading { border-bottom: 1px solid #969696; margin-bottom: 15px; padding-bottom: 15px; }
.faq-que-heading > h3,
.faq-note-heading > h3 { color: #474747; font: 1.7rem/1.22857143 "Asap-Medium"; margin-bottom: 15px; }
.faq-ans-listing > li,
.faq-que-heading > p { color: #777; display: block; font: 1.3rem/1.02857143 "Asap-Regular"; margin-bottom: 5px; }
.faq-note-listing { padding-left: 20px; }
.faq-note-listing > li { color: #474747; font: 1.3rem/1.02857143 "Asap-Regular"; list-style: decimal; margin-bottom: 5px; }
.faq-que-heading > p { margin-bottom: 0; line-height: 18px; }
.faq-ans-listing > li:last-child,
.faq-note-listing > li:last-child { margin-bottom: 0; }

	/*------- FAQ Section Ends -------*/
		
/*------- FAQ Page Ends -------*/

/*------- Your Query Page Starts -------*/

	/*------- Your Query Box Section Starts -------*/

.bg-your-query-boxes { padding: 30px 10px; }
.box-your-query-pg { min-height: 40px; }
.form-query-group { margin-bottom: 40px; }
.btn-reply { background-color: #c74935; color: #fff; margin-top: 10px; }
.btn-reply:hover,
.btn-reply:active:hover,
.btn-reply:focus,
.btn-reply:active:focus { background-color: #c74935; color: #fff; }

		/*------- Custom Input File CSS Starts -------*/

.file-input { background-color: #eee; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; display: inline-block; margin-top: 30px; position: relative; padding: 15px; }

.file-input > [type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

.file-input > .button {
  display: inline-block;
  cursor: pointer;
  background: #dedede;
  font: 1.6rem/1.42857143 "Asap-Regular";
  padding: 8px 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-right: 8px;
  transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  -o-transition: 0.3s linear;
}

.file-input:hover > .button {
  background: #c74935;
  color: white;
}

.file-input > .label {
  color: #333;
  font: 1.6rem/1.42857143 "Asap-Regular";
  white-space: nowrap;
  opacity: .3;
}

.file-input.-chosen > .label {
  opacity: 1;
}

		/*------- Custom Input File CSS Ends -------*/

.query-submit { margin-top: 30px; }
.bg-chat { padding: 30px 30px 0; }
.bg-left-chat-box { background-color: #eee; border-radius: 0 7px 7px 7px; -webkit-border-radius: 0 7px 7px 7px; -moz-border-radius: 0 7px 7px 7px; -ms-border-radius: 0 7px 7px 7px; -o-border-radius: 0 7px 7px 7px; color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; margin-bottom: 15px; padding: 10px; position: relative; }
.bg-left-chat-box:before {
	border-bottom: 20px solid #eee;
	border-left: 0 solid transparent;
	border-right: 20px solid transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: -20px;
    transform: rotate(-90deg);
	width: 0;
}
.bg-right-chat-box { background-color: #5cb85c57; border-radius: 7px 0 7px 7px; -webkit-border-radius: 7px 0 7px 7px; -moz-border-radius: 7px 0 7px 7px; -ms-border-radius: 7px 0 7px 7px; -o-border-radius: 7px 0 7px 7px; color: #474747; font: 1.6rem/1.42857143 "Asap-Regular"; margin-bottom: 15px; padding: 10px; position: relative; }
.bg-right-chat-box:before {
	border-bottom: 20px solid #5cb85c57;
	border-left: 0 solid transparent;
	border-right: 20px solid transparent;
	content: "";
	height: 0;
	right: 0;
	position: absolute;
	top: -20px;
    transform: rotate(-90deg);
	width: 0;
}

	/*------- Your Query Box Section Ends -------*/

/*------- Your Query Page Ends -------*/

.successmsg { font-size:10px; border:1px solid #b5d56d; padding:6px; position:relative; vertical-align:middle; background-color:#e1f1c0 !important; color:#62a426 !important; margin-bottom: 20px; }
.errormsg {	font-size:10px; border:1px solid #eb979b; padding:6px; position:relative; vertical-align:middle; background-color:#ffcbca !important; color:#9b4449 !important; margin-bottom: 20px;}
.hide { display: none;}
.show { display: flex;}
.cPrimary{ color: #c74935!important;}
.success { color:#62a426 !important; }
.loader { border: 5px solid #ffffff; border-top: 5px solid #c74935; border-radius: 50%; width: 45px; height: 45px; animation: spin 1s linear infinite; z-index: 9999; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.loaderback{ background-color:#0000005c; height: 100%; position: fixed; width: 100%; z-index: 9;  }

.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 1px;
	margin-left: -1px;
}
.autocomplete-items div {
	padding: 5px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9;
}
.autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important;
	color: #ffffff;
}

/*------- PC Balance Checkobx CSS Starts -------*/

.label-pc-bal { margin-bottom: 15px; position: relative; }
input[class="pc-bal"] { display: none; }
input[class="pc-bal"] + span { color: #474747; display: block; font: 1.6rem/1.42857143 "Asap-Regular"; padding-left: 30px; }
input[class="pc-bal"] + span > span { font-family: "Asap-Medium"; }
input[class="pc-bal"] + span + span {
background-color: #c74935;
display: block;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px;
}
input[class="pc-bal"] + span + span:after {
background-color: transparent;
border-color: #fff;
   border-style: solid;
   border-width: 0 2px 2px 0;
content: "";
height: 10px;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: rotate(45deg) scale(0.5) translate(-50%,-50%);
-webkit-transform: rotate(45deg) scale(0.5) translate(-50%,-50%);
-moz-transform: rotate(45deg) scale(0.5) translate(-50%,-50%);
-ms-transform: rotate(45deg) scale(0.5) translate(-50%,-50%);
-o-transform: rotate(45deg) scale(0.5) translate(-50%,-50%);
transform-origin: top;
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
width: 6px;
}
input[class="pc-bal"]:checked + span + span:after { opacity: 1; transform: rotate(45deg) scale(1) translate(-50%,-50%); -webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%); -moz-transform: rotate(45deg) scale(1) translate(-50%,-50%); -ms-transform: rotate(45deg) scale(1) translate(-50%,-50%); -o-transform: rotate(45deg) scale(1) translate(-50%,-50%); }

/*------- PC Balance Checkobx and Radio Button CSS Ends -------*/
/*------- PC Balance Radio Button CSS Starts -------*/

.label-pc-bal-bank { margin-bottom: 15px; position: relative; }
input[class="pc-bal-bank"] { display: none; }
input[class="pc-bal-bank"] + span { color: #474747; display: block; font: 1.6rem/1.42857143 "Asap-Regular"; padding-left: 30px; }
input[class="pc-bal-bank"] + span + span {
background-color: #c74935;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: block;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 20px;
}
input[class="pc-bal-bank"] + span + span:after {
background-color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
content: "";
height: 10px;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(-50%,-50%) scale(0.5);
-webkit-transform: translate(-50%,-50%) scale(0.5);
-moz-transform: translate(-50%,-50%) scale(0.5);
-ms-transform: translate(-50%,-50%) scale(0.5);
-o-transform: translate(-50%,-50%) scale(0.5);
transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
-o-transition: 0.3s linear;
visibility: hidden;
width: 10px;
}
input[class="pc-bal-bank"]:checked + span + span:after {
opacity: 1;
transform: translate(-50%,-50%) scale(1);
-webkit-transform: translate(-50%,-50%) scale(1);
-moz-transform: translate(-50%,-50%) scale(1);
-ms-transform: translate(-50%,-50%) scale(1);
-o-transform: translate(-50%,-50%) scale(1);
visibility: visible;
}

/*------- PC Balance Radio Button CSS Ends -------*/
.cloader { border: 6px solid #c74935; border-radius: 50%; border-top: 6px solid #444; width: 30px; height: 30px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin-top: 15%; }

/*------- SBG Home Page Starts -------*/

	/*------- Common CSS Starts -------*/

body.active { overflow-y: hidden; }
.flex-align-center { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

	/*------- Common CSS Ends -------*/

	/*------- BG Blur Section Starts -------*/

.bg-blur { background-color: #000000a7; bottom: 0; display: none; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10; }
.bg-blur.active { display: block; }

	/*------- BG Blur Section Ends -------*/

	/*------- Wrapper Section Starts -------*/

.sgb-wrapper { margin-top: 60px; }

		/*------- Fixed Top Menu Section Starts -------*/

.bg-top-menu { background-color: #c74935; }
.header-logo > a { display: inline-block; }
.header-logo > a > img { width: 24px; }
.img-logo-mob { display: block; }
.form-search-menu { background-color: #fff; letter-spacing: 0.5px; }
.form-search-menu::placeholder { color: #c74935; opacity: 1; }
.form-search-menu:-ms-input-placeholder { color: #c74935; }
.form-search-menu::-ms-input-placeholder { color: #c74935; }
.btn-search-menu { border-color: #fff; background-color: #c50745; }
.btn-search-menu:hover, 
.btn-search-menu:active:hover, 
.btn-search-menu:focus, 
.btn-search-menu:active:focus { background-color: #c74935; }
.social-listing-menu > li > a:hover,
.social-listing-menu > li > a:focus { background-color: #c507458c; color: #fff; }
.social-listing-menu > li > a:before { background-color: #c507458c; color: #fff; }
.display-circle-number > span { background-color: #8bc34a; }
.btn-view-all { background-color: #c74935; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #fff; }

		/*------- Fixed Top Menu Section Ends -------*/

		/*------- Fixed Bottom Menu Section Starts -------*/

.fixed-bottom-menu-mob {
	background-color: #fff;
	border-top: 1px solid #ccc;
	bottom: 0;
	display: block;
	left: 0;
	padding: 9px 10px 12px;
	position: fixed;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;
	width: 100%;
	z-index: 2;
}
.fixed-bottom-menu-mob.active { margin-bottom: -50px; }
.fixed-mob-menu-listing { display: flex; }
.fixed-mob-menu-listing > li { display: inline-block; width: 20%; }
.fixed-mob-menu-listing > li > a { color: #777; font: 1rem/1.42857143 "Asap-Regular"; display: block; text-align: center; }
.fixed-mob-menu-listing > li > a > i { display: block; font-size: 1.6rem; margin-bottom: 5px; text-align: center; }
.fixed-mob-menu-listing > li.active > a,
.fixed-mob-menu-listing > li > a:hover { color: #66339a; }
.fixed-mob-menu-listing > li.active > a, 
.fixed-mob-menu-listing > li > a:hover { color: #c74935; }

		/*------- Fixed Bottom Menu Section Ends -------*/

		/*------- Fixed Menu Button Starts -------*/

.fixed-menu-center { bottom: 75px; left: 50%; position: fixed; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }
.fixed-menu-center.active { z-index: 9; }
.fixed-menu-center > p { background-color: #c74935; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; -webkit-box-shadow: -1px 2px 7px -2px #0000009c; -moz-box-shadow: -1px 2px 7px -2px #0000009c; -ms-box-shadow: -1px 2px 7px -2px #0000009c; -o-box-shadow: -1px 2px 7px -2px #0000009c; box-shadow: -1px 2px 7px -2px #0000009c; color: #fff; cursor: pointer; font: 1.4rem/1.42857143 "Asap-Regular"; padding: 10px 20px; text-align: center; }
.fixed-menu-center > p > i { padding-right: 5px; }

		/*------- Fixed Menu Button Ends -------*/
		
		/*------- Fixed Cart Button Starts -------*/

.fixed-cart-center { bottom: 75px; left: 60%; position: fixed; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }
.fixed-cart-center.active { z-index: 9; }
.fixed-cart-center > div { background-color: #c74935; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; -webkit-box-shadow: -1px 2px 7px -2px #0000009c; -moz-box-shadow: -1px 2px 7px -2px #0000009c; -ms-box-shadow: -1px 2px 7px -2px #0000009c; -o-box-shadow: -1px 2px 7px -2px #0000009c; box-shadow: -1px 2px 7px -2px #0000009c; color: #fff; cursor: pointer; font: 1.4rem/1.42857143 "Asap-Regular"; height: 40px; width: 40px; line-height: 40px; text-align: center; }
.fixed-cart-center > div > i { padding-right: 5px; }

		/*------- Fixed Cart Button Ends -------*/

		/*------- Fixed Category Menu Starts -------*/

.fixed-category-menu { bottom: 125px; left: 50%; position: fixed; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 25%; z-index: 10; }
.category-menu-listing { background-color: #c74935; border-radius: 7px; padding: 15px; text-align: center; }
.category-menu-listing > li { display: block; margin-bottom: 5px; }
.category-menu-listing > li > a { color: #fff; font: 1.6rem/1.42857143 "Asap-Regular"; position: relative; }
.category-menu-listing > li.active > a,
.category-menu-listing > li > a:hover { color: #ffcf47; }
.category-menu-listing > li:nth-child(1) > a:after,
.category-menu-listing > li:nth-child(3) > a:after,
.category-menu-listing > li:nth-child(4) > a:after,
.category-menu-listing > li:nth-child(5) > a:after {
    content: "\f067";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.4rem;
    font-weight: 900;
    position: absolute;
    right: -20px;
    top: 0;
}
.category-menu-listing > li:nth-child(1) > a.active:after,
.category-menu-listing > li:nth-child(3) > a.active:after,
.category-menu-listing > li:nth-child(4) > a.active:after,
.category-menu-listing > li:nth-child(5) > a.active:after {
    content: "\f068";
}
.category-sub-menu-listing { background-color: #da1354; display: none; margin-top: 5px; padding: 15px; }
.category-sub-menu-listing > li { display: block; margin-bottom: 5px; }
.category-sub-menu-listing > li:last-child { margin-bottom: 0; }
.category-sub-menu-listing > li > a { color: #fff; font: 1.4rem/1.42857143 "Asap-Regular"; }
.category-sub-menu-listing > li > a:hover { color: #ffcf47; }

		/*------- Fixed Category Menu Ends -------*/

		/*------- Banner Section Starts -------*/

.bg-category-banner-home { padding: 30px 15px; }
.category-banner { background: url('../slider.jpg') no-repeat top/contain; height: 55vh;}

		/*------- Banner Section Ends -------*/

		/*------- Mobile Whatsapp Section Starts -------*/

.bg-mobile-whatsapp-home { padding: 15px; display: block; }

		/*------- Mobile Whatsapp Section Ends -------*/

		/*------- Category Section Starts -------*/

.desktop-container { width: 700px; }
.bg-category-home { padding: 15px; }
.category-section-heading > h2 { border-bottom: 2px solid #c74935; color: #c74935; display: inline-block; font: 3rem/1.42857143 "Asap-Medium"; letter-spacing: 0.5px; margin-bottom: 15px; padding-bottom: 5px; }
.box-category { background-color: #fff; -webkit-box-shadow: 0px 10px 13px -7px #00000024, 5px 5px 15px 5px rgba(0,0,0,0); -moz-box-shadow: 0px 10px 13px -7px #00000024, 5px 5px 15px 5px rgba(0,0,0,0); -ms-box-shadow: 0px 10px 13px -7px #00000024, 5px 5px 15px 5px rgba(0,0,0,0); -o-box-shadow: 0px 10px 13px -7px #00000024, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 0px 10px 13px -7px #00000024, 5px 5px 15px 5px rgba(0,0,0,0); margin-bottom: 10px;	padding: 15px; }
.box-category-home > h3 { color: #222; font: 1.8rem/1.42857143 "Asap-Medium"; margin-bottom: 5px; text-transform: capitalize; }
.box-category-home > p { color: #999; font: 1.6rem/1.42857143 "Asap-Regular"; }
.box-category-atc { text-align: right; }
.box-category-home > p > span { color: #222; }
.box-category-atc > a { background-color: transparent; border: 1px solid #c74935; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; color: #c74935; display: inline-block; font: 1.6rem/1.42857143 "Asap-Regular"; padding: 8px 20px; text-align: center; width: 155px; }
.box-category-atc > a:hover { background-color: #c74935; color: #fff; }

		/*------- Category Section Ends -------*/

	/*------- Wrapper Section Ends -------*/

	/*------- Popup - 1 Starts -------*/

.box-sgb-home-popup {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 11;
}
.box-sgb-home-popup-1 { display: none; }
.box-sgb-home-popup-1.active { display: block; }
.bg-sgb-home-popup-1 {
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	left: 50%;
	padding: 30px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 50%;
}
.bg-sgb-home-popup-close { position: absolute; right: -15px; top: -15px; }
.bg-sgb-home-popup-close > a { background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; display: block; height: 40px; text-align: center; width: 40px; }
.bg-sgb-home-popup-close > a > i { color: #222; font-size: 2rem; line-height: 40px; }
.box-sgb-product-popup-info { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; box-shadow: 0px 10px 13px -7px #00000060, 5px 5px 15px 5px rgba(0,0,0,0); margin-bottom: 30px; padding: 30px; }
.box-sgb-product-popup-info-1 { background-color: #001fff3b; }
.box-sgb-product-popup-info-2 { background-color: #ffb1003b; }
.box-sgb-product-popup-info-3 { background-color: #ff47003b; margin-bottom: 0; }
.sgb-product-name-price > h4 { color: #222; font: 1.8rem/1.42857143 "Asap-Regular"; margin-bottom: 5px; }
.sgb-product-name-price > p { color: #222; font: 1.6rem/1.42857143 "Asap-Regular"; }
.sgb-product-weight > p { color: #222; font: 1.6rem/1.42857143 "Asap-Regular"; text-align: center; }
.sgb-product-add-to-cart > a {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	border-radius: 24px;
	color: #fff;
	display: inline-block;
	font: 1.6rem/1.42857143 "Asap-Regular";
	padding: 8px 20px;
	text-align: center;
}
.sgb-product-add-to-cart-1 > a { background-color: #8c99ff; }
.sgb-product-add-to-cart-2 > a { background-color: #ffd066; }
.sgb-product-add-to-cart-3 > a { background-color: #ffae90; }

	/*------- Popup - 1 Ends -------*/

/*------- SBG Home Page Ends -------*/

/*------- Admission Page Starts -------*/

.ad-btn-listing > li { margin-bottom: 15px; }
.ad-btn-listing > li:last-child { margin-bottom: 0; }
.ad-btn-listing > li > a { display: block; }

/*------- Admission Page Ends -------*/

/*-------LogIn Page Starts -------*/

.box-login-center,
.box-select-program-center { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 35%; }
.bg-login-center,
.bg-select-program-center { background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 30px; }

/*-------LogIn Page Ends -------*/

/*------- Personal Details Section Starts -------*/

.add-section-heading > h1 { align-items: center; background-color: #c74935; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; color: #fff; font: 2.4rem/1.42857143 "Asap-Regular"; margin-bottom: 30px; padding: 10px 10px; position: relative; }
.add-section-heading > h1 > span { background-color: #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; color: #474747; display: inline-block; font: 1.6rem/1.42857143 "Asap-Regular"; height: 35px; line-height: 35px; margin-right: 15px; text-align: center; width: 35px; }
.add-section-heading > h1 > i { color: #fff; cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.box-per-pos-details { background-color: #fff; padding: 30px; }
.fields > span { color: #f00; }

/*------- Personal Details Section Ends -------*/

/*------- Upload Documents Page Starts -------*/

.box-ud-details { background-color: #fff; padding: 30px; }
.form-group-ud { border-bottom: 1px solid #000; padding-bottom: 15px; }
.form-group-ud:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
	
	 /*------- Custom Input File - 1 CSS Starts -------*/

	.label-file-upload { color: #000; font: 1.8rem/1.4 "Asap-Regular"; margin-bottom: 15px; }
	.label-file-upload > span { color: #f00; }
	.input-file-container { position: relative; }
	.js .input-file-trigger { background-color: #9ac762; color: #fff; cursor: pointer; display: inline-block; font: 1.6rem/1 "Asap-Regular"; padding: 10px 15px; text-align: center; }
	.js .input-file { cursor: pointer; left: 0; opacity: 0; padding: 15px 0; position: absolute; top: 0; width: 100%; }
	.file-return { margin: 0; }
	.file-return:not(:empty) { margin: 0 0 15px; }
	.js .file-return { color: #000; font: 1.8rem/1.4 "Asap-Regular"; }
	.js .file-return:not(:empty)::before { content: ""; color: #888; font: 1.8rem/1.4 "Asap-Regular"; }
    
    /*------- Custom Input File - 1 CSS Ends -------*/

.progress-bar { color: #fff; font:  1.4rem/normal "Asap-Regular"; }
.progress-bar-custom[aria-valuenow="40"] { width: 40%; }
.progress-bar-custom[aria-valuenow="70"] { width: 70%; }

/*------- Upload Documents Page Ends -------*/

/*------- Academic Details Page Starts -------*/

#datepicker > span:hover { cursor: pointer; }
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th { font-family: "Asap-Regular"; text-align: center; }
.datepicker.dropdown-menu { border: 1px solid #888; }
.datepicker-dropdown.datepicker-orient-bottom::before { border-top: 7px solid #888; }
.datepicker table tr td.today { background-color: #c74935; color: #fff; }
.datepicker table tr td.active { background-color: #c74935; }
.input-group-addon-datepicker { background-color: transparent; border: 0; border-bottom: 2px solid #b5b5b5; }

/*------- Academic Details Page Ends -------*/


.yas-heading { background-color: #fff; margin-top: 15px; padding: 30px; }
.yas-heading > h1 { color: #c74935; font: 3rem/1 "Asap-Medium"; margin-bottom: 30px; }
.yas-listing > li { display: block; margin-bottom: 30px; }
.yas-listing > li:first-child { -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; color: #fff; font: 1.8rem/normal "Asap-regular"; float: none; height: auto; padding: 15px; width: 100%; }
.yas-listing > li:last-child > a { background-color: #c74935; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; color: #fff; display: block; font: 1.8rem/normal "Asap-regular"; padding: 10px 15px; }