body{
	font-size:.9rem;
	font-family: 'Spartan', sans-serif;
}

a.overlay{
   position: absolute;
   top:0px;
   left:0px;
   height:100%;
   width:100%;
   
} 

.container{
   max-width:1200px;
}


.video-container{
	max-width: 550px;
	width: 100%;
	display:inline-block;
}
.video-wrapper {
    margin: 0 auto 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .video-wrapper video {
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-wrapper-new {
    height:100%;
    width:100%;
    position:relative;

}
.video-wrapper-new iframe, .video-wrapper-new object, .video-wrapper-new embed, .video-wrapper-new video {
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform:translate(-50%,0);
   /* width: 100%; */
    height: 100%;
}

.bg-alt{
	background: #f4f6f7;
}

.bg-blue{
	background: #333333;
	color: #fff;
}

.bg-yellow{
	background: #dc3545;
	color: #fff; 
}

.fa.fa-times.text-danger{
    cursor: pointer;
}

.form-control{
    height: calc(1.5em + 0.75rem + 10px);
}


.small, small{
    font-size: 95%;
}

/*  ----------------------------------------------------------	*/
/*  					Sticky Footer 	 						*/
/*  ----------------------------------------------------------	*/

@media (min-width: 768px) {
	html, body {
		height: 100%;
		margin: 0;
	}
	#wrapper {
		/* min-height: 100%;
		margin-bottom: -476px;  */
	}
	
	#wrapper:after {
		content: "";
		display: block; 
	}
	
	#footer, footer, #wrapper:after {
	  /* height: 476px;  */
	}
}





/* ---------------------------------------------------- */
/* 						Styling							*/
/* ---------------------------------------------------- */

a{
	color: #333333;
}

a:hover{
	color:#333333;
}


.error, .hasError{
	border: 1px solid #db2b25;
}

input.error, .hasError{
	border: 1px solid #db2b25;
}


.btn, .nav-link{
	border-radius: 0px;
	padding-left:25px;
	padding-right:25px;
	font-family: 'Spartan', sans-serif;
	font-weight:700;
	font-family: peachy-keen-jf, sans-serif;
	font-weight: 400 !important;
	-webkit-transition: .4s;
	transition: .4s;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	font-size:0.9rem;
	text-shadow: 1px 1px 2px #000;
}

.modal-footer .btn {
	-webkit-transition: none;
	transition: none;
}

.card .btn, .modal-body .btn{
	/*box-shadow:none;*/
}

.btn:hover{
    cursor:pointer;
}
.btn-sm{
	
}

.btn-lg{
	
}

/* 	Primary - Yellow
	Secondary - Blue 
	Dark 	 - Dark Blue
 * */

/* Blue */
.btn-primary, .nav-link.active{
	background: #d82189;
	border-color:  #d82189; 
	color: #FFFFFF;
}

.btn-primary:hover{
	background-color: #d82189;
	border-color:  #d82189;
	color:#FFFFFF;
}

/* Red */
.btn-secondary, .btn.btn-primary.active.nav-link{
	background-color: #849aa4;
	border-color:  #849aa4;
	color: #FFFFFF;
}

.btn-secondary:hover{
	background-color: #849aa4;
	border-color: #849aa4;
	color:#FFFFFF;
}
.btn-yellow{
	background-color: #eab64e;
	border-color:  #eab64e;
	/*color: #d82189;*/
    color: #fff;
}

.btn-yellow:hover{
	background-color: #eab64e;
	border-color: #eab64e;
	/*color:#d82189;*/
    color: #fff;
}

.btn-outline-secondary{
	color: #d82189;
	border-color:  #d82189;
    box-shadow: none;
    text-shadow: none;
}

.btn-outline-secondary:hover{
    border-color: #d82189;
    background-color: #d82189;
    color: #fff;
}

/* Dark Grey */
.btn-dark{
	background-color: #441b77;
	border-color:  #441b77;
	color: #fff;
}

.btn-dark:hover{
	background-color: #441b77;
	border-color:  #441b77;
	color:#fff;
}

.btn-outline-dark{
	color:#441b77;
	background: #fff;
	border-color:  #441b77;
}
.btn-outline-dark:hover{
	color:#441b77;
	background: #fff;
	border-color:  #441b77;
}

.btn-outline-primary{
	color:#0499ff;
	background:transparent;
	border-color:  #0499ff;
}
.btn-outline-primary:hover{
	color:#0499ff;
	background: transparent;
	border-color:  #0499ff;
}

/* Other */

.btn.btn-order{
    background-color: #849aa5;
    border-color: #849aa5;
    color: #fff;
}

.btn-white{
	background-color: #FFFFFF;
	border-color:  #333333;
	color: #333333;
}

.btn-number{
	background: #FFF;
	text-decoration: none;
	line-height: 20px;
	border: 1px solid #333333;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .6px;
	color: #333333;
	text-align: center;
	height: 60px;
	width: 60px;
	padding-top: 6px;
}

.btn-number.disabled{
	color: #dfe0e2;
	border: 1px solid #dfe0e2;
	pointer-events: none;
}

.btn-orange{
    background-color: #e7b255;
    border-color: #e7b255;
    color: #fff;
}

.btn-pgreen{
    color: #fff;
    background-color: #739e83;
    border-color: #739e83;
}

/***************/

.dropdown-item {
	color: #fff;
}

.dropdown-toggle::after {
    display: inline-block;
	opacity:0.8;
	vertical-align:middle;
    margin-left: .5em;
    content: "";
	height: 15px;
	width: 15px;
	border:0px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	background-image: url(/assets/images/icon-chevron-down.svg);
	filter: brightness(0.8);
}

.sticky .dropdown-toggle::after {
	filter: brightness(0.2);
}



.form-control:focus{
	border-color: #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}


select.form-control{
	position: relative;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	padding-right: 25px;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMTYuMDAzIDE4LjYyNmw3LjA4MS03LjA4MUwyNSAxMy40NmwtOC45OTcgOC45OTgtOS4wMDMtOSAxLjkxNy0xLjkxNnoiLz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: right 5px top 50%;
}


/* The switch - the box around the slider */
.toggleSwitch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.toggleSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.toggleSlider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggleSlider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .toggleSlider {
	/*background-color: #b2cb08;*/
    background-color: #333333;
}

input:focus + .toggleSlider {
	box-shadow: 0 0 1px #b2cb08;
}

input:checked + .toggleSlider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.toggleSlider.round {
	border-radius: 34px;
}

.toggleSlider.round:before {
	border-radius: 50%;
} 

input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.qty[type=number] {
	-moz-appearance: textfield;
	width: 64px;
	flex-grow: 0;
	line-height:40px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 42px;
}

.btn.qtyminus, .btn.qtyplus{
	padding:0px;
	padding-left: 10px;
	padding-right:10px;
	min-width:40px;
	font-size:24px;
	line-height:40px;
}

.btn-disabled{
	opacity:0.5;
	cursor: default !important;
}
/* ---------------------------------------------------- */
/* 						H Tags							*/
/* ---------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: peachy-keen-jf, sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, .h1{
	font-size: 22px;
}

h2, .h2{
	font-size: 20px;
}

h3, .h3{
	font-size: 16px;
}

h4, .h4{
	font-size: 13px;
}

h5, .h5{
	font-size: 14px;
}

h6, .h6{
	font-size: 12px;
}


@media (min-width: 768px) {
	h1, .h1{
		font-size: 22px;
	}
	
	h2, .h2{
		font-size: 20px;
	}
	
	h3, .h3{
	}
	
	h4, .h4{
		font-size: 1.3rem;
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}

@media (min-width: 1024px) {
	h1, .h1{
		font-size: 24px;
	}
	
	h2, .h2{
		font-size: 20px;
	}
	
	h3, .h3{
		font-size: 18px;
	}
	
	h4, .h4{
		font-size: 13px;
	}
	
	h5, .h5{
		font-size: 15px;
	}
	
	h6, .h6{
		
	}
}
@media (min-width: 1440px) {
	h1, .h1{
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}

/*  ----------------------------------------------------------	*/
/*  						Banners 	  						*/
/*  ----------------------------------------------------------	*/


/*  ----------------------------------------------------------	*/
/*  						Categories 	  						*/
/*  ----------------------------------------------------------	*/
.card{
	border: 1px solid transparent;
	transition: all .5s;
	box-shadow: 0 25px 98px 0 rgba(0,0,0,.1);
	border-radius:0px;
}

.catItem .card-img-top{
	border-radius:0px;
}
.catItem.card:hover{
	border-color: #999;
	transition: all  .5s;
	box-shadow: 0 15px 50px 0 rgba(0,0,0,.2);
}

.catItem.card .card-image{
	overflow:hidden;
}

.catItem.card .card-img-top{ transition: all .5s ease-in-out; }
.catItem.card:hover .card-img-top { transform: scale(1.2); }

.catItem.card .card-body{
	border-color: transparent;
}

.catItem.card .card-footer{
	border-color: transparent;
	background-color:transparent;
	color: #333333;
}


.catItem .catDesc{
	font-size:90%;
	font-weight:300;
}
.catItem.card .card-footer .fa{
	font-size:12px;
}

@media only screen and (max-width: 391px){
	.card-footer{
		font-size: 14px;
	}
}

/*  ----------------------------------------------------------	*/
/*  						Products  	  						*/
/*  ----------------------------------------------------------	*/
.prodItem {
    transition: all .5s;
}
.prodItem:hover {
	border: 1px solid rgba(0,0,0,.125);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.prodItem .card-footer{
	background:  transparent;
	border-top:0px;
	font-size:85%;
}

.prodItem .form-control{
	font-size:95%;
}

.prodItem .card-footer form{
	margin-bottom: 0px;
}

.prodItem{
	
}

/*  ----------------------------------------------------------	*/
/*  						Breadcrumb  	  						*/
/*  ----------------------------------------------------------	*/
.breadcrumbWrap{
	/*background: #333333;*/
    background: #fff;
	color: #333333;
	text-align:center;
}

.breadcrumb{
	background: transparent;
	margin-bottom: 0px;
    margin-top: 12px;
}

.breadcrumbWrap .breadcrumb p{
	margin-bottom: 0px;
	display: none;
}

.breadcrumbWrap .breadcrumb .active p{
	display:block;
}

.breadcrumbWrap.custom .breadcrumb-item + .breadcrumb-item::before{
	display:none;
}

.breadcrumbWrap:not(.custom) .breadcrumb-item + .breadcrumb-item::before {
	color: rgba(255,255,255,.7);
	padding-left: .5rem;
}

.breadcrumbWrap:not(.standard) .breadcrumb-item{
	opacity: 0.6;
}
.breadcrumbWrap .number{
	/*background: #fff;*/
    background: #849aa5;
	/*color: #333333;*/
    color: #fff;
	display:inline-block;
	height: 25px;
	width: 25px;
	text-align:center;
	line-height: 26px;
	border-radius: 50%;
	margin-bottom: 5px;
	margin-top:10px;
	margin-bottom:15px;
	font-weight:600;
	font-size:0.8rem;
}

.breadcrumbWrap .breadcrumb-item a {
	color: #fff;
}

.breadcrumbWrap .breadcrumb-item.active {
    /*color:  #fff;*/
    color: #333;
	opacity: 1;
}

.breadcrumbWrap .breadcrumb-item.active .number{
	opacity: 1;
	height: 40px;
	width:40px;
	margin-top:0px;
	margin-bottom: 10px;
	line-height: 40px;
	font-size:1rem;
}

.breadcrumbWrap .breadcrumb-item + .breadcrumb-item {
    padding-left: 0rem;
}

.breadcrumbNumber::after {
    position: absolute;
    top: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(20px);
    content: "";
    width: 160%;
    right: 0px;
    margin-right: -184%;
    height: 1px;
    background-color: #c1c1c1;
    display: block;
    z-index: 0;
    color: #f4f6f7;
}

.breadcrumbNumber.last::after{
    content: '';
    display: none;
}

@media only screen and (max-width: 1081px){
    .breadcrumbNumber::after{
        margin-right: -170%;
    }
}

@media only screen and (max-width: 992px){
    .breadcrumbNumber::after {
        margin-right: -150%;
    }
}

@media only screen and (max-width: 850px){
    .breadcrumbNumber::after {
        margin-right: -140%;
    }
}

@media only screen and (max-width: 800px){
    .breadcrumbNumber::after {
        margin-right: -120%;
        width: 130%;
    }
}

@media only screen and (max-width: 768px){
    .breadcrumbNumber::after {
        margin-right: -110%;
        width: 120%;
    }
}

@media only screen and (max-width: 720px){
    .breadcrumbNumber::after {
        margin-right: -95%;
        width: 110%;
    }
}

@media only screen and (max-width: 650px){
    .breadcrumbNumber::after {
        margin-right: -80%;
        width: 95%;
    }
}

@media only screen and (max-width: 590px){
    .breadcrumbNumber::after {
        margin-right: -60%;
        width: 75%;
    }
}

@media only screen and (max-width: 576px){
    .breadcrumbNumber::after {
        display: none;
    }
}

@media (min-width: 576px) {
	.breadcrumbWrap .breadcrumb p{
		display: block;
		min-width:120px;
	}
}


/*  ----------------------------------------------------------	*/
/*  					Contact Form 	 						*/
/*  ----------------------------------------------------------	*/

.time-slot{
	display:block;
	font-weight: 400;
	text-align:center;
	background: #d82189;
	color: #fff;
	font-size:1.2rem;
	padding: 10px;
	line-height: 30px;
	transition: all .5s ease;
	cursor:pointer;
}

.time-slot:hover{
	color: #fff;
	text-decoration: none;
	font-size:1.4rem;
	transition: all .5s ease;
}


.pricingType_Saver, .pricingType_Peak, .pricingType_Peak_Plus, .pricingType_Peak_Plus_Party{
    width: 100px;
    /*color: #222d5b;*/
}

@media only screen and (max-width: 800px){
	.time-slot{
		font-size: 1rem;
		padding: 4px;
	}
}

/*  ----------------------------------------------------------	*/
/*  					H1 TITLe letters 	 						*/
/*  ----------------------------------------------------------	*/

/*h1.index-h1 span:nth-child(1n){*/
/*    color: #739e83;*/
/*}*/
/**/
/*h1.index-h1 span:nth-child(2n){*/
/*    color: #d97fb3;*/
/*}*/
/**/
/*h1.index-h1 span:nth-child(3n){*/
/*    color: #eab74e;*/
/*}*/

/*  ----------------------------------------------------------	*/
/*  					HOMES TILES 	 						*/
/*  ----------------------------------------------------------	*/

#secondary-boxes .tile-content{
    background-color: #849aa5;
    padding: 15px 20px;
    color: #fff;
    font-family: peachy-keen-jf, sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    font-size: 0.9rem;
    text-shadow: 1px 1px 2px #000;
    font-weight: 400 !important;
}

.tile-wrap{
    height: auto;
    width: auto;
    overflow: hidden;
}

.tile-wrap .tile-img{
        -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}

.tile-wrap:hover .tile-img{
    transform: scale(1.2);
}

.bg-orange{
    background-color: #e7b255;
}

.bg-pale-green{
    background-color: #739e83;    
}

.owl-item .card{
    box-shadow: none !important;
    border: 1px solid #e5e5e5;
}


/**********************************************
*                  FAQ CARDS                  *
***********************************************/

/*.faq-card{
    margin-bottom: .2rem;
}

.faq-card .faq-card-header{
    background-color: #739e83;
}

.btn-link.btn-faq-link:hover{
    text-decoration: none;
}*/

.nav-tabs,
.nav-tabs .nav-item .nav-link{
    border: none;
    padding-bottom: 1rem;
}

.nav-tabs .nav-item .nav-link.active{
    border-bottom: 2px solid #d82189;
}

.nav-tabs .nav-item .nav-link:not(.active):hover{
    border-bottom: 2px solid;
    border-color: #e9ecef #e9ecef #dee2e6;
}

.questionWrap.card{
    box-shadow: none;
    text-align: left;
    text-decoration: none;
    border: 1px solid rgba(0,0,0,.125);
}

.faqs-header{
    background-color: #739e83;
    color: #fff;
    padding: 1rem;
}

.faqs-header:hover{
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.faqs-heading{
    margin-bottom: 0;
}

.faqs-header[data-toggle=collapse]:after {
    color: #fff;
}

[data-toggle=collapse].collapsed:after {
    transform: rotate(0deg);
}

[data-toggle=collapse]:after {
    content: "\f054";
    font-weight: 900;
    font-family: 'Font Awesome\ 5 Free';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    transition: all linear .25s;
    position: absolute;
    top: 15px;
    right: 20px;
    color: #fff;
}


.nav-pills > li {
    font-family: 'volkswagen-serial-medium-regular', sans-serif;
    font-weight: 700;
    margin-right: 5px !important;
}

.nav-pills .nav-link:not(.active) {
    background-color: #EEEEEE;
    color:#888888;
}

.nav-pills > li > a.active {
    background-color: #DAB41B !important;
}