/*custom font*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600,800);
@import url(https://fonts.googleapis.com/css?family=Roboto);

/*--Default-*/ /*basic reset*/
*{margin:0px; padding:0px; text-decoration:none;}
html, body {height: 100%; /*Image only BG fallback*/}

body{ font-size:13px; color: #2d2d2d; background: #f1f1f1; font-family: 'Open Sans', sans-serif; display:none;}

h1, h2, h3, h4, h5, h6, p, ul, li, a{margin:0px; padding:0px; text-decoration:none; font-family: 'Open Sans', sans-serif;}
ul, li{list-style:none; padding:0px; margin:0px;}
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dd, table, fieldset, address { font-family: 'Open Sans', sans-serif;}
a, a:after, a:before, li:after, li:before, li.active:after, li.active:before, h2:after, h2:before, .navbar-nav>li:hover, .navbar-nav>li:hover a{
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
body, button, input, select, textarea {color: #2d2d2d;}
.btn-default{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;}

.clear{clear:both;}
.displaynone {display: none!important; visibility: hidden;}

h1{font-weight:bold;}
h2{font-weight:300; color:#b21d15;}
h3{font-weight:400;}

/*--- Font weight ---*/
.bold300{font-weight:300;}
.bold400{font-weight:400;}
.bold700{font-weight:700;}
.bold{font-weight:bold;}

/*--- Font size ---*/
.fs27{font-size:27px;}
.fs20{font-size:20px; font-weight:300;}
.fs25{font-size:25px; font-weight:300;}
.fs18{font-size:18px;}
.fs16{font-size:16px;}
.fs15{font-size:15px;}

/*--- Font color ---*/
.fclightgreen{color:#27AE60;}
.fcdarkgreen{color:#3d9b41;}
.fcred{color:#e11e26;}
.fcblack{color:#000017;}
.fcgray{color:#ababab;}
.fcbrown{color:#735838;}
.fcwhite{color:#ffffff;}
.fcwhitedul{color:#fafafa;}

/*--- background color ---*/
.bglightgreen{background:#f1f1f1;}
.bgdarkgreen{background:#3d9b41;}
.bgred{background:#e11e26;}
.bgblack{background:#000017;}
.bgblackdull{background:#333333;}
.bggray{background:#f1f1f1;}
.bggray1{background:#ababab;}
.bgbrown{background:#735838;}

.bgwhite{background:#ffffff;}
.bgwhitedul{background:#fafafa;}

.bgorange{color: #fff; background-color: #ff9e1c;}

.btnred{
	color: #fff;
	background-color: #f72833;
	border-color: #ddd;
	border-radius: 5px;
	padding: 10px 20px;
	text-align:center;
}

.btnred:hover {
	color: #5f4427;
	background-color: #fff;
	border-color: #ddd;
}
.btnredoutline {
	background-color: transparent;
	border: 1px solid #F72835;
	text-align: center;
}
.btnredoutline:hover, .btnredoutline:focus{
	background-color: #f72833;
	border-color: #ddd;
	text-align:center;
}
.btngreen {
	color: #fff;
	background-color: #83af62;
	border-color: #ddd;
	border-radius: 5px;
	padding: 10px 20px;
}
.btngreen:hover {
	color: #fccba8;
	background-color: #5f4427;
	border-color: #ddd;
}

.txtbox1{
	height: 40px;
	padding: 19px 12px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #95d546;
	border-radius: 5px;
	z-index: 0;
}

.checkbox, .radio { line-height:30px;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position: absolute;
	margin-top: 4px\9;
	width: 15px;
	height: 15px;

}
.checkbox label, .radio label  {padding-left: 20px;}

/*--- padding ---*/
.pt5 {padding-top:5px;}
.pd {padding:10px;}
.pb5{padding-bottom:5px;}
.pr5{padding-right:5px;}
.pl5{padding-left:5px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pt15 {padding-top:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}
.pr15{padding-right:15px;}
.pb25 {padding-bottom:25px;}
.pt25 {padding-top:25px;}
.pb30 {padding-bottom:30px;}
.pt30 {padding-top:30px;}
.pr30{padding-right:30px}
.pl30{padding-left:30px}
.pt40{padding-top:40px;}
.pb40{padding-bottom:40px;}
.pt60{padding-top:60px;}
.pb60{padding-bottom:60px;}
.pt100{padding-top:100px;}
.pb100{padding-bottom:100px;}
.pl100{padding-left:100px;}
.pr100{padding-right:100px;}
.pt140{padding-top:140px;}
.pb140{padding-bottom:140px;}


/*--- margin ---*/
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:15px;}
.mb40{margin-bottom:40px;}
.ml15{ margin-left:15px;}
.mr15{margin-right:15px !important;}


/*--- border ---*/
.border1greydotted{ border:1px dotted #dddddd;}
.borderb1greydotted{ border-bottom:1px dotted #dddddd;}

.border1grey{ border:1px solid #dddddd;}
.bordertransparent{ border-color:transparent;}
.borderbottom1grey{border-bottom:1px solid #dddddd;}

.bordert1grey{ border-top:1px solid #d1d1d1;}
.borderb1grey{ border-bottom:1px solid #d1d1d1;}
.borderl1grey{ border-left:1px solid #d1d1d1;}
.borderr1grey{ border-right:1px solid #d1d1d1;}

.borderbottom1black{border-bottom:1px solid #2d2d2d;}
.borderbottom1blue{ border-bottom:1px solid #2272b1;}
.border1green{border: 1px solid #95d546;}
.borderradius5{border-radius:5px;}

/* form input placeholder */
input::-webkit-input-placeholder {color: #c3c3c3 !important;}
input:-moz-placeholder { /* Firefox 18- */ color: #c3c3c3 !important;}
input::-moz-placeholder {  /* Firefox 19+ */ color: #c3c3c3 !important;}
input:-ms-input-placeholder { color: #c3c3c3 !important;}

/* form ul li inline data */
.displayinlineblock{display:inline-block;}

/* ------------------- Animate on Scroll ----------------------------------*/
.container{
	-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;
	transition: all 0.3s ease-in-out;
}
.animate {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.animatable {

	/* initially hide animatable objects */
	visibility: hidden;

	/* initially pause animatable objects their animations */
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}

/* show objects being animated */
.animated {
	visibility: visible;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;

	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-ms-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
			 opacity: 1;
			 -webkit-transform: translateY(0);
		 }
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
			 opacity: 1;
			 -webkit-transform: translateY(0);
		 }
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
			 opacity: 1;
			 -webkit-transform: translateY(0);
		 }
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
	70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
	70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
	70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}
/* ------------------- Animate on Scroll End ------------------------------*/


/**********************Go to top*************************/
#return-to-top {
	position: fixed;
	bottom: 20px;
	left: 20px;
	background: rgba(28, 31, 37, 0.7);
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:999999;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 12px;
	top: 2px;
	font-size: 24px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover {
	background: rgba(149, 213, 70, 0.7);
	transform:scale(1.2);
}

#return-to-top:hover i {
	color: #fff;
	top: 2px;
}

/**********************Go to top*************************/


/*********** Top bar *************/


.topbar{ width:100%; color:#666666; font-size:11px; font-family: 'Open Sans', sans-serif; padding:9px 0px; margin:0px;}
.topbar p a{color:#666666;}
.topbar p:hover a{color:#ef534e;}
.topbar p i{ padding-right:8px; color:#666666;}
.topbar p:hover i{color:#ef534e;}

.topbar .text-right li{display:inline-block; border-left:1px solid #666666; padding-left:12px; padding-right:12px; margin-top:0px;}
.topbar .text-right li a{color:#666666;}
.topbar .text-right li:hover a, .topbar .text-right li:hover i{color:#ef534e;}
.topbar .text-right li:first-child {border-left:none;}
.topbar .text-right li:first-child a{color:#ef534e;}
.topbar .text-right li:first-child:hover a{color:#666666;}
.topbar .text-right li:last-child { padding-right:0px;}
.topbar .text-right li i{ padding-right:8px; color:#666666;}

.topbar li, .topbar p{position:relative;}
.topbar li:hover:after, .topbar p:hover:after{width: 100%;}
.topbar li:after, .topbar p:after{
	width: 0;
	height: 2px;
	background: #000017;
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	transition: all linear 0.3s;
}

.topbar .follow li{ display:inline-block; margin-right:5px;}
.topbar .circle{display:block;  width:20px; height:20px; text-align:center; vertical-align:middle; background:#c6c6c6; border-radius:200%;
	outline: 2px solid #333; outline-style:inherit; outline-offset:inherit; border: 1px solid #c6c6c6;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;	}

.topbar .circle:hover {
	border: 1px solid #735838;
	background-color: #5f4427;
}
.topbar .circle:hover i {color: #fff;}

.topbar .circle a {
	color: #333333;
	text-align: center;
	vertical-align:middle;

}

/*********** Top Header *************/

.topheader{ width:100%; color:#666666; padding-top:10px;  padding-bottom:10px;}

.topheader .form-control {
	height: 38px;
	padding: 6px 0;
	font-size: 13px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #95d546;
	border-radius: 2px;
	z-index:0;
}

.topheader .btn-default {
	color: #ffffff;
	background-color: #e11e26;
	border-color: #95d546;
}

.topheader .btn {
	padding: 7px 12px;
	font-size: 16px;
}



.headMenuBlockMenu li{ display:inline-block; color:#666666; padding-left:15px; padding-right:15px;}
.headMenuBlockMenu li a{ color:#666666;}
.headMenuBlockMenu li:hover a{color:#ef534e;}
.headMenuBlockMenu .headMenuBlock{float:none; text-align:center;}
.headMenuBlock span small {position: relative; top: 10px;}

.headMenuBlockMenu .headMenuBlock .fa{display:block; font-size:25px; color:#95d546; padding-bottom:3px;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;	}
.headMenuBlockMenu .headMenuBlock:hover .fa{color:#ef534e; transform:scale(1.5);}
.headMenuBlockMenu .headMenuBlock:hover i.fa.fa-heart{color:#95d546 !important;}
.headMenuBlockMenu .headMenuBlock i.fa.fa-heart {
	color: #e11e26 !important;
	font-size: 12px !important;
	position: relative;
	top: 10px;
}

/*********** Menu Nav *************/
.navbar-nav {
	float: left;
	margin: 0;
	padding: 0px 18px;
}
.navbar-default {
	background-color: #ef534e;
	border:none;
	border-color:transparent;
}
.navbar-default .navbar-nav>li>a {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}
.navbar-default {
	background-color: #ef534e;
	border: none;
	border-color: transparent;
	padding: 0px;
	margin: 0px;
	border-radius: 0px;
}

/*--banner--*/
#banner .carousel-inner { max-height:298px;}
#banner{margin:0px; padding:0px 0 0px 0; width:100%;}
#banner .carousel-control .fa-angle-right {
	right: 0%;
	background: #ffffff;
	font-size: 38px;
	padding: 1px 14px;
	width: auto;
	height: auto;
}

#banner .carousel-control .fa-angle-left {
	left: 0%;
	background: #ffffff;
	font-size: 38px;
	padding: 1px 14px;
	width: auto;
	height: auto;
}

#banner .carousel-indicators .active {
	width: 60px;
	height: 5px;
	margin: 0;
	background-color: #b0b8b9;
}
#banner .carousel-indicators li {
	display: inline-block;
	width: 60px;
	height: 5px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: #e2534b;
	border: none;
	border-radius: 0px;
}
#banner .carousel-indicators {bottom: -40px;}

/**
 * Slider
 */
#banner .carousel-inner .item {max-height: 360px;}
#banner .carousel-inner .item:after {
	content: "";
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#banner .carousel-control {width: 10%;}
#banner .carousel-control .fa {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	color: #55443a;
}
#banner .carousel-control .fa.fa-chevron-right {right: 50%; margin-right: -10px;}

/* --Slider caption-- */
#banner .carousel-caption { top:40%; opacity:0.5;}
#banner .carousel-caption h2 a{
	color: #ffffff;
	background:#e2534b;
	font-size: 50px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'open_sansextrabold', sans-serif;
	text-decoration:none;
	border-radius:7px;
	text-shadow:none;
	bottom:25px;
	padding:0px 10px;
}
#banner h2 a:before, #banner h2 a:after{content:"";  position:absolute; height:34px; width:0px; background:#619895; z-index:1; border-radius:7px; opacity:0.5;}
#banner h2 a:before{top:0px; left:0; }
#banner h2 a:after{bottom:0px; right:0; }
#banner h2 a:hover:before, #banner h2 a:hover:after{width:100%;}
#banner .carousel-caption h3{
	background: #3f4646;
	margin-bottom: 50px;
	padding: 14px 38px;
	border-radius: 7px;
	margin: 0 auto;
	width: 470px;
}
#banner .carousel-caption h3 a{
	color:#ffffff;
	font-family: 'open_sansregular', sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size: 16px;
	line-height:26px;
}

/**
 * Button
 */
#banner .btn-transparent {background: transparent; color: #fff; border: 2px solid #fff;}
#banner .btn-transparent:hover {background-color: #fff;}
#banner .btn-rounded {border-radius: 70px;}
#banner .btn-large {padding: 11px 45px; font-size: 18px;}

/**
 * Change animation duration
 */
#banner .animated {-webkit-animation-duration: 1.5s; animation-duration: 1.5s;}
#banner .carousel-inner>.item>a>img, #banner .carousel-inner>.item>img, #banner .img-responsive, #banner .thumbnail a>img, #banner .thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto;
	width: 100%;
}

/* ------------------- multi-item-carousel in one slide banner -----------------------*/

.multi-item-carousel .carousel-inner > .item {-webkit-transition: 500ms ease-in-out left; transition: 500ms ease-in-out left;}
.multi-item-carousel .carousel-inner .active.left {left: -33%;}
.multi-item-carousel .carousel-inner .active.right {left: 33%;}
.multi-item-carousel .carousel-inner .next {left: 33%;}
.multi-item-carousel .carousel-inner .prev {left: -33%;}

@media all and (transform-3d), (-webkit-transform-3d) {
	.multi-item-carousel .carousel-inner > .item {
		-webkit-transition: 500ms ease-in-out left;
		transition: 500ms ease-in-out left;
		-webkit-transition: 500ms ease-in-out all;
		transition: 500ms ease-in-out all;
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
		-webkit-transform: none!important;
		transform: none!important;
	}
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {background-image: none;}

/* ------------------- multi-item-carousel in one slide banner End -----------------------*/
/*------- Product less ------*/
.less .product_name {
	font-size: 14px;
	font-weight: normal;
	color: #757575;
	text-transform:capitalize;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0px;
}
.less .product_thumbnail{padding-bottom:10px !important;}
.less .product_thumbnail:hover{	padding-bottom:10px !important;}

.less{width:100%;}
.less .imgbg {width: 160px;}
.less .owl-carousel .owl-nav.disabled {display: inherit;}

.center-block.imgbg.product_thumbnail img{width:auto;}

/*------- Product less End ------*/

/*------- Product block title ------*/
.midnightproduct {position:relative;}
.midnightproduct .protitle{position:relative;}
.midnightproduct .product_title{ margin-bottom:40px;}

/*------- Product block title End ------*/

/*------- Product block ------*/
.product_name{font-size:14px; color:#383838; /*text-align:center;*/ padding-top:20px; padding-bottom:10px;}
.product_rs{font-size:16px; font-weight:bold; color:#383838; /*text-align: center;*/}
.cancle_product_rs{font-size:14px; font-weight:normal; color:#ababab; text-align:left; text-decoration:line-through; padding-left:6px;}

.midnightproduct .product_thumbnail {
	padding: 10px;
	line-height: 1.42857143;
	background-color:transparent;
	border: none;
	border-radius: 0px;
	padding-bottom:10px;
	border:1px solid;
	border-color:transparent;
	margin-bottom:50px;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
	float: left;
}
.midnightproduct .product_thumbnail img {margin: 0 auto; display: block;}
.midnightproduct .product_thumbnail:hover{	border:1px solid; border-color:#ddd; padding-bottom:10px;}

.midnightproduct .product_thumbnail .caption {}
.midnightproduct .product_thumbnail .product_star_rating{float:right;}

/*------- Product block End ------*/

/*------- Save More Banner Section ------*/
section.save_more img {width: 100%;}
/*------- Save More Banner Section End------*/

/*------- More Product Section ------*/
.moreproduct{}
/*------- More Product Section End------*/

/*------- Save More Banner Section ------*/
section.go_green img {width: 100%;}
/*------- Save More Banner Section End------*/

.offerbox {border: 1px solid transparent; padding: 5px;
	border-radius:15px;
	min-height:79px;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.offerbox:hover .leftside i {color: #735838;}

.offer .leftside{width:50px; height:50px; float:left; margin-right:15px;}
.offer .leftside i {font-size: 50px; color: #de1d25;}

.offer .offer_name {
	font-size: 16px;
	font-weight: bold;
	color: #383838;
	text-transform: uppercase;
	line-height:25px;
}
.offer_detail{
	font-size: 14px;
	font-weight: normal;
	color: #ababab;
	text-align: left;
    white-space: nowrap;
}

/* --------------------------------- FooterTop  --------------------------------------------*/
.footerTop{background:#333333; padding-top:30px; padding-bottom:30px;}
.footerTop .title{}
.footerTop p{color:#cad2db; text-align:justify; line-height:23px;}

.footerTop .follow li{ display:inline-block; margin-top:15px; margin-right:15px;}
.footerTop .circle{display:block;  width:30px; height:30px; text-align:center; vertical-align:middle; background:#c6c6c6; border-radius:200%;
	outline: 2px solid #333; outline-style:inherit; outline-offset:inherit; border: 1px solid #c6c6c6;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;	}

.footerTop .circle:hover {
	border: 1px solid #735838;
	background-color: #5f4427;
}
.footerTop .circle:hover i {color: #fff;}

.footerTop .circle a {
	color: #333333;
	text-align: center;
	vertical-align:middle;

}

.footerbt {background:#b51b20; padding-top:15px; padding-bottom:15px;}

.footerbt .footlogo{}
.footerbt .footlogo img{height:50px; width:100px;}


.footerbt .menutop {padding-top:20px; padding-bottom:20px;}
.footerbt .menutop ul {display: inline-block; vertical-align: top; line-height:27px;}
.footerbt .menutop ul .title { color:#fff; font-weight:bold; border-bottom: solid 1px #bf4246;}
.footerbt .menutop ul li a {color:#fff; font-size:13px; text-decoration:none;}
.footerbt .menutop ul li:hover a{color:#383838;}

/* --------------------------------- Google Language Tranlatetor  --------------------------------------------*/
#wrapper {}

#translator-wrapper {
	display: block;
	background-color: #1c1f25;
	color: #fff;
	overflow: hidden;
	position: relative;
	height: 35px;
	line-height: 23px;
	border: 1px solid #6d6d6d;
	border-style: double;
	width: 175px;
	float: right;
	border-radius: 4px;
}

#translator-wrapper select {
	border:none;
	background:transparent;
	font-size:12px;
	width:100%;
	color:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	cursor:text;
	padding:5px 10px;
}

#translator-wrapper a,#translator-wrapper a:hover {
	display: block;
	background-color: transparent;
	border: none;
	color: #fff;
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	width: 14%;
	transition: all .3s ease;
	margin: 0;
	transform: rotate(90deg);
}

#translator-wrapper a:before {
	content:"";
	display:block;
	width:0;
	height:0;
	border:6px solid transparent;
	border-left-color:#FFF;
	position:absolute;
	top:50%;
	left:45%;
	margin-top:-5px;
}

#translator-wrapper select:focus,#translator-wrapper a:focus,#translator-wrapper select:active,#translator-wrapper a:active {
	border:none;
	outline:none;
	cursor:pointer;
}

option {
	background:#444;
	color:#e0e0e0;
}

#translator-wrapper a:hover,#translator-wrapper a:active {
	opacity:0.9;
}

/* --------------------------------- Google Language Tranlatetor  --------------------------------------------*/

.footerbt .menubt {border-top:1px solid #bf4246; padding-top:10px; padding-bottom:10px;}
.footerbt .menubt ul {line-height:27px;}
.footerbt .menubt ul li{display:inline-block;}
.footerbt .menubt ul li a {color:#cdcdcd; font-size:12px; text-decoration:none; text-transform:uppercase; border-right:1px solid; padding:0px 10px;}
.footerbt .menubt ul li:hover a{color:#383838;}
.footerbt .menubt ul li:first-child a{padding-left:0px;}
.footerbt .menubt ul li:last-child a{padding-right:0px; border-right:none;}

.footerbt .copyrightpart {border-top:1px solid #bf4246; padding-top:20px; padding-bottom:20px;}
.footerbt .copyright{color:#ffffff; font-size:11px;}
.footerbt .copyright a{color:#fff; font-size:11px; text-decoration:none; padding: 0 5px;}
.footerbt .copyright a:hover{color:#383838;}

.footerbt .payment ul {float: right;}
.footerbt .payment ul li{display:inline-block; padding-left:13px;}

/* ----------------------- Product List Page -------------------------- */
/* ----------------------- ------------------ -------------------------- */
select {
	border-color: transparent;
	font-size: 14px;
	font-weight: bold;
	color: #e11e26;
	text-transform: uppercase;
	outline: none !important;
	text-align: right !important;
	padding: 11px 0px 11px 0;
}
select.no_selection {width: 100%;}

select option:hover,
select option:focus,
select option:active,
select option:checked
{
	background: linear-gradient(#95d546, #95d546);
	background-color:#95d546 !important; /* for IE */
}

option{
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	color:#000;
	background:#ffffff;
	border: #ccc 1px solid;
	padding: 3px 6px;
	text-align:right;
	border-bottom: 1px dotted #dddddd;
	text-transform: capitalize;
	position:absolute;
	right:0px;
	border-style: dotted;
	border-color:#dddddd;
}

option:checked {    border-bottom: 1px dotted #dddddd;}
option:not(:checked) {
	background-color:#ffffff;
	color:#000;

}


/* Default End */
/* ----------------------- Product List Page End-------------------------- */
/* ----------------------- ------------------ -------------------------- */


/* ----------------------- Product Detail Page -------------------------- */
/* ----------------------- ------------------ -------------------------- */
.dateandtime {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	display: block;
	padding-bottom: 50px;
}
.dateandtime .date{
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 30px;
	line-height: 30px;
	padding-right: 10px;}
.month {
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	text-align: left;
}
.dateandtime .right {float:right; text-align:left;}




.product_thumbnail.inner.tick:after {
	content: "\f00c";
	font-family: 'FontAwesome';
	position: absolute;
	top: 0;
	right: 20px;

}
.product_inner .product_thumbnail.tick{border-color: #f72833;}

.breadcrumb {
	margin-bottom: 0px;
	background: transparent;
	line-height: 25px;
	border-radius:0px;
}
.breadcrumb span.fa.fa-home {padding-right: 10px;}
.breadcrumb>.active {color: #e11e26;}
.imageblock img {width: 100%;}
.product_title_amount .product_rs{text-align:left !important;}
.product_inner .product_title { font-size:25px; font-weight:normal; color:#333;}

.product_inner .product_thumbnail:hover {
	border: 1px solid;
	border-color: #ddd;
}

.product_inner .product_thumbnail {
	padding: 10px;
	line-height: 1.42857143;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	border: 1px solid;
	border-color:transparent;
	margin-bottom: 40px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-align: center;
	margin: 0 auto;
}
.product_inner .product_rs {
	font-size: 16px;
	font-weight: normal;
	color: #383838;
	text-align: center;
	float: initial;

}
.product_inner .cartblock {border: 1px solid #e11e26;}
.product_inner .cartblock:hover {border: 1px solid #95d546;}

.product_inner .cartblock .dontknow {width: 100%;}

.product_inner .cartblock .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	border-bottom: 1px solid #ddd;
}
.product_inner .cartblock label.text-right a {color: #ef534e;}

.product_inner .cartblock .buynow {
	color: #fff;
	background-color: #f72833;
	border-color: #ddd;
	border-radius: 0px;
	padding: 10px 60px;
	width:100%;

}

.product_inner .cartblock .buynow:hover {
	color: #5f4427;
	background-color: #fff;
	border-color: #ddd;
}

.product_inner .cartblock .addtocart {
	color: #fff;
	background-color: #83af62;
	border-color: #ddd;
	border-radius: 0px;
	padding: 10px 50px;
	width:100%;
}
.product_inner .cartblock .addtocart:hover {
	color: #fccba8;
	background-color: #5f4427;
	border-color: #ddd;
}
.product_inner .cartblock .form-group {text-align: center;}
.product_inner .cartblock .time p {font-size:24px;}
.product_inner .cartblock .hourleft{ border-left:1px solid #ddd;}
.product_inner .cartblock .hourleft p {font-size: 13px;}



/* ------------------------- Multi step bootstrap Modal ----------------------------- */

/*form styles*/
.msform {
	text-align: center;
	position: relative;
}
.msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 20px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;
	width: 100%;
	margin: 0px;
	position: relative;
}
/*Hide all except first fieldset*/
.msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
.msform input, .msform textarea {
	padding: 10px;
	border-bottom: 1px solid #dddddd;
	border-radius: 0px;
	margin-bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
.msform .action-button {
	width: 100px;
	background-color:transparent;
	font-weight: bold;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
	color:#27AE60;
}
.msform .action-button:hover, .msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-top: 5px;
	color: #3d9b41;
	text-align: center;
	font-weight: bold;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 15px;
	color: #f72833;
	margin-bottom: 20px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.modal-body {position: relative; padding: 0px; background:#ffffff; border-radius:30px;}
.close {font-size: 30px; font-weight: normal;}

/* ------------------------- Multi step bootstrap Modal ----------------------------- */
label.free {background: #f72833; color:#fff !important; width:70px !important;}
ul.delivery {margin: 0 auto;}
.hours1 input{width: initial;}
.hours1 label {
	border-radius: 0px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	color: #2C3E50;
	display: block;
	float: inherit;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 5px;
	width: 200px;
	padding: 10px !important;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto 10px auto;
}
.delivery li {
	width: 270px;
	margin: 0 auto;
	padding-bottom: 60Px;
}
.delivery label {
	border-radius: 0px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	color: #2C3E50;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 5px;
	width: 200px;
	padding: 10px !important;
	position: relative;
	text-align: left;
	vertical-align: middle;
}
.delivery input{
	border-radius: 0px;
	margin-bottom: 0px;
	width: initial !important;
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.delivery input[type="button"] {
	padding-left: 36px !important;
	position: absolute;
	right: 0px;
	padding-right: 36px !important;
	top:0px;
}

.modelheader li {
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0px;
}

.nextarrow {position:absolute; left:0px;}

.previousarrow{position:absolute; left:0px;}

.amountbtn{ background:#27AE60; color:#ffffff;}

/* --------------- Don't know pincode popup ------------------*/
.dontknowpincode .fs-subtitle{line-height:20px;}

.dontknowpincode .input-border-bottom {
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #dddddd;
	margin-top: 10px;
	font-size: 16px;
	color: #000;
}
.dontknowpincode  .example {
	text-align: left;
	font-size: 14px;
	margin-bottom: 30px;
}


.dontknowpincode p {
	color: #808080;
	font-size: 16px;
	margin-bottom: 0;
}
/* --------------- Don't know pincode popup ------------------*/


/* popup proudct tab*/

.buynowpopup .action-button {
	width: 100px;
	background-color: transparent;
	font-weight: bold;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
	color: #27AE60;
}
.buynowpopup .nextarrow {position: absolute; left: 0px;}

.buynowpopup  .action-button:hover, .buynowpopup .action-button:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;}

.buynowpopup  fieldset {
	background: white;
	border: 0 none;
	border-radius: 20px;
	/* box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); */
	padding: 20px 30px;
	box-sizing: border-box;
	width: 100%;
	margin: 0px;
	position: relative;
}

.buynowpopup .product_name {
	font-size: 13px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
    white-space: nowrap; 
}
.buynowpopup .product_rs {font-size: 13px; font-weight: bold;}
.buynowpopup .product_thumbnail { padding-bottom: 10px; margin-bottom: 20px;}
.buynowpopup .product_thumbnail:hover {padding-bottom: 10px;}
.buynowpopup .checkbox, .radio {
	position: absolute;
	display: block;
	top: 0;
}
.buynowpopup .nav>li>a { color:#000;}
/* popup proudct tab End*/
.info .nav>li>a {
	position: relative;
	display: block;
	padding: 10px 0px;
	padding-right: 65px;
	color: #000000;
	text-transform: uppercase;
}
.info .nav-pills>li>a  {border-radius: 0px;}
.info .well {
	min-height: 20px;
	padding: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: justify;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #fff; background-color: #337ab7;}
.info .nav-pills>li>a {border-radius: 0px;}

.info .nav-pills>li.active>a, .info .nav-pills>li.active>a:focus, .info .nav-pills>li.active>a:hover{
	background-color: transparent;
	color: #ef534e;
	border-bottom: 1px solid #000000;
	border-radius: 0px;
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active {
	text-decoration: none;
	background-color:transparent;
	color: #ef534e;
}

/* information tab End*/

/* ----------------------- Product Inner Page End-------------------------- */

<!-- Cart Modal Popup -->
.cart{}
.cart .modal-content { top:152px;}
.cart .modal-dialog{z-index:1;}
.cart .modal-dialog{width:100%;}
.cart .producttitle{ font-size:16px; float:left; width:100%;}
.cart .caption .span{}
.cart .buynow{
	color: #fff;
	background-color: #f72833;
	border-color: #ddd;
	border-radius: 0px;
	padding: 10px 60px;
}
.cart .buynow:hover {
	color: #5f4427;
	background-color: #fff;
	border-color: #ddd;
}
.cart .addtocart {
	color: #fff;
	background-color: #83af62;
	border-color: #ddd;
	border-radius: 0px;
	padding: 10px 50px;
}
.cart .addtocart:hover {
	color: #fccba8;
	background-color: #5f4427;
	border-color: #ddd;
}

<!-- Cart Modal Popup End -->

<!-- Account Modal Popup page -->
.account .modal-dialog{z-index:1;}
.account .modal-dialog{width:100%;}
.account .producttitle{ font-size:16px; float:left; width:100%;}
.account .caption .span{}
.account .buynow{ color: #fff; background-color: #f72833; border-color: #ddd; border-radius: 0px; padding: 10px 60px;}
.account .buynow:hover { color: #5f4427; background-color: #fff; border-color: #ddd;}
.account .addtocart { color: #fff; background-color: #83af62; border-color: #ddd; border-radius: 0px; padding: 10px 50px;}
.account .addtocart:hover { color: #fccba8; background-color: #5f4427; border-color: #ddd;}
.facebook { background: #3461a0; color: #fff; padding: 10px 40px; font-size: 20px; border-radius: 5px;}
.googleplus { background: #e12e2f; color: #fff; padding: 10px 40px; font-size: 20px; border-radius: 5px;}
.social ul {text-align: center;}
.social li{ display:inline-block; padding:10px;}

.userdetail{}
.userdetail .form-control { border: none; border-radius: 0px; -webkit-box-shadow:none; box-shadow: none; border-bottom: 1px solid #ddd;}
.userdetail .mobile li, .sendersmobileno li, .deliverydetail .city li, .coupon li { display:inline-block;}
.userdetail .addtocart{margin: 0 auto; width: 100%;}
.userdetail .addtocart:hover { color: #fccba8; background-color: #5f4427; border-color: #ddd;}
.userdetail .addtocart { color: #fff; background-color: #83af62; border-color: #ddd; border-radius: 0px; padding: 10px 50px;}

.userdetail .addblock {
	min-height: 327px;
	padding: 0px 10px;
	max-height: 327px;
}

.userdetail .tick:after {
	content: "\f00c";
	font-family: 'FontAwesome';
	position: absolute;
	top: 2px;
	left: 16px;
	font-size: 18px;
	color: #e11e26;
}

.userdetail .tick{border-color: #95d546;}



<!-- Account Modal Popup End -->

<!-- Delivery detail page -->
.gifttitle{}
.deliverydetail .gifttitle {
	vertical-align: middle;
	list-style-type: none;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.deliverydetail .gifttitle .gift {
	float: left;
	padding: 15px 0px 0px 10px;
}
.deliverydetail .gifttitle .delivertime {
	text-align: center;
	display: inline-block;
	padding: 16px 0 16px 0;
}
.deliverydetail .gifttitle .viewdetail {
	float: right;
	display: inline-block;
	padding: 11px 10px 11px 0;
}

.massageoncard input[type=checkbox]{width: 26px; height: 24px; margin-left:-40px;}
.massageoncard label{ padding-left:40px;}

.producttitle .imgblock img{float:left;}
.producttitle {
	line-height: 70px;
	vertical-align: middle;
	display: block;
	padding: 30px 0 103px 0px;
}
.ordersummery .producttitle {line-height: 20px;}

.productblock .imgblock img{float:left;}
.productblock th{text-align:center;}
.productblock td, .productblock th{
	padding: 15px}
<!-- Delivery detail page End -->



/*topbar cart button dropdown popup*/
.dropdown-menu>li>a{padding:20px;}
li.viewcart a {padding: 20px; font-weight:bold; color: #694e30;}
li.cart-row {font-weight: bold; padding:15px;}
.fh5co-nav .menu-2 li a.cart span small {position: absolute; top: -20px; right: -15px; padding: 10px 6px; line-height: 0; font-size: 11px; color: Red;}
.fa-shopping-cart {font-size: 20px;}
.fh5co-nav ul li { padding: 0; margin: 0; list-style: none; display: inline-block;}
.fh5co-nav ul li a.cart {color: black;}
.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a:active {color: black; text-decoration: line-through;}
.dropdown-toggle:focus {outline: 0;}
.fh5co-nav ul li a {font-size: 13px; padding: 30px 10px; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.fh5co-nav a {padding: 5px 10px; color: #000;}
a:hover, a:active, a:focus { color: #000; outline: none; text-decoration: none;}
ul.dropdown-cart {min-width: 350px; right: 0px; left: inherit;}
.fh5co-nav ul {padding: 0; margin: 0;}
.dropdown-menu {background-clip: padding-box; padding: 0px 0;}
.fh5co-nav ul li a.cart span {position: relative;}
.fh5co-nav .menu-2 li a.cart span small {Position: absolute; top: -20px; right: -15px; padding: 10px 6px; line-height: 0; font-size: 11px; color: Red;}
.dropdown-menu:before {
	content: '';
	display: block;
	position: absolute;
	right: 1%;
	margin-left: 0px;
	width: 30px;
	height: 30px;
	background: #fff;
	transform: rotate(45deg);
	top: -7px;
	z-index: -999999;
	margin-top: 1px;
	border-radius: 0% 50% 50% 50%;
	-webkit-transition: all .1s, background .2s, margin-top .2s cubic-bezier(.5,30,.2,0);
	transition: all .1s, background .2s, margin-top .2s cubic-bezier(.5,30,.2,0);
	border-left: 1px solid #b3b3b3;
	border-top: 1px solid #b3b3b3;
}
.mycart {color: #000; background: #fff; display: inline-block; text-align: center; width: 100%; border-bottom: solid 1px #ddd; padding: 15px 0px; font-weight:bold;}

.dropdown-cart li.viewcart {padding: 0px; margin-top:-5px;}
ul.dropdown-cart li {width: 100%; clear: both; border-bottom: solid 1px #ddd;}
.fh5co-nav ul li {padding: 0; margin: 0; list-style: none; display: inline-block;}
ul.dropdown-cart li .item:hover {background-color: transparent;}
ul.dropdown-cart li .item {display: block; padding: 3px 10px; margin: 3px 0; width: 100%;}
ul.dropdown-cart li .item-left {float: left;}
ul.dropdown-cart li .item-left img {background: url(../images/pattern-bg_100X100.png) no-repeat;}
ul.dropdown-cart li .item-left img {width: 100px; height: 100px;}
ul.dropdown-cart li .item-left img, ul.dropdown-cart li .item-left div.item-info {float: left;}
img {max-width: 100%;}
ul.dropdown-cart li .item-left div.item-info {margin-left: 10px; margin-left: 25px; padding: 18px 4px;}
ul.dropdown-cart li .item-left img, ul.dropdown-cart li .item-left div.item-info {float: left;}
ul.dropdown-cart li .item-left div.item-info span {display: block; font-size: 12px; text-transform: uppercase; line-height: 16px;}
ul.dropdown-cart li .item-right {float: right;}
ul.dropdown-cart li .item:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*topbar cart button dropdown popup*/


.progressbarpart{}


/*------------My Account Sidebar Nav page-----------------------*/
/*.col-sm-9{
    height: 100%;
    opacity: 0.9;
	top:0px;
}*/


.nav-side-menu {
	overflow: auto;
	font-family: verdana;
	font-size: 12px;
	font-weight: 200;
	background-color: #efefef;
	position:relative;
	top: 0px;
	height: 100%;
	color: #5b5b5b;
}
.nav-side-menu .brand {
	line-height: 50px;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #000;
	background: #95d546;
}
.nav-side-menu .toggle-btn {
	display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 35px;
	cursor: pointer;
	/*

      .collapsed{
         .arrow:before{
                   font-family: FontAwesome;
                   content: "\f053";
                   display: inline-block;
                   padding-left:10px;
                   padding-right: 10px;
                   vertical-align: middle;
                   float:right;
              }
       }
    */
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
	font-family: FontAwesome;
	content: "+";
	display: inline-block;
	padding-left: 10px;
	padding-right: 13px;
	vertical-align: middle;
	float: right;
}
.nav-side-menu ul .collapsed .arrow:before,
.nav-side-menu li .collapsed .arrow:before {
	font-family: FontAwesome;
	content: "---";
	display: inline-block;
	padding-left:10px;
	padding-right: 10px;
	vertical-align: middle;
	float:right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
	border-left: 3px solid #d19b3d;
	background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
	color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
	color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
	background-color: #8b99a7;
	border: none;
	line-height: 28px;
	border-bottom: 1px solid #23282e;
	margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
	background-color: #d5d5da;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
.nav-side-menu li {
	padding-left: 5px;
	border-left: 3px solid #e7eaec;
	border-bottom: 1px dotted #7c7f84;
}
.nav-side-menu li a {
	text-decoration: none;
	color: #5b5b5b;
	font-size:13px;
}
.nav-side-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}
.nav-side-menu li:hover {
	border-left: 3px solid #d19b3d;
	background-color: #b5b9bf;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
@media (max-width: 767px) {
	.nav-side-menu {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
	}
	.nav-side-menu .toggle-btn {
		display: block;
		cursor: pointer;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 10 !important;
		padding: 3px;
		background-color: #ffffff;
		color: #000;
		width: 40px;
		text-align: center;
	}
	.brand {
		text-align: left !important;
		font-size: 22px;
		padding-left: 20px;
		line-height: 50px !important;
	}
}
@media (min-width: 767px) {
	.nav-side-menu .menu-list .menu-content {display: block;}
}
.leftlable:after {
	content: ":";
	float: right;
	font-weight: bolder;
	font-size: 14px;
}
.report label{margin-bottom:15px;}
/*------------My Account Sidebar Nav page-----------------------*/



/*--------------------My Profile----------------------*/


.editrecipient .modal-header .close {margin-top: -28px;}

.paymentmethod .form-check.form-check-inline {display: inline-block;    padding-left: 15px;}


#myModal1 .modal-footer{text-align:left;}

#myModal1 .wishes {
	padding-top: 20px;
}

#myModal1 .sendersname {

}

#myModal1 .recipientsname {
	padding-bottom: 20px;
}

#myModal1 .msgoncard {}

@media (min-width: 768px)
{
	#myModal1 .modal-dialog {width: 992px;}
}


/*-------------------Empty Cart----------------------*/

.emptycartleftpart i{font-size:200px; vertical-align:central;}

/*-------------------Empty Cart End----------------------*/


/*-------------------- Delivery Detail ------------------------*/

.deliverydetail .gifttitle .orderid {
	text-align: left;
	display: inline-block;
	padding: 16px 0 16px 0;
}

.orderdetail .productblock th {
	text-align: left;
}


/*--------------------#Common Tab ----------------------------*/
.bootstrapWizard {
	display: block;
	list-style: none;
	padding: 0;
	position: relative;
	width: 100%
}

.bootstrapWizard a:hover,.bootstrapWizard a:active,.bootstrapWizard a:focus {
	text-decoration: none
}

.bootstrapWizard li:first-child {width: 22%;}
.bootstrapWizard li {
	display: block;
	float: left;
	width: 26%;
	text-align: center;
	padding-left: 0
}

.bootstrapWizard li:before {
	border-top: 1px solid #c4c4c4;
	content: "";
	display: block;
	font-size: 0;
	overflow: hidden;
	position: relative;
	top: 25px;
	right: 1px;
	width: 100%;
	z-index: 1;
}

.bootstrapWizard li:first-child:before {
	left: 50%;
	max-width: 50%
}

.bootstrapWizard li:last-child:before {
	max-width: 50%;
	width: 50%
}

.bootstrapWizard li.complete .step {
	background: #76b62f;
	padding: 0px 10px;
}

.bootstrapWizard li .step i {
	font-size: 10px;
	font-weight: 400;
	position: relative;
	top: -1.5px
}

.bootstrapWizard li .step {
	background: #c4c4c4;
	color: #c4c4c4;
	display: inline;
	font-size: 15px;
	font-weight: 700;
	line-height: 12px;
	padding: 0px 10px;
	border: none;
	border-radius: 100%;
	line-height: normal;
	position: relative;
	text-align: center;
	z-index: 2;
	transition: all .1s linear 0s;
}

.bootstrapWizard li.active .step{
	background: #555454 !important;
	color: #555454;
	font-weight: 700;
	padding: 0px 10px;
	font-size: 15px;
	border-radius: 50%;
	border: none;
}

.bootstrapWizard li.active.complete .step {
	background: #76b62f;
	color: #555454;
	font-weight: 700;
	padding: 0px 10px;
	font-size: 15px;
	border-radius: 50%;
	border: none;
}

.bootstrapWizard li.complete .title,.bootstrapWizard li.active .title {color: #565454;}

.bootstrapWizard li .title {
	color: #979797;
	display: block;
	font-size: 12px;
	line-height: 15px;
	max-width: 100%;
	position: relative;
	table-layout: fixed;
	text-align: center;
	top: 0px;
	word-wrap: break-word;
	z-index: 104;
	font-weight:bold;
}

.wizard-actions {
	display: block;
	list-style: none;
	padding: 0;
	position: relative;
	width: 100%
}

.wizard-actions li {
	display: inline
}

.tab-content.transparent {
	background-color: transparent
}

/*End Wizard*/

.orderdetailitem ul li{display:inline-block;}
.orderdetailitem .quantity{text-align:right;}
.orderdetailitem .amount{text-align:right;}

.product {min-height:150px;}
/*-------------------- Delivery Detail End ------------------------*/

.error {border-bottom-color: #ff0000 !important;}

.headMenuBlock .badge {
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-color: #ef534e;
	border-radius: 50%;
	position: relative;
	left: 14px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	top: 10px;
}
.topheader .input-group {padding-top: 25px;}
.topheader .search{padding-right:0px;}
.greenf {color: #3aad48;}

.midnightproduct .product_title:after{
	content: "";

	height: 1px;
	color: #fbfbfb;
	position: absolute;
	left: 0;
	right: 0;
	bottom:-8px;
	background: #fbfbfb;
	margin: 0 auto;
	vertical-align: bottom;
}

.ptb40 {padding: 40px 0;}

.content p {
	margin-bottom: 13px;
	font-size: 14px;
	line-height: 22px;
}

.content ul {
	list-style: square;
	font-size: 14px;
	line-height: 22px;
	margin-left: 25px;
	margin-bottom: 10px;
}

.content li {
	margin-bottom: 5px;
	list-style: square;
}

.shipfree {
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 39px;
	padding-right: 10px;
	line-height: 40px;
	font-weight: 600;
}

.txt1{
	font-size: 14px;
	letter-spacing: 2px;
}

.txt2{
	font-size: 14px;
	letter-spacing: 2px;
}

section.fixed {
	position: fixed !important;
	top:0 !important;
	width: 100%;
	z-index: 99999 !important;
}

.no_selectioncity {width: 30%; float:right;}

.product_mrp {
	text-decoration: line-through;
	font-size: 13px;
	font-weight: normal;
	color: #e11e26;
}

#loaderhome{
	background: #ffffff;
	opacity: 1;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 9999;
	padding-top: 20%;
	padding-bottom: 20%;
	top:  0;
	left: 0;
}

.error_fed {border: 1px solid #ff0000 !important;}

.corporat-gift .product_thumbnail{ padding: 5px;  border: 1px solid #dddddd;}
.corporat-gift .product_thumbnail img {margin: 0 auto; display: block; width:100%;}
.corporat-gift .product_thumbnail:hover{border:1px solid; border-color:#ddd; padding-bottom:5px;}

.inquiryerro{border: 1px solid #ff0000;}



@media (min-width: 1600px) {
.container {
    width: 1580px;
}
}
.dlogo {
	height: 77px;
}

.p0 {padding: 0px;}

/*.currencyFrm {
	float: right;
}*/

@media (min-width: 992px) {
	.currencyFrm {
		float: left;
	}
}
@media (min-width: 1200px) {
	.currencyFrm {
		float: right;
	}
}

.tbp {
	padding: 20px 0 35px 0;
}

@media (max-width: 768px){
	.ppayment {
		display: block;
	}
}

.whatsApp {
	position: fixed;
	bottom: 20px;
	z-index: 999999;
	right: 20px;
}

.addon {
	max-width: 90px;
	max-height: 90px;
}

/* =============================== */
/* PRODUCT SLIDER */
/* =============================== */
#slider-thumbs { margin-top: 10px; }
#slider-thumbs .list-inline { margin: 0; }
#slider-thumbs .list-inline li { padding: 0 0 0 4px; }
#slider-thumbs .list-inline li img {border: 1px solid #dddddd; width: 100px; padding: 3px;}
#slider-thumbs .list-inline li .selected img { border: 1px solid #ff0000; }

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.trackingtitle {
	list-style-type: none;
	margin: 0 auto;
	display: block;
}

.trackingtitle .delivertime1 {
	display: block;
	padding: 5px;
}