/****************************  Global properties *****************************************/

*	{margin:0; padding:0; }

html	{background: url('/images/background/IMG_0530-1a.jpg') rgb(206, 181, 149) no-repeat center center fixed;
		background-size: cover;}

body	{font-family: Arial;
		font-size:100%;
		color:#dbdbdb;
		/*text-size-adjust:150%;
		-moz-text-size-adjust:auto;
		-ms-text-size-adjust:150%;
		-webkit-text-size-adjust:150%;*/
		margin:0;}

::selection	{background:#dbdbdb}

a	{color:white;
	text-decoration:none;}

h1, h2, h3 {color:white;
	font-family: 'Ubuntu', Arial;
	font-weight: 400;}

h1	{font-size:300%;}

h2	{font-size:175%;
	text-align:center;}
	
h3	{font-size:125%;
	border-top:1px solid #fff;
	padding:10px 5px 5px 5px;}

img	{border:none;}

/***************************************************  transitions **************************************/

html, body, a, a:hover, .sidebar, .sidebar:hover, #sidebar-button, #sidebar-button:hover, #buy-now, #buy-now:hover, #buy-gift-certificate, #buy-gift-certificate:hover, #description	a, #description	a:hover, .team	section, .team	section:hover, .retailerproducts section, .retailerproducts section:hover, .cr, .cr:hover, .emailsignup, .emailsignup:hover
{transition: opacity .3s ease, color .3s ease, background-color .3s ease, background .3s ease, background-image .3s ease, border .3s ease, box-shadow .7s ease, text-shadow .5s ease;
-o-transition: opacity .3s ease, color ..3s ease, background-color .3s ease, background .3s ease, background-image .3s ease, border .3s ease, box-shadow .7s ease, text-shadow .5s ease;
-moz-transition: opacity .3s ease, colorr .3s ease, background-color .3s ease, background .3s ease, background-image .3s ease, border .3s ease, box-shadow .7s ease, text-shadow .5s ease;
-webkit-transition: opacity .3s ease, coolor .3s ease, background-color .3s ease, background .3s ease, background-image .3s ease, border .3s ease, box-shadow .7s ease, text-shadow .5s ease;
outline: 0;}

/***************************************************  nav **********************************************/

#top	{text-align:center;
		margin:5px 0;
		padding:5px 0;
		background:rgb(0,100,0);
		background:rgba(0,100,0,.5);}

.nav	{font-weight:bold;
		text-align:center;
		margin:5px 0;
		background:rgb(0,100,0);
		background:rgba(0,100,0,.5);}

.nav	a	{display:inline-block;
			position:relative;
			margin:5px;
			border-bottom:solid 3px rgb(0,0,255);
			border-bottom:solid 3px rgba(255,255,255,0)}

.nav	a:hover	{border-bottom:solid 3px rgb(255,255,255)}

#active	{border-bottom:solid 3px rgb(0,255,0)}

/**************************************************** content ***********************************/

#main-content	{width:95%;
				max-width: 800px;
				margin:0 auto;
				margin:0 auto 75px auto;}
#content	{background:rgb(0,100,0);
			background:rgba(0,100,0,.5);
			padding:10px;}
#description	{background:rgb(100,50,0);
				background:rgba(100,50,0,.75);
				padding:10px;}
#description	a	{font-weight: bold;
					border-bottom: solid 1px rgba(0,0,0,0);
					color:gold;
					text-decoration: underline;}
#description	a:hover	{border-bottom: solid 1px rgba(255,255,255,1)}
#innerdescription	{width:95%;
					margin:0 auto;
					text-align: center;}

.pricingtable	{text-align: left;
				margin: auto;
				padding:5px 0 15px 0;
				color: white;}

.pricingtable	td:nth-child(1)	{vertical-align:top; padding-right:10px; color:white;}

.contacttable	{text-align:left; margin: 0 auto}
.contacttable	td:nth-child(1)	{text-align:left; padding:0 15px 5px 0; vertical-align:top;}

.fb-like > span	{height:25px !important;}

/**************************************************** item buttons ***********************************/

#buy-now	{color:white!important;
			text-decoration: none!important;
			background:rgb(0,255,0);
			background:rgba(0,255,0,.35);
			margin:5px;
			font-weight:bold;
			padding:5px 20px;
			display:table;
			border:2px solid rgb(0,255,0)!important;
			border-radius:999px;
			margin:0 auto;}

#buy-now:hover	{background:rgb(0,255,0);
				border:2px solid green!important;}

#buy-gift-certificate	{color:white!important;
						text-decoration: none!important;background:rgb(0,0,255);
						background:rgba(0,0,255,.45);
						margin:5px;
						font-weight:bold;
						padding:5px 20px;
						display:table;
						border:2px solid rgb(0,0,255)!important;
						border-radius:999px;
						margin:0 auto;}

#buy-gift-certificate:hover	{background:rgb(0,0,255);
							border:2px solid rgb(0,0,125)!important;}

#coming-soon	{color:black;
				background:rgb(219,219,219);
				margin:5px;
				font-weight:bold;
				padding:0 20px;
				box-shadow:2px 2px #dbdbdb, 2px -2px #dbdbdb, -2px 2px #dbdbdb, -2px -2px #dbdbdb}


/**************************************************** footer ***********************************/
					
.footer	{width:100%;
		text-align:center;
		background:rgba(0,0,0,.5)}

/***************************************************  social icons  **************************************/

/*
By Ivan Sugerman (http://twitter.com/jivinivan) and Next Wave(http://nws.co/). Icon font courtesy of Socicon (http://socicon.com/).
Customized by Infinity Zero (https://infinityzero.us/).
Create your own icons at Perfect Icons (http://perfecticons.com).
*/

@font-face {
    font-family:si;
    src:    url('/css/socicon-v1.2/socicon.woff'),
            url('/css/socicon-v1.2/socicon.ttf'),
            url('/css/socicon-v1.2/socicon.svg');
    font-weight:400;
    font-style:normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url('/css/socicon-v1.2/socicon.svg') format(svg);
    }
}

.soc {
    overflow: hidden;
	margin: 0;
	text-align: right;
	list-style: none;
	padding: 1% 1%;
}

.soc li {
    display:inline-block;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
	-webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow:hidden;
    text-decoration:none!important;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 19px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 1px;
    color: #ffffff;
    background-color: rgba(0,0,0,.2);
	text-size-adjust:100%;
	-moz-text-size-adjust:auto;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	border: none!important;
}

.soc-icon-last{margin:0 !important;}

.soc-email1:before {content:'<';}
.soc-facebook:before {content:'b';}
.soc-twitter:before {content:'a';}
.soc-instagram:before {content:'x';}
.soc-google:before {content:'c';}
.soc-youtube:before {content:'r';}
.soc-tumblr:before {content:'z';}
.soc-soundcloud:before {content:'n';}
.soc-reddit:before {content:'C';}
.soc-pinterest:before {content:'d';}
.soc-linkedin:before {content:'j';}
.soc-xbox:before {content:'Y';}
.soc-steam:before {content:'X';}
.soc-spotify:before {content:'o';}
.soc-stumbleupon:before {content:'E';}

.soc-email1:hover {background-color: #578AD6;}
.soc-facebook:hover {background-color: #3e5b98;}
.soc-twitter:hover {background-color: #4da7de;}
.soc-instagram:hover {background-color: #9c7c6e;}
.soc-google:hover {background-color: #d93e2d;}
.soc-youtube:hover {background-color: #e02a20;}
.soc-tumblr:hover {background-color: #45556c;}
.soc-soundcloud:hover {background-color: #fe3801;}
.soc-reddit:hover {background-color: #e74a1e;}
.soc-pinterest:hover {background-color: #c92619;}
.soc-linkedin:hover {background-color: #3371b7;}
.soc-xbox:hover {background-color: #92C83E;}
.soc-steam:hover {background-color: #8F8D8A;}
.soc-spotify:hover {background-color: #7bb342;}
.soc-stumbleupon:hover {background-color: #e64011;}