@charset "UTF-8";

.page-loader {
	position: fixed;
	background: #ffffff;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 9998;
}

.preloader {
	position:absolute;
	left: 50%;
	top: 50%;
	margin: -120px 0 0 -120px;
}
.preloader span {
	position:absolute;
	border: 3px solid #e3e3e3;
	border-top: 3px solid transparent;
	border-radius:999px;
}

.preloader span:nth-child(1){
	width:160px;
	height:160px;
	animation: spin-1 2s infinite linear;
}
.preloader span:nth-child(2){
	top: 20px;
	left: 20px;
	width:120px;
	height:120px;
	animation: spin-2 1s infinite linear;
}
@keyframes spin-1 {
	0% {transform: rotate(360deg); opacity: 1;}
	50% {transform: rotate(180deg); opacity: 0.5;}
	100% {transform: rotate(0deg); opacity: 1;}
}
@keyframes spin-2 {
	0% {transform: rotate(0deg); opacity: 0.5;}
	50% {transform: rotate(180deg); opacity: 1;}
	100% {transform: rotate(360deg); opacity: 0.5;}
}

.demo-close {
	font-size: 25px;
	color: #ffffff;
}

td.gray, span.gray {
	color: #b1b1b1;
}

.wrapper {
	margin-top: -21px;
}

.express span.gray, .signin span.gray, .printed span.gray {
	color: #d9d9d9;
}

.glyphicon.check {
	color: #41d057;
}

.church, .church p {
	color: #ffffff !important;
}

tbody tr.highlite {
	background-color: #f7eab4 !important;
}

tbody tr.highlite-red {
	background-color: #f5c8bf !important;
}

.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}




.test {
	background: #ececec;
}

.pinkish {
	background: #ffffff !important;
}

.panel-yellow .panel-heading {
	background: #fbce30;
}

.hearts {
	position: absolute;
	bottom: 14px; left: 19px;
}

span.green {
	color: #449837 !important;
}

.orange {
	color: #e36f26 !important;
}

.badge {
	background: #e2dece !important;
	color: #6c6a66 !important;
}

span.title-price {
	position: absolute;
	bottom: 5px; right: 19px;
	font-size: 27px !important;
	color: #5db54f !important;
}

.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}

.margie {
	margin-top: 69px;
	padding-bottom: 99px;
}

.margin-top-21 {
	margin-top: 21px;
}

.cert {
	background: #449837 !important;
	color: #ffffff !important;
}
.cert a {
	color: #ffffff !important;
	text-decoration: underline;
}
.cert-body {
	background: #b4d3af !important;
	min-height: 199px;
}
.cert-amount {
	font-size: 55px;
	color: #004214 !important;
}

.padded {
	padding: 11px 25px;
}

.btn-faded {
	background: #e6c7d5;
}

.colors {
	padding: 1px 5px !important; margin: 2px !important;
	font-size: 15px !important;
}

span.dim {
	font-size: 11px !important;
	color: #a19898 !important;
}

.green-box {
	background: #367c2b;
}

.sb-search {
	position: relative;
	/* margin-top: 10px; */
	width: 0%;
	min-width: 20px;
	height: 15px;
	float: right;
	overflow: visible;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	/* margin-right: -20px; */
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 20px;
	margin: 0;
	z-index: 10;
	padding: 4px 10px;
	font-family: inherit;
	font-size: 10px;
	color: #2c3e50;
	overflow: visible;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 19px;
	text-align: center;
	cursor: pointer;
	overflow: visible !important;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	/* color: #e67e22; */
	background: #e67e22;
	z-index: 90;
	/* font-size: 22px; */
	/* font-family: 'icomoon'; */
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	color: white !important;
}

.sb-icon-search:before {
	content: "\e000";
	display: none;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
	max-width: 300px;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	/* background: #da6d0d; */
	color: #fff;
	/* z-index: 11; */
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}


input.green-input, button.green-input, button.green-input:hover {
	background: #367c2b;
	border: 1px solid #ffffff;
	color: #ffffff !important;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: -2px;
}

#map {
	width: 100%;
   height: 499px;
   margin-top: 39px;
   margin-bottom: -50px;
   border-top: 1px solid #7c2b63
}

.modal {
	z-index: 999999;
}

.chimp::-webkit-input-placeholder {
	color: #e1e1e1 !important;
}
.chimp:-moz-placeholder {
   color: #e1e1e1 !important;
}
.chimp::-moz-placeholder {
   color: #e1e1e1 !important;
}
.chimp:-ms-input-placeholder {
   color: #e1e1e1 !important;
}

.sort {
	margin: -9px 31px 5px 31px;
}

a img.second { display: none; }
a:hover img.first { display: none; }
a:hover img.second { display: block; }

.navbar {
  position: static;
}
.navbar .nav > li {
  z-index: 1001;
}

.valueNegative {
	background-color: #ffd5d5;
}
.valuePositive {
	background-color: #d8ffd7;
}

a.litegreen {
	background: #eaf0f0 !important;
}
a.litegreen:hover {
	background: #dce3e3 !important;
}

span.redSmall {
	margin-left: 9px;
	font-size: 14px;
	color: red;
}

.list-group-item-default {
  background-color: #f5f5f5;
}

.page-header {
  padding-bottom: 1px !important;
}

.table {
    word-wrap: break-word;
}

.strong {
	font-weight: bold;
}

.btn-danger {
	background: #7c2b63 !important;
	border-color: #7c2b63 !important;
}
.btn-danger:hover {
	background: #963c7a !important;
}

.btn-info {
	background: #746f74 !important;
	border-color: #746f74 !important;
}
.btn-info:hover {
	background: #7c757c !important;
}

.white {
	color: #ffffff !important;
}

.security {
	display: none;
}

span.exd a {
	font-size: 13px;
	margin-left: 5px;
	font-weight: bold;
	color: #db7d60 !important;
}

.fire {
	color: #db7d60 !important;
}

.label {
	white-space: normal !important;
}

.page-loader {
	position: fixed;
	background: #ffffff;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	z-index: 999998;
}

.loader {
	position: absolute;
	border-left: 2px solid #5ebd54;
	border-top: 2px solid #e4bc2d;
	border-right: 2px solid #5ebd54;
	border-bottom: 2px solid #e4bc2d;
	height: 99px;
	width: 99px;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -50px;
	text-indent: -9999em;
	font-size: 10px;
	z-index: 999999;
	-webkit-animation: load 1.5s infinite linear;
	   -moz-animation: load 1.5s infinite linear;
	     ms-animation: load 1.5s infinite linear;
	      o-animation: load 1.5s infinite linear;
	        animation: load 1.5s infinite linear;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 99px;
	height: 99px;
}

.minheight {
	min-height: 500px;
}

@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#picture { float:left;margin-right:5px;width:35px;height:auto; }
#picture a.small, #picture a.small:visited { display:block; width:15px;height:auto; text-decoration:none; top:0; left:0; border:0;}
#picture a img {border:0;}
#picture a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#picture a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture a.small:hover .large {
	display: block;
	position: fixed;
	top: 40%; left: 50%;
	width: 200px; height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px 15px #aaa;
	-webkit-box-shadow: 3px 3px 15px #aaa;
	box-shadow: 3px 3px 15px #aaa;
	overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

.navbar-pink {
  background-color: #eb8bb6;
  border-color: #bc648c;
}
.navbar-pink .navbar-brand {
  color: #ffffff;
}
.navbar-pink .navbar-brand:hover, .navbar-pink .navbar-brand:focus {
  color: #eb8bb6;
}
.navbar-pink .navbar-text {
  color: #ffffff;
}
.navbar-pink .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-pink .navbar-nav > li > a:hover, .navbar-pink .navbar-nav > li > a:focus {
    background-color: #df81ab !important;
  color: #fff1f8;
}
.navbar-pink .navbar-nav > .active > a, .navbar-pink .navbar-nav > .active > a:hover, .navbar-pink .navbar-nav > .active > a:focus {
  color: #fff1f8;
  background-color: #bc648c !important;
}
.navbar-pink .navbar-nav > .open > a, .navbar-pink .navbar-nav > .open > a:hover, .navbar-pink .navbar-nav > .open > a:focus {
  color: #fff1f8;
  background-color: #bc648c !important;
}
.navbar-pink .navbar-toggle {
  border-color: #bc648c !important;
}
.navbar-pink .navbar-toggle:hover, .navbar-pink .navbar-toggle:focus {
  background-color: #bc648c !important;
}
.navbar-pink .navbar-toggle .icon-bar {
  background-color: #bc648c !important;
}
.navbar-pink .navbar-collapse,
.navbar-pink .navbar-form {
  border-color: #ffffff;
}
.navbar-pink .navbar-link {
  color: #ffffff;
}
.navbar-pink .navbar-link:hover {
  color: #fff1f8;
}

@media (max-width: 767px) {
  .navbar-pink .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-pink .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-pink .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff1f8;
  }
  .navbar-pink .navbar-nav .open .dropdown-menu > .active > a, .navbar-pink .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-pink .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff1f8;
    background-color: #c96c96 !important;
  }
}

a.dropdown-toggle.pink:hover {
    background-color: #df81ab !important;
    color: #ffffff !important;
}
a.dropdown-toggle.pink {
    color: #ffffff !important;
}

.mobile { display: none; }
.boxed { height: 575px; }
@media only screen and (max-width: 721px) {
	.mobile { display: block; }
	.boxed { height: 475px; }
}
.desk { display: none; }
@media only screen and (min-width: 721px) {
	.desk { display: block; }
}
@media only screen and (max-width: 501px) {
	.boxed { height: 415px; }
}

img.wide { width: 100%; display: block; }

img.suc {
	position: absolute;
	top: -23px; right: 69px;
	visibility: hidden;
	z-index: 9;
}



.pt0 { padding-top: 0 !important; }
.pt6 { padding-top:6px !important; }
.pt10 { padding-top:10px !important; }
.pt13 { padding-top:13px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt26 { padding-top:26px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt80 { padding-top:80px !important; }
.pt100 { padding-top:100px !important; }
.pt160 { padding-top:160px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pb50 { padding-bottom:50px !important; }
.pb60 { padding-bottom:60px !important; }
.pb75 { padding-bottom:75px !important; }
.pb100 { padding-bottom:100px !important; }
.pl30 { padding-left:30px !important; }
.pr30 { padding-right:30px !important; }
.pl50 { padding-left:50px !important; }
.pr50 { padding-right:50px !important; }
.pr100 { padding-right:100px !important; }

.mt0 { margin-top:0; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt100 { margin-top:100px !important; }
.mt200 { margin-top:170px !important; }
.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px !important; }
.ml15 { margin-left:15px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb100 { margin-bottom:100px !important; }
.mr10 { margin-right:10px !important; }

.mg5 { margin:5px !important; }
.mg11 { margin:11px !important; }
.p15 { padding:15px !important; }
.ml15 { margin-left:15px !important; }
.ml10 { margin-left:10px !important; }
.ml5 { margin-left:5px !important; }
.mr5 { margin-right:5px !important; }
.mr15 { margin-right:15px !important; }
.mr10 { margin-right:10px !important; }
.ml20 { margin-left:20px !important; }
.mr20 { margin-right:20px !important; }

.borderless td, .borderless th, .borderless th, .borderless table {
    border: none !important;
}

thead, th, td, tr {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scrollable-menu {
	height: auto;
	max-height: 500px;
	overflow-x: hidden;
}

a.transaction {
	position: absolute;
	top: 0; right: 21px;
}















.pin {
	text-align: left;
	width: 243px; margin: 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(194,194,194,.2);
	-moz-box-shadow: 1px 1px 1px 1px rgba(194,194,194,.2);
	box-shadow: 1px 1px 1px 1px rgba(194,194,194,.2);
}

.thumbnail {
    position: relative; margin-bottom: 0;
    padding: 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

.thumbnail img {
    width: 100%;
}

@media only screen and (max-width: 321px) {
	.pin {
		width: 143px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 322px) and (max-width: 361px) {
	.pin {
		width: 163px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 362px) and (max-width: 391px) {
	.pin {
		width: 171px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 392px) and (max-width: 401px) {
	.pin {
		width: 183px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 402px) and (max-width: 521px) {
	.pin {
		width: 187px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 522px) and (max-width: 569px) {
	.pin {
		width: 175px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 570px) and (max-width: 601px) {
	.pin {
		width: 185px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 602px) and (max-width: 641px) {
	.pin {
		width: 199px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 642px) and (max-width: 695px) {
	.pin {
		width: 217px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 696px) and (max-width: 721px) {
	.pin {
		width: 225px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 696px) and (max-width: 769px) {
	.pin {
		width: 231px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 770px) and (max-width: 1025px) {
	.pin {
		width: 243px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}
@media only screen and (min-width: 1026px) and (max-width: 1281px) {
	.pin {
		width: 243px; margin: 4px;
	}
	.pin h4 {
		font-size: 13px; margin-top: 4px;
	}
	.container-fluid {
		margin-left: -19px; margin-right: -19px;
	}
}

.mobile-shop {
	display: none;
}
@media only screen and (max-width: 721px) {
	.mobile-shop {
		display: block;
		margin: 11px 0 11px 21px;
	}
}

a.color {
	display: inline-block; padding: 0 1px 1px 1px !important; margin: 3px;
	border: 1px solid white !important;
	text-decoration: none !important;
	box-shadow: 0px 0px 1px #b9b9b9;
}
a.color:hover {
	border: 1px solid #beadad !important;
}
a.color-mini {
	display: inline-block; padding: 1px !important; margin: 7px 3px -9px;
	width: 31px; height: 27px;
	text-decoration: none !important;
	box-shadow: 0px 0px 1px #b9b9b9;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
a.color-mini:hover {
	border: 1px solid #beadad !important;
}

.color-mini {
	display: inline-block; padding: 1px !important; margin: 0 3px -4px;
	width: 17px; height: 17px;
	text-decoration: none !important;
	box-shadow: 0px 0px 1px #b9b9b9;
}

.pink {
	color: #eb6399 !important;
}

.red {
	color: #eb6363 !important;
}
.red-small {
	font-size: 13px;
	color: #eb6363 !important;
}

.small {
	font-size: 12px;
	color: #6c6a6b !important;
}

.share {
	margin: -11px 0 -19px 7px;
}

#warning, #danger {
	display: none;
}

.floatLeft {
	float: left;
}

.selected img {
	opacity: 0.5;
}
.h5 {
	margin-bottom: 10px;
	display: inline;
}

.navbar-custom {
    background-color: #7f5451;
    color:#ffffff;
    border-radius:0;
}

.pads {
	padding: 0 21px;
}

.finger {
	cursor: pointer;
}

a.yellow {
	color: #fede00 !important;
}

input.search {
	background: transparent !important;
	border-right: none;
	border-color: #449837 !important;
	height: 20px;
	font-size: 11px !important;
	line-height: 20px;
}
.btn-search {
	background: #0a4800 !important;
	border-color: #449837 !important;
	height: 20px;
	font-size: 11px !important;
	line-height: 20px;
	margin-left: -5px;
}
.search::-webkit-input-placeholder {
	color: #ebeccd !important;
}
.search:-moz-placeholder {
   color: #ebeccd !important;
}
.search::-moz-placeholder {
   color: #ebeccd !important;
}
.search:-ms-input-placeholder {
   color: #ebeccd !important;
}

.fa .fa-shopping-cart.yellow a {
	color: #fede00 !important;
}

#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}

.custom-search-form{
    margin-top:5px;
}

#parallax {
	position: relative; height: 350px;
	margin-left: -15px; margin-right: -30px;
	z-index: 1;
}
img.title {
	position: relative; top: 65px; left: 15%;
	z-index: 3;
}
@media only screen and (max-width: 623px) {
	img.title {
		left: 5px; width: 391px;
	}
}
.faded {
	position: absolute; top: 55px; left: 0;
	width: 100%; height: 239px;
	background: rgba(255,255,255,0.17);
	z-index: 2;
}

.letter {
	font-size: 29px; color: #ba7777;
}

#pages {
	font-size: 15px;
	display: block; text-align: center;
}
	#pages a {
		padding: 1px 5px; margin: 0 1px;
		border: 1px solid #ccc;
		display: inline-block;
		text-decoration: none;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	#pages a:hover {
		border: 1px solid #94b0cc;
		text-decoration: none;
	}

#container {
	margin: 0 11px;
}

.cart {
	font-size: 19px;
	line-height: 29px;
}

.price {
	font-size: 37px !important;
	color: #83b7aa !important;
	font-weight: bold;
}
.price-mini {
	font-size: 25px !important;
	color: #6cd05c !important;
	font-weight: 500;
}

.error {
	color: #e96a6a !important;
}

.well {
	background: #ffffff;
	border: 1px dashed #c9c9c9;
}

.click {
    padding: 5px;
    position: relative;
    background: #f5f5f5;

}

.borderleft {
	border-left: 1px solid #ccc;
}
@media only screen and (max-width: 623px) {
	.borderleft {
		border-left: none;
	}
}

.mastered {
	padding: 5px;
	border: 1px solid red;
}

.popup {
	padding: 5px;
	background: #ffffff;
	position: relative;
	margin-top: 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	width: 119px; height: 99px;
	-moz-box-shadow: 1px 1px 9px rgba(0,0,0,0.29);
	-webkit-box-shadow: 1px 1px 9px rgba(0,0,0,0.29);
	box-shadow: 1px 1px 9px rgba(0,0,0,0.29);
	display: none;
	z-index: 99;
}

.padding {
	margin: 3px;
}

.fixed-bottom-right {
	position: fixed;
	bottom: 69px; right: 25px;
}

.centered {
	display: block;
	text-align: center;
}

.center {
	width: 150px;
	margin: 40px auto;
}

.login-container{
    position: relative;
    width: 300px;
    margin: 80px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}

#output{
    position: absolute;
    width: 300px;
    top: -75px;
    left: 0;
    color: #fff;
}

#output.alert-success{
    background: rgb(25, 204, 25);
}

#output.alert-danger{
    background: rgb(228, 105, 105);
}


.login-container::before,.login-container::after{
    content: "";
    position: absolute;
    width: 100%;height: 100%;
    top: 3.5px;left: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    border: 1px solid #ccc;

}

.login-container::after{
    top: 5px;
    z-index: -2;
    -webkit-transform: rotateZ(-2deg);
     -moz-transform: rotateZ(-2deg);
      -ms-transform: rotateZ(-2deg);

}

.avatar{
    width: 100px;height: 100px;
    margin: 10px auto 30px;
    border-radius: 100%;
    border: 2px solid #aaa;
    background-size: cover;
}

img {
	border: 0;
}

.normal {
	font-size: 17px;
}
large {
	font-size: 17px;
}
.largely {
	font-size: 19px;
}
.larger {
	font-size: 27px;
}

.little {
	font-size: 15px;
	color: #a4a4a4 !important;
}

.relative {
	position: relative;
}

.vertical-align {
	vertical-align: middle;
}

#notifybox {
	display: none;
}





.form-box input{
    width: 100%;
    padding: 10px;
    text-align: center;
    height:40px;
    border: 1px solid #ccc;;
    background: #fafafa;
    transition:0.2s ease-in-out;

}

.form-box input:focus{
    outline: 0;
    background: #eee;
}

.form-box input[type="text"]{
    border-radius: 5px 5px 0 0;
    text-transform: lowercase;
}

.form-box input[type="password"]{
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.form-box button.login{
    margin-top:15px;
    padding: 10px 20px;
}

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

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

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

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

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(69px);
    transform: translateX(69px);
  }

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

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }

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

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.5;
    -moz-opacity: 0.5;
	 filter: alpha(opacity = 50);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);
  }

  100% {
    opacity: 1;
    -moz-opacity: 1;
	 filter: alpha(opacity = 100);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0.5;
    -moz-opacity: 0.5;
	 filter: alpha(opacity = 50);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);
  }

  100% {
    opacity: 1;
    -moz-opacity: 1;
	 filter: alpha(opacity = 100);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0.5;
    -moz-opacity: 0.5;
	 filter: alpha(opacity = 50);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);
  }

  100% {
    opacity: 1;
    -moz-opacity: 1;
	 filter: alpha(opacity = 100);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity = 100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* table responsive */

/*li fix*/
li {
    margin-left: 11px;
    padding-bottom: 1px;
}
.list-group li {
    margin-left: 0px !important;
}