@font-face {
    font-family: 'greatvibes';
    src: url('../fonts/greatvibes/greatvibes-regular-webfont.woff') format('woff'),
         url('../fonts/greatvibes/greatvibes-regular-webfont.ttf') format('truetype'),
         url('../fonts/greatvibes/greatvibes-regular-webfont.svg#greatvibesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edmondsans';
    src: url('../fonts/edmondsans/edmondsans-regular-webfont.woff') format('woff'),
         url('../fonts/edmondsans/edmondsans-regular-webfont.ttf') format('truetype'),
         url('../fonts/edmondsans/edmondsans-regular-webfont.svg#edmondsansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edmondsans_bold';
    src: url('../fonts/edmondsans/edmondsans-bold-webfont.woff') format('woff'),
         url('../fonts/edmondsans/edmondsans-bold-webfont.ttf') format('truetype'),
         url('../fonts/edmondsans/edmondsans-bold-webfont.svg#edmondsansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebasneue';
    src: url('../fonts/bebasneue/bebasneue-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue/bebasneue-webfont.svg#bebasneueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nixie_oneregular';
    src: url('../fonts/nixieone/nixieone-regular-webfont.woff2') format('woff2'),
         url('../fonts/nixieone/nixieone-regular-webfont.woff') format('woff'),
         url('../fonts/nixieone/nixieone-regular-webfont.ttf') format('truetype'),
         url('../fonts/nixieone/nixieone-regular-webfont.svg#nixie_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'edmondsans',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.swiper-container {
    width: 100%;
    height: 100%;
    
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img {
	width: 100%;
	height: 100vh;
}

#pano {
	height: 100vh;
}

#pano .swiper-slide {
	background-size: cover !important;
    background-position: center center !important;
}

#pano .swiper-slide .carousel-caption {
	background: rgba(0,0,0,.3);
}

#pano .swiper-button-prev, #pano .swiper-container-rtl .swiper-button-next {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

#pano .swiper-button-next, #pano .swiper-container-rtl .swiper-button-prev {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

#pano .swiper-pagination.swiper-pagination-bullets {
	bottom: 0px;
}

#pano .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	background: #ffffff;
	opacity: .8;
}

#pano .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #d4a3c8;
}

#loadingOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.7);
	z-index: 100000000000;
}
.loader:before, .loader:after, .loader {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	position: relative;
	top: 50%;
	margin: -40px auto;
	color: #d4a3c8;
	font-size: 10px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 3.5em;
}
.loader:before, .loader:after {
	content: '';
	position: absolute;
	top: 0;
}
@-webkit-keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
.round-border {
	margin-bottom: 20px;
	padding: 20px;
	border: 2px dotted #ccc;
	border-radius: 7px;
}
.container-fluid {
	padding: 0px;
}
.greatvibes {
	font-family: 'greatvibes';
}
.edmondsans {
	font-family: 'edmondsans';
}
.edmondsansbold {
	font-family: 'edmondsans_bold';
}
.bebasneue {
	font-family: 'bebasneue';
}
.nixieone {
	font-family: 'nixie_oneregular';
}
.hide {
	display: none;
}
.hidden {
	visibility: hidden;
}
.text-lavendar {
	color: #d4a3c8;
}
.text-red {
	color: #bb5558;
}
.text-green {
	color: green;
}
.text-blue {
	color: #5486B8;
}
.bg-lavendar {
	background: #d4a3c8;
}
.bg-red {
	background: #bb5558;
}
.bg-blue {
	background: #5486B8;
}
.btn-primary, .btn.active, .btn:active {
	background: #d4a3c8;
	border: none;
}
.btn-lavendar {
	color: #fff;
    background-color: #d4a3c8;
    border-color: #d4a3c8;
}
.btn-red {
	color: #fff;
    background-color: #bb5558;
    border-color: #bb5558;
}
.btn-round {
	border-radius: 50px;
    padding: 5px 50px;
}
.clear {
	clear: both;
}
h4 {
	font-family: 'bebasneue';
}
label {
	margin: .5rem 0;
}
.row {
	width: 100%;
	margin: 0px;
}
.row .content-section {
	max-width: 940px;
	margin: 0px auto;
}
.md-padding {
	padding: 1.5rem;
}
.center {
	text-align: center;
}
.padding-tb {
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-primary-outline {
	color: #bb5558;
	border-color: #bb5558;
}
.btn-primary:hover, .btn-primary-outline:hover, .btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn:active:focus, .btn:focus {
    color: #fff;
    background-color: #bb5558 !important;
    border-color: #bb5558 !important;
	outline-color: #ffffff;
}
.lavendar-btn, .lavendar-btn:hover {
	background: #d4a3c8;
	border-color: #d4a3c8;
}
#logo {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 30%;
	max-width: 300px;
	z-index: 10;
}
#mainCarousel .carousel-inner {
	/*width:100%;*/
	max-height: 800px !important;
}
#mainCarousel .carousel-inner .carousel-item img {
	width: 100%;
	height: auto;
	min-height: 225px !important;
	max-height: 800px !important;
}
#mainCarousel .carousel-inner .carousel-caption {
	background: rgba(0,0,0,.2);
}
#mainNav {
	display: inline-block;
	font-family: 'edmondsans_bold';
	a {
		color: #bb5558;
		font-size: 21px;
	}
}
nav {
	text-align: center;
}
nav ul li a.social {
	width: 70px;
    height: 68px;
    margin: 0px;
	background: url(../images/global/social_icons.png);
	text-indent: -10000000px;
}
nav ul li a.social.social.facebook {
	background-position: 0px 0px;
}
nav ul li a.social.social.yelp {
	background-position: -350px 0px;
}
nav ul li a.social.social.instagram {
	background-position: -280px 0px;
}
nav ul li a.social.social.twitter {
	background-position: -140px 0px;
}
#mainSearch {
	margin-top: 5px;
}
#mainContent, #products {
	padding: 0 1rem;
}
#intro-title {
	padding: 15px;
	font-family: 'greatvibes';
	font-size: 4rem;
}
#testimonials {
	padding: 20px 10%;
}
.jumbotron {
	/*display: none;*/
	color: #ffffff;
	background: url(../images/home/walnut_bg.jpg);
	background-size: 100%;
}
#loader {
	display: none;
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

.loader, .loader:before, .loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: #BB5558;
	font-size: 10px;
	margin: 0px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before, .loader:after {
	content: '';
	position: absolute;
	top: 0;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
 	left: 3.5em;
}
@-webkit-keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

footer {
	text-align: center;
}

footer ul {
	padding: 0px;
}

footer ul li {
	display: inline-block;
}

footer ul li a {
	padding: 14px;
	color: #bb5558;
	font-size: 14px;
}



@media only screen and (max-width : 480px) {
	h4 {
		font-size: 1rem;
		font-weight: 900;
	}
	.display-3 {
		font-size: 3.5rem;
	}
	.blockquote p {
		font-size: 16px;
	}
	.btn {
		padding: 4px 5px;
    	font-size: 14px;
	}
	#memberOptions {
		padding: 2px 15px;
		font-size: 14px;
		z-index: 11;
	}
	div.row {
		text-align: center;
	}
	#logo {
		position: absolute !important;
	    left: 50%;
	    right: inherit;
	    width: 225px !important;
	    height: auto;
	    margin: 0 0 0 -125px;
	}
	#mainCarousel .carousel-caption h3 {
		font-size: 20px;
	}
		
	#mainCarousel .carousel-caption p {
		font-size: 14px;
	}
	#intro-title {
		font-size: 2rem;
	}
	#blockquote {
		font-size: 15px;
	}
	nav ul li a.social {
		width: 63px;
	}
	.nav .nav-item, .nav-inline .nav-link {
		margin-left: 0px !important;
	}
}
@media only screen and (min-width : 481px) and (max-width : 700px) {
	#logo {
		width: 40%;
	}
	#mainCarousel .carousel-caption h3 {
		font-size: 20px;
	}
	#mainCarousel .carousel-caption p {
		font-size: 14px;
	}
	nav ul li a.social {
		width: 63px;
	}
	.nav .nav-item, .nav-inline .nav-link {
		margin-left: 0px !important;
	}
}