html,body{margin: 0; padding: 0; /*background-color: #000;*/
	/*background texture start*/
/*background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;*/
background-color:#282828;
background-size:8px 8px;
/*background texture end*/
 /*overflow-y: hidden;*/ /*color below the header*/}

/*THEME CUSTOMIZER START*/



.solstice-color-a{ background-color: white;}

/*THEME CUSTOMIZER END*/

h1, h2, h3, h4, h5{	margin: 0;}
.title{	text-transform: uppercase; font-family: "adobe jenson pro caption";	font-size: 12px; letter-spacing: 3.8px;	color: #BCBEC0; /*margin-bottom: 1rem;*/}

#logo,#main-content{ margin: 0 auto;/*min-height: 255px;*/}
.nav-item{ display: inline-block; vertical-align: middle;}

@media screen and (min-width: 961px){ 
	#logo, #main-content{max-width: 960px;	/*min-height: 255px;*/}
	.h-nav-item{ padding: 17px 16px; transition: all ease 0.45s;}
	#solstice-header nav.mobile-nav { display: none;}
}
@media screen and (max-width: 960px){
	/*.row{ max-width: 720px !important;}
	#logo,#main-content{ max-width: 720px;}*/
	.h-nav-item{ padding: 17px 1px; transition: all ease 0.45s;}
	a.nav-item.h-nav-item.right{padding: 13px 1px !important;}
	.header-nav-list.on-scroll a.nav-item.h-nav-item.right{padding-top: 7px;padding-bottom: 7px !important;}
	.header-nav-list.s-list .h-nav-item{display: block;}
	#solstice-header nav.desktop-nav { display: none;}
}

/*HEADER*/

.desktop-nav .h-nav-item {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.desktop-nav .h-nav-item.active{
	border-top: 5px solid white;
}


@media screen and (max-width: 726px){
	a{ letter-spacing: 2px;}
}



#main-content{/*background-color: #fff;*/ /*padding: 0 10px;*/ position: relative; z-index: 10;}
#solstice-header{ position: relative; z-index: 11; width: 100%}

#banner-image{ position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9; background-color: #eee; background-size: cover;/*option 1*/
			   /*height: 525px;*/ background-image: linear-gradient(rgb(81, 81, 181), #FFFFFF);	/*option for selecting linear gradient color1 to color2*/		
			   background-attachment: fixed; background-position: center center; display:none;
				/*option 2 color/image for entire page*/
				height: 100%;
				/*background-image: url("http://thenextweb.com/wp-content/blogs.dir/1/files/2012/10/Food.jpg");*/
				/*background-attachment: fixed;*/

				/*option 3 color only in nav bar*/	 
				/*height: 45px;*/}


/*option for giving a overlay like a background with black colored overlay with some opacity opacity*/
.banner-overlay{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.15); /*option to select color and opacity*/}
.active-nav-item,.hover-nav-item { height: 5px; top: 0; position: absolute; width: 74px; background-color: white; transition: all ease 0.3s;	display: none;}
#logo > .logo-wrapper {	padding: 30px 0px; text-align: center;}
#logo img{ max-width: 250px; max-height: 250px;}
.h-nav-item > li{ color: #fff;}
.header-nav-list:hover li{	cursor: pointer;}
.s-list{ text-align: center; margin:0 !important; list-style: none; width: 100%;top:0;height:100% !important;}
#solstice-header #header-nav-wrapper .header-nav-list {	background-color: rgba(0,0,0,0.45); margin:0; transition: all ease 0.7s;}
/*#solstice-header #header-nav-wrapper .orderonline {	background-color: rgba(0,0,0,0.75);}*/
.header-nav-list.on-scroll .h-nav-item {padding-top: 9px; padding-bottom: 9px; transition: all ease 0.45s;}
.header-nav-list.on-scroll { background-color: rgba(0,0,0,1) !important; transition: all ease 0.45s;}


@media screen and (max-width: 640px){
	#solstice-header #logo{ margin-top: 0px;}
	#solstice-header #header-nav-wrapper{position: relative; width: 100%; top: 0;}
	#banner-image{background-attachment: scroll !important;}
}
#numbersModal{
	min-height: 0px !important;
	position: fixed !important;
	top: auto !important;
	bottom: 0 !important;
	padding: 0 !important;
}
#numbersModal a{
	color: inherit !important;
	font-size: 1.4rem !important;
	display: block !important;
	box-shadow: -1px -1px 1px !important;
	padding:6px !important;
}
#numbersModal a i.fa{
	margin-right: 8px !important;
	font-family: 'FontAwesome' !important;
}

/*scroll to top*/
.scroll-top {
    position: fixed;
    bottom: 5%;
    right: 5%;
    background-color: #000;
    padding: 6px 10px;
    z-index: 11;
    display: none;
}
.scroll-top .fa {
    color:#fff;
}

/*HEADER END*/