/*GLOBAL*/
@font-face {
    font-family:bebasneue;
    src: url(../Fonts/BebasNeue.otf);
}

@font-face {
    font-family:aileron;
    src: url(../Fonts/aileron/Aileron-Black.otf);
}

@font-face {
    font-family: 'FrontPageNeue';
    src: url('../Fonts/ttdirectorsdemobl-regular-webfont.woff2') format('woff2'),
         url('../Fonts/ttdirectorsdemobl-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

button, input, select: textarea, button:focus, input:focus, select:focus: textarea:focus
{
	outline:none;
}
	
.hideonmobile
{
	display:block;
}

.showonmobile
{
	display:none;
}

#body-container
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;
	display:none;
}

/**/

#banner-background
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:99;
	background:rgba(0,0,0,0.7);
}

#banner
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:305px;
	height:140px;
	margin:auto;
	box-shadow:0px 0px 10px black;
	border:1px solid grey;
	
	background-image:url('../Images/navbar.gif');
	background-size:auto 100%;
	z-index:100;
	text-align:center;
}

#banner button
{
	position:relative;
	top:55px;
	left:30px;
	width:100px;
	background: #F26522;
    border: 0px;
    padding: 7px 11px;
	margin:0px 0px 0px 15px;
    color: white;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    float: left;
    cursor: pointer;
}

#banner button.single
{
	width:215px;
}

#banner #navbarsearch
{
	top:50px;
	border:1px solid #1A1A1A;
}

#banner #mailinglisticon
{
	top:58.5px;
}

#banner h5
{
	margin:12px 0px 0px 0px;
	padding:0px 7px;
	float:left;
	color:white;
	font-weight:normal;
	font-size:13px;
	letter-spacing:1px;
	color:darkgrey;
	font-family: 'Roboto', sans-serif;
}

#header
{
	position:relative;
	margin-top:15px;
	left:15px;
	width:970px;
	height:55px;
}

#header h1
{
	position:relative;
	margin:0px 0px 0px 15px; padding:0px;
	left:0px;
	width:117px;
	color:white;
	font-weight:700;
	font-size:45px;
	line-height:60px;
	letter-spacing:3px;
	font-family: 'bebasneue', sans-serif;
	float:left;
	
}

#header h1 div
{
	position:absolute;
	right:0px;
	top:15px;
	bottom:20px;
	border-right:1px solid darkgrey;
	
}

#header h2
{
	position:relative;
	margin:0px 0px 0px 10px; padding:0px;
	left:0px;
	color:white;
	font-weight:700;
	font-size:10px;
	line-height:55px;
	letter-spacing:1px;
	color:darkgrey;
	font-family: 'Roboto', sans-serif;
	float:left;
	
}

#logo
{
	position:absolute;
	top:-15px;
	left:0px;
	height:80px;
}

#sociallink
{
	float:right;
	height:40px;
	margin-top:5px;
	margin-left:15px;
}

#navbar
{
	position:relative;
	margin-top:15px;
	left:15px;
	width:970px;
	height:55px;
	padding-left:0px;
	
	background-image:url('../Images/navbar.gif');
	background-size:auto 100%;
}

#mobile-version-search-wrapper
{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	clear:both;
	height:50px;
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url('../Images/navbar.gif');
	background-size:auto 100%;
}

#mobile-version-search-wrapper #search-input
{
	position:absolute;
	top:5px;
	left:0px;
	width:100vw;
	padding-left:10px;
	height:40px;
	border-radius:4px;
	border:0px;
	background-image:url('../Images/input.gif');
	background-size:auto 100%;
	padding-right:35px;
	color:darkgrey;
}

#navbar #logo, #open-navigation
{
	display:none;
}

#navbartab
{
	position:relative;
	top:0px;
	margin:0px 0px 0px 0px; padding:0px 15px 0px 15px;
	left:0px;
	color:white;
	font-weight:normal;
	font-size:13px;
	line-height:55px;
	letter-spacing:1px;
	color:darkgrey;
	font-family: 'Roboto', sans-serif;
	float:left;
	transition:0.3s;
	cursor:pointer;
	border-left:1px solid #1A1A1A;
}

#navbartab.first
{
	border-left:0px;
}

#navbartab:hover
{
	color:white;
}

#navbarsearch
{
	position:absolute;
	top:10.5px;
	right:15px;
	padding-left:10px;
	height:30px;
	width:230px;
	float:right;
	border-radius:4px;
	border:0px;
	background-image:url('../Images/input.gif');
	background-size:auto 100%;
	padding-right:35px;
	color:darkgrey;
}

#navbarsearch:focus
{
	outline:none;
}

#searchicon, #mailinglisticon
{
	position:absolute;
	top:18px;
	right:28px;
	color:darkgrey;
	cursor:pointer;
}

#headerlogin
{
	float:right;
}

#headerlogin input
{
	position:relative;
	right:0px;
	color:white;
	margin-top:0px;
	background:#F26522;
	border:0px;
	padding:3px 7px 3px 7px;
	margin-left:4px;
	float:right;
}

#headerloginlinks
{
	position:relative;
	right:115px;
	float:right;
	top:-20px;
	margin-right:15px;
	color:white;
	text-decoration:none;
	font-family:Arial;
	font-size:14px;
}

#headerloginprofile
{
	position:relative;
	right:115px;
	float:right;
	top:-50px;
	margin-right:15px;
	color:white;
	text-decoration:none;
	font-family:Arial;
	font-size:14px;
}

#headerloginlinks:hover
{
	text-decoration:underline;
}
/*GLOBAL*/

/*HOME PAGE*/
#spotlight
{
	position:relative;
	margin-top:0px;
	left:15px;
	width:970px;
	height:400px;
}

#spotlight-arrow-right
{
	position:absolute;
	top:150px;
	right:0px;
	line-height:50px;
	text-align:center;
	width:50px;
	z-index:10;
	background:rgba(0,0,0,0.5);
	color:white;
	font-size:30px;
	cursor:pointer;
	transition:0.5s;
}

#spotlight-arrow-left
{
	position:absolute;
	top:150px;
	left:0px;
	line-height:50px;
	text-align:center;
	width:50px;
	z-index:10;
	background:rgba(0,0,0,0.8);
	color:white;
	font-size:30px;
	cursor:pointer;
	transition:0.5s;
}

#spotlight-arrow-left, #spotlight-arrow-right
{
	opacity:0.3;
}

#spotlight-arrow-left img
{
	width:40px;
	margin:0px;
	margin-top:10px;
	margin-bottom:-5px;
	margin-left:-5px;
}

#spotlight-arrow-right img
{
	width:40px;
	margin:0px;
	margin-top:10px;
	margin-bottom:-5px;
	margin-right:-5px;
}

#spotlight-arrow-right:hover, #spotlight-arrow-left:hover
{
	opacity:1;
}

#spotlight-arrow-right:active, #spotlight-arrow-left:active
{
	background:rgba(0,0,0,1);
}

#spotlight-panel
{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	float:left;
	
	background-size:cover;
	background-position:0px -350px;
	display:none;
}

#spotlight-selector
{
	position:absolute;
	bottom:10px;
	height:10px;
	width:10px;
	border-radius:50%;
	border:2px solid white;
	cursor:pointer;
	transition:0.5s;
}

#spotlight-selector:hover, #spotlight-selector.active
{
	background:white;
}

#spotlight-panel-fader
{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:black;
	opacity:0.2;
}

#spotlight-panel h1, #spotlight-panel h3
{
	position:relative;
	margin:0px; padding:0px;
	margin-top:130px;
	left:0px;
	right:0px;
	text-align:center;
	width:100%;
	color:white;
	font-weight:700;
	font-size:60px;
	letter-spacing:3px;
	font-family: 'bebasneue', sans-serif;
	display:none;
}

#spotlight-panel h2
{
	position:relative;
	margin:0px; padding:0px;
	margin-top:130px;
	left:0px;
	right:0px;
	text-align:center;
	width:100%;
	color:white;
	font-weight:700;
	font-size:16px;
	letter-spacing:3px;
	font-family: 'bebasneue', sans-serif;
	display:block;
	margin:20px 0px 0px 0px;
}

#spotlight-panel p
{
	position:relative;
	margin:0px; padding:0px;
	margin-top:-5px;
	left:0px;
	right:0px;
	text-align:center;
	width:100%;
	color:white;
	font-weight:normal;
	font-size:17px;
	letter-spacing:3px;
	font-family: 'bebasneue', sans-serif;
	display:none;
}

#spotlight-panel button
{
	position:relative;
	margin-top:10px;
	left:50%;
	right:0px;
	margin-left:-75px;
	text-align:center;
	width:150px;
	height:40px;
	color:black;
	font-weight:normal;
	font-size:14px;
	font-family: 'bebasneue', sans-serif;
	letter-spacing:3px;
	background:white;
	border:0px;
	cursor:pointer;
	display:none;
}

#spotlight-panel button:focus
{
	outline:none;
}

#leftnav
{
	position:relative;
	margin-top:15px;
	padding-bottom:5px;
	margin-left:15px;
	min-height:700px;
	width:250px;
	background:rgba(0,0,0,0.8);
	float:left;
}

#leftnavtab
{
	position:relative;
	float:left;
	clear:both;
	width:240px;
	padding:10px 0px 5px 10px;
	color:darkgrey;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:500;
	cursor:pointer;
}

#leftnavtab a
{
	color:darkgrey;
	font-family: 'Roboto', sans-serif;
	text-decoration:none;
}

#leftnavtab img
{
	position:relative;
	top:5px;
	margin-right:10px;
	height:20px;
	width:20px;
}

#leftnavtab i
{
	position:relative;
	top:8px;
	float:right;
	margin-right:15px;
	font-size:12px;
}

#leftnavtab.child i
{
	top:6px;
	float:left;
	font-size:5px;
	margin-right:8px;
}

#leftnavtab:hover, #leftnavtab:hover a
{
	color:white;
}

#leftnavtab.child
{
	width:200px;
	padding-left:50px;
	display:none;
}

#leftnavtab.child.active
{
	background:rgba(0,0,0,0.5);
}

#leftnavtab.child:hover
{
	background:rgba(0,0,0,0.8);
}

#body
{
	position:relative;
	margin-top:15px;
	right:15px;
	width:705px;
	float:right;
	background:rgba(0,0,0,0.8);
	padding-bottom:30px;
}

#body-spotlight
{
	position:relative;
	margin:0px;
	width:705px;
	height:350px;
	background-image:url('../Images/storefront.jpg');
	background-size:cover;
}

#body-feature-1
{
	position:relative;
	float:left;
	width:220px;
	height:100px;
	margin-top:10px;
	margin-bottom:-40px;
	padding-left:5px;
	text-shadow:1px 1px 1px black;
}

#body-feature-1-icon
{
	position:absolute;
	top:0px;
	left:10px;
	margin:10px 0px 0px 7px;
	height:40px;
	width:40px;
	border:3px solid #D19304;
	border-radius:50%;
}

#body-feature-1:hover #body-feature-1-icon
{
	background:#D19304;
}

#body-feature-1 h3
{
	margin:10px 0px 0px 65px; padding:0px;
	font-weight:normal;
	font-size:17px;
	letter-spacing:2px;
	font-family: 'bebasneue', sans-serif;
	color:white;
}

#body-feature-1 p
{
	margin:0px 0px 0px 65px; padding:0px;
	font-weight:normal;
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Roboto', sans-serif;
	color:white;
}

#body-title
{
	position:relative;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	color:white;
	font-weight:400;
	font-size:35px;
	letter-spacing:3px;
	width:450px;
	text-align:center;
	font-family: 'bebasneue', sans-serif;
	color:#D19304;
	border-bottom:4px solid #D19304;
	clear:both;
}

#spacer
{
	width:100%;
	float:left;
	clear:both;
}

#body-newstab-1
{
	position:relative;
	left:2px;
	margin:10px 0px 0px 10px;
	width:220px;
	float:left;
}

#body-newstab-1-image
{
	width:100%;
	height:150px;
	background-size:cover;
}

#body-newstab-1 h3
{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:10px 0px 0px 0px;
	padding:7px;
	color:white;
	letter-spacing:2px;
	background:rgba(0,0,0,0.8);
	font-weight:400;
	font-size:19px;
	font-family: 'bebasneue', sans-serif;
}

#body-newstab-1 p
{
	position:relative;
	margin:0px; padding:7px;
	left:-8px;
	top:-6px;
	right:0px;
	color:white;
	letter-spacing:2px;
	font-weight:400;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	display:none;
}

#body-newstab-1 p a
{
	text-decoration:underline;
	font-size:10px;
	cursor:pointer;
	color:white;
}

#body-newstab-1:hover h3
{
	height:136px;
}

#body-newstab-1:hover p
{
	display:block;
}

#body-newstab-2
{
	position:relative;
	left:2px;
	margin:10px 0px 0px 10px;
	width:220px;
	float:left;
}

#body-newstab-2-image
{
	width:100%;
	height:150px;
	background-size:cover;
	background-position:center;
}

#body-newstab-2 h3
{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:10px 0px 0px 0px;
	padding:7px;
	color:white;
	letter-spacing:2px;
	background:rgba(0,0,0,0.8);
	font-weight:400;
	font-size:19px;
	font-family: 'bebasneue', sans-serif;
}

#body-newstab-2:hover h3
{
	line-height:136px;
	text-align:center;
	font-size:20px;
}

#bodynewstable
{
	margin-top:20px;
	margin-left:2%;
	width:100%;
}

#bodynewstable td
{
	margin:0px; padding:0px;
	width:45%;
	float:left;
	font-weight:normal;
	font-size:10px;
	letter-spacing:2px;
	font-family: 'Roboto', sans-serif;
	color:white;
	padding-left:20px;
	
}

#bodynewstable td ul
{
	margin:0px; padding:0px;
	float:left;
}
/*HOME PAGE*/

/*FOOTER*/
#footer
{
	position:relative;
	margin-top:15px;
	width:970px;
	left:15px;
	background:rgba(0,0,0,0.8);
	float:left;
}
	
#footer.mobile
{
	display:none;
}

#footer table
{
	width:100%;
}

#footer th
{
	margin:0px; padding:0px;
	font-weight:400;
	font-size:20px;
	font-family: 'bebasneue', sans-serif;
	letter-spacing:2px;
	color:#D19304;
	text-align:left;
	padding:5px 10px 3px 10px;
	vertical-align:top;
	border-bottom:3px solid #D19304;
	
	border-right:1px dotted rgba(0,0,0,0.5);
	border-left:1px dotted rgba(0,0,0,0.5);
}

#footer td
{
	margin:0px; padding:0px;
	font-weight:400;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:2px;
	color:white;
	text-align:left;
	width:300px;
	padding:0px 10px 10px 10px;
	vertical-align:top;
	
	border-right:1px dotted rgba(0,0,0,0.5);
	border-left:1px dotted rgba(0,0,0,0.5);
}

#footer td b
{
	font-weight:500;
	font-size:12px;
}

#footer td ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer td a
{
	color:white;
	text-decoration:none;
}

#footer td ul li
{
	cursor:pointer;
	padding-bottom:4px;
}

#footer td ul li:hover
{
	text-decoration:underline;
}
/*FOOTER*/


/*PRODUCTS PAGE*/


#producttab
{
	position:relative;
	left:10px;
	width:209px;
	height:365px;
	margin:10px 0px 0px 0px;
	padding:10px;
	float:left;
	border-bottom:1px solid black;
	cursor:pointer;
	transition:0.3s;
}

#producttab:hover
{
	background:rgba(0,0,0,0.5);
}

#projheader
{
	text-align:center;
	width:100%;
	float:left;
	clear:both;
	color:white;
	font-weight:400;
	font-size:22px;
	font-family: 'bebasneue', sans-serif;
	margin:0px; padding:0px; margin-top:15px;
}

#product-backdrop
{
	position:relative;
	top:0px;
	left:0px;
	height:155px;
	width:100%;
	background:white;
	margin-bottom:10px;
}

#producttabimage
{
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	max-height:100%;
	max-width:100%;
	z-index:5;
	margin:auto;
	padding:0px;
}

#producttab h2
{
	margin:10px 0px 0px 0px; padding:0px;
	font-weight:400;
	font-size:22px;
	font-family: 'bebasneue', sans-serif;
	color:white;
	float:left;
	clear:both;
}

#producttab h4
{
	margin:0px 0px 3px 0px; padding:0px;
	font-weight:500;
	font-size:16px;
	font-family: 'route159', sans-serif;
	text-align:left;
	float:left;
	clear:both;
	color:#D19304;
}

#producttab h5
{
	position:absolute;
	top:10px;
	right:10px;
	margin:0px 0px 0px 0px; padding:15px;
	font-weight:500;
	font-size:20px;
	font-family: 'bebasneue', sans-serif;
	color:red;
	text-align:right;
	float:right;
	background:rgba(0,0,0,0.8);
	z-index:15;
}

#producttab p
{
	margin:0px; padding:0px;
	font-weight:400;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	color:grey;
	float:left;
	clear:both;
}

#producttab2
{
	position:relative;
	left:10px;
	width:665px;
	margin:10px 0px 0px 0px;
	padding:10px;
	float:left;
	border-bottom:1px solid black;
	transition:0.3s;
}

#producttab2:hover
{
	background:rgba(0,0,0,0.5);
}

#producttab2image
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	max-width:163px;
	float:left;
	margin:auto;
	max-height:155px;
}

#producttab2 h2
{
	margin:0px 0px 0px 15px; padding:0px;
	font-weight:400;
	font-size:25px;
	font-family: 'bebasneue', sans-serif;
	color:white;
	float:left;
}

#producttab2 h4
{
	margin:-20px 0px 0px 15px; padding:0px;
	font-weight:500;
	font-size:13px;
	font-family: 'route159', sans-serif;
	color:#D19304;
	float:left;
}

#producttab2 p
{
	margin:-20px 0px 0px 15px; padding:0px;
	font-weight:400;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	color:grey;
	float:left;
}

#productcartnumber
{
	position:absolute;
	top:30px;
	right:30px;
	width:50px;
	height:50px;
	text-align:left;
	color:white;
	font-weight:400;
	font-size:45px;
	font-family: 'bebasneue', sans-serif;
	background:rgba(0,0,0,0.7);
	padding-left:30px;
	border:1px solid white;
}

#productcartnumberx
{
	position:absolute;
	top:43px;
	right:85px;
	height:50px;
	background:transparent;
	border:0px;
	text-align:right;
	color:white;
	font-weight:400;
	font-size:30px;
	font-family: 'bebasneue', sans-serif;
	z-index:10;
}

#productssearchwrapper
{
	position:relative;
	height:102px;
	background:rgba(0,0,0,0.4);
	width:100%;
}

#productssearchwrapper select
{
	float:left;
	margin-left:10px;
	height:30px;
	border:0px;
	background:rgba(0,0,0,1);
	padding:0px 10px 0px 10px;
	color:white;
	font-size:12px;
}

#productssearchwrapperinput
{
	background:rgba(0,0,0,1);
	margin:10px 0px 10px 10px;
	border:0px;
	color:white;
	width:575px;
	padding:13px;
	float:left;
}

#productssearchwrapperinput:focus, #productssearchwrappersubmit:focus
{
	outline:none;
}

#productssearchwrappersubmit
{
	background:#F26522;
	border:0px;
	padding:12px 17px 12px 17px;
	margin:10px 0px 0px 10px;
	color:white;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	float:left;
	cursor:pointer;
}

#productssearchwrappersubmit.mobile
{
	display:none;
}

.pagenavigation
{
	color:white;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
}

#pagenavigators
{
	float:left;
	width:100%;
	clear:both;
}

/*PRODUCTS PAGE*/


/*PRODUCT PAGE*/

#itemprofilepic
{
	position:relative;
	width:685px;
	max-height:300px;
	background:white;
	border:10px solid lightgrey;
	float:left;
	padding-bottom:0px;
}

#itemgallerypictures
{
	position:relative;
	width:705px;
	background:lightgrey;
	float:left;
}

#itemgallerypictures-tab
{
	float:left;
	width:129px;
	height:80px;
	margin:0px 0px 10px 10px;
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#itemprofilepic img
{
	position:relative;
	max-width:100%;
	max-height:300px;
}

#itemprofileprice
{
	position:relative;
	float:right;
	clear:both;
	margin:0px; padding:20px 25px 0px 0px;
	font-size:70px;
	font-weight:normal;
	font-family:FrontPageNeue;
	color:#D19304;
	text-align:right;
	width:300px;
	letter-spacing:0.7px;
}

#itemprofileSpecialprice
{
	position:relative;
	float:right;
	margin:10px 0px -20px 0px; padding:0px 25px 0px 0px;
	font-size:30px;
	font-weight:normal;
	font-family:FrontPageNeue;
	color:#D19304;
	letter-spacing:0.7px;
	width:300px;
	text-align:right;
}

#itemprofileSpecialprice span.strike::after {
  border-bottom: 0.125em solid #D19304;
  content: "";
  width:80px;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 24px;
  top: 50%;
}

#itemprofilepic h3
{
	position:absolute;
	line-height:30px;
	right:0px;
	bottom:0px;
	margin:0px; padding:30px 20px 20px 25px;
	font-size:50px;
	font-weight:normal;
	font-family:FrontPageNeue;
	letter-spacing:1px;
	color:#D19304;
	background:rgba(0,0,0,0.8);
	z-index:10;
}

#productdesc
{
	position:relative;
	margin:10px 0px 0px 10px; padding:0px;
	font-weight:400;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	color:white;
	width:350px;
	float:left;
	clear:both;
}

#productdesc a
{
	float:left;
	clear:both;
	margin-top:10px;
	text-decoration:underline;
	color:white;
}

#productspecifications
{
	margin:10px 10px 0px 0px; padding:0px;
	width:280px;
	float:right;
	clear:both;
	font-weight:400;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	color:white;
	border-right:1px solid grey;
	border-top:1px solid grey;
}
	
#productspecifications.cart
{
	float:left;
	clear:none;
	width:365px;
	margin-left:20px;
}


#productspecifications td
{
	border-left:1px solid grey;
	border-bottom:1px solid grey;
	padding:7px;
}

#productgalleryslider
{
	position:relative;
	margin:10px 0px -18px 10px;
	float:left;
	clear:both;
	width:685px;
	height:400px;
}

#productgallerysliderpanel
{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-size:100% auto;
	background-repeat: no-repeat;
	background-position:center;
	display:none;
	text-align:center;
}

#productgallerysliderpanel img
{
	height:100%;
	max-width:100%;
}

#productsubmit
{
	background:#F26522;
	border:0px;
	padding:12px 17px 12px 17px;
	margin:10px 0px 0px 10px;
	color:white;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	float:left;
	cursor:pointer;
}

#productsubmit.bundle-save-btn
{
	clear:both; 
	float:right; 
	margin-right:10px;
}

#productsubmit.cartfirstbtn
{
	margin:0px 0px 0px 200px; 
	clear:both; 
	padding:8px 11px 8px 11px;
}

#productsubmit.cartbtn
{
	margin:0px 0px 0px 10px;
	padding:8px 11px 8px 11px;
}

#productsubmit:focus
{
	outline:none;
}

#cartdiscount
{
	border:0px;
	padding:12px 17px 12px 17px;
	margin:10px 0px 0px 20px;
	background:rgba(0,0,0,0.8);
	color:white;
	float:left;
	width:143px;
}

#productbulklist
{
	background:rgba(0,0,0,0.8);
	border:0px;
	padding:11px 20px 12px 10px;
	margin:-15px 0px 10px 0px;
	color:white;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	float:left;
}

/*PRODUCT PAGE*/
/*ABOUT PAGE*/

.about
{
	margin:0px 10px 10px 0px; padding:0px;
	color:white;
	padding:10px;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	font-family: 'Roboto', sans-serif;
	font-family:Arial;
	float:left;
	width:350px;
}

p.cartabout
{
	width:280px;
	float:right;
}

.about button
{
	background:#F26522;
	border:0px;
	padding:12px 17px 12px 17px;
	margin:10px 0px 0px 10px;
	color:white;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	float:left;
	cursor:pointer;
	width:150px;
}

.about button:focus
{
	outline:none;
}

.aboutf
{
	margin:0px 10px 10px 0px; padding:0px;
	color:white;
	padding:10px;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	font-family: 'Roboto', sans-serif;
	float:left;
	width:300px;
}

.about a
{
	color:white;
}

.aboutpic
{
	width:300px;
	float:left;
	margin:0px 10px 10px 0px;
}

.aboutsign
{
	width:200px;
	margin:10px 0px 0px 0px;
	clear:both;
}

.cart
{
	margin:0px 10px 10px 0px; padding:0px;
	color:white;
	padding:10px;
	font-weight:400;
	font-size:15px;
	line-height:20px;
	font-family: 'Roboto', sans-serif;
	float:left;
	width:350px;
}

#cart-paymentoption
{
	position:relative;
	top:0px;
	left:10px;
	right:0px;
	width:365px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 10px 0px;
	line-height:40px;
	float:left;
	background:white;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	font-family:Arial;
	cursor:pointer;
}

#cart-paymentoption.disabled
{
	background:darkgrey;
}

#cart-paymentoption i
{
	margin-right:10px;
}

#cart-paymentmenu #cart-product
{
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	font-family:Arial;
	width:345px;
	margin:10px 0px -10px 0px;
	float:left;
	border-top:1px dotted lightgrey;
	padding:5px 10px 7px 20px;
}

#cart-paymentmenu
{
	position:relative;
	top:0px;
	left:10px;
	right:0px;
	width:375px;
	margin:-10px 0px 10px 0px;
	border-top:1px dotted lightgrey;
	float:left;
	padding:0px 0px 10px 0px;
	background:white;
	border-radius:0px;
}

#cart-paymentmenu input, #cart-paymentmenu select
{
	width:330px;
	margin:10px 0px 0px 10px;
	float:left;
	border-radius:3px;
	border:1px solid darkgrey;
	padding:5px 10px 7px 10px;
}

#cart-paymentmenu textarea
{
	width:330px;
	margin:10px 0px 0px 10px;
	float:left;
	border-radius:3px;
	border:1px solid darkgrey;
	padding:5px 10px 7px 10px;
}

#cart-paymentmenu select
{
	width:350px;
	border-radius:3px 0px 0px 3px;
}

#cart-paymentmenu button
{
	margin:10px 0px 0px 10px;
	float:left;
	background:#FF7F00;
	border:0px;
	color:white;
	padding:5px 10px 5px 10px;
	cursor:pointer;
}

/*ABOUT PAGE*/

/* GENERAL HEADER CODE */

#website-notification
{
	position:fixed;
	top:100px;
	left:0px;
	right:0px;
	z-index:15;
	background:rgba(0,0,0,0.5);
	width:1000px;
	margin:auto;
	display:none;
	
	line-height:70px;
	color:white;
	text-align:center;
	font-weight:700;
	font-size:50px;
	letter-spacing:3px;
	font-family: 'bebasneue', sans-serif;
}

#website-mail
{
	position:fixed;
	top:47%;
	right:-100px;
	line-height:50px;
	width:250px;
	text-align:center;
	background:rgba(0,0,0,0.6);
	z-index:15;
	cursor:pointer;
	transition:0.5s;
	
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	
	color:white;
	text-align:center;
	font-weight:700;
	font-size:25px;
	letter-spacing:2px;
	font-family: 'bebasneue', sans-serif;
}

#website-mail:hover
{
	background:rgba(0,0,0,0.9);
}

.orangebtn
{
	background:#F26522;
	border:0px;
	padding:9px 17px 9px 17px;
	margin:10px 0px 0px 15px;
	color:white;
	width:100%;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	float:left;
	cursor:pointer;
}

/* GENERAL HEADER CODE */

#auth-popup
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	height:150px;
	width:400px;
	background:white;
	z-index:100;
	display:none;
}

#auth-popup h6
{
	position:relative;
	left:5%;
	width:90%;
	text-align:center;
	font-family:Arial;
	font-size:25px;
	margin:15px 0px 0px 0px;
	padding:0px;
	padding-bottom:7px;
	border-bottom:2px solid #FF7F00;
	color:#1A1A1A;
}

#auth-popup p
{
	position:relative;
	left:10%;
	width:80%;
	text-align:center;
	font-family:Arial;
	font-size:13px;
	margin:10px 0px 0px 0px;
	padding:0px;
	padding-bottom:3px;
	color:#1A1A1A;
}

#auth-popup button
{
	position:relative;
	top:10px;
	left:25%;
	background:#F26522;
	border:0px;
	padding:9px 17px 9px 17px;
	margin:0px 0px 0px 0px;
	color:white;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	width:50%;
	cursor:pointer;
}

#auth-popup button.secondbtn
{
	position:relative;
	top:10px;
	left:6%;
	float:left;
	background:#F26522;
	border:0px;
	padding:9px 17px 9px 17px;
	margin:0px 0px 0px 0px;
	color:white;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	width:40%;
	margin-left:10px;
	cursor:pointer;
}

#auth-popup button:focus
{
	outline:none;
}

#register-licence
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	height:245px;
	width:400px;
	padding-top:100px;
	background:white;
	z-index:100;
	display:none;
}

#register-licence i.fa-times
{
	position:absolute;
	top:15px;
	right:5px;
	height:30px;
	width:30px;
	padding:0px;
	margin:0px;
	font-size:20px;
	color:#1A1A1A;
	cursor:pointer;
	
}

#background-fader
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:rgba(0,0,0,0.7);
	z-index:90;
	display:none;
}

#register-licence h3
{
	position:relative;
	left:5%;
	width:90%;
	text-align:center;
	font-family:Arial;
	font-size:25px;
	margin:15px 0px 0px 0px;
	padding:0px;
	padding-bottom:7px;
	border-bottom:2px solid #FF7F00;
	color:#1A1A1A;
}

#register-licence h2
{
	position:relative;
	left:20%;
	width:60%;
	text-align:center;
	font-family:Arial;
	font-size:25px;
	margin:15px 0px 0px 0px;
	padding:0px;
	padding-bottom:3px;
	border-bottom:2px solid #FF7F00;
	color:#1A1A1A;
}

#register-licence-info h2
{
	position:relative;
	left:7%;
	width:85%;
}

#register-licence p
{
	position:relative;
	left:0px;
	width:100%;
	text-align:center;
	font-family:Arial;
	font-size:13px;
	margin:10px 0px 0px 0px;
	padding:0px;
	padding-bottom:3px;
	color:#1A1A1A;
}

#register-licence-info p
{
	position:relative;
	left:7%;
	width:85%;
	text-align:left;
	font-family:Arial;
	font-size:13px;
	margin:10px 0px 0px 0px;
	padding:0px;
	padding-bottom:3px;
	color:#1A1A1A;
}

#register-licence button
{
	background:#F26522;
	border:0px;
	padding:9px 17px 9px 17px;
	margin:0px 0px 0px 0px;
	color:white;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	cursor:pointer;
}

#register-licence-info button, .licence-bio button
{
	background:#F26522;
	border:0px;
	padding:9px 17px 9px 17px;
	margin:10px 0px 0px 0px;
	color:white;
	width:100%;
	font-weight:400;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	float:left;
	cursor:pointer;
}

#register-licence table
{
	position:relative;
	margin:0px;
	padding:0px;
	margin-top:10px;
	left:10%;
	width:78%;
}

#register-licence th, #register-licence td
{
	text-align:left;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	padding:0px 0px 10px 0px;
}

#register-licence th
{
	text-align:right;
	padding-right:10px;
}

#register-licence input, #register-licence select
{
	border-radius:4px;
	padding:5px 4px 5px 4px;
	border:1px solid darkgrey;
	width:100%;
}

#register-licence-info
{
	position:absolute;
	top:0px;
	left:100%;
	width:250px;
	height:330px;
	padding-bottom:15px;
	background:lightgrey;
}

.licence-bio
{
	color:white;
	font-size:13px;
	font-family:Arial;
	margin:0px;
	padding:5px 15px 0px 0px;
	width:100%;
}

.editorform h4
{
	clear:both;
}

#image-fullscreen
{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:red;
	z-index:30;
	display:none;
	background-size:contain;
	background-position:center:
}

.bundlerows, .bundlerows li
{
	margin:0px;
	padding:0px;
}

.bundlerows li.title
{
	position:relative;
	float:left;
	width:663px;
	background:rgba(0,0,0,0.8);
	border:1px solid black;
	list-style:none;
	margin:10px;
	padding:7px 10px;
	color:white;
	font-weight:500;
	font-size:25px;
	font-family: 'bebasneue', sans-serif;
	cursor:pointer;
}

.bundlerows li.title p
{
	float:right;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:18px;
	color:red;
}

.bundlerows li #productbulklist
{
	margin-top:5px;
}

.bundlerows li .bundleproduct.selected
{
	background:black;
}

#productselected
{
	display:none;
}

.bundlerows li .bundleproduct.selected #productselected
{
	position:absolute;
	top:30px;
	left:0px;
	right:0px;
	margin:auto;
	width:100px;
	line-height:100px;
	z-index:10;
	text-align:center;
	color:white;
	font-size:35px;
	border-radius:50%;
	
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:block;
	
}

#bundle-save-area
{
	position:absolute;
	top:355px;
	right:0px;
	left:1030px;
	margin:auto;
	width:60px;
	z-index:30;
	display:none;
}

#bundle-save-tab
{
	position:relative;
	height:60px;
	width:60px;
	background:rgba(0,0,0,0.9);
	float:left;
	clear:both;
	transition:0.2s;
	cursor:pointer;
}

#bundle-save-tab:hover
{
	width:260px;
}

#bundle-save-tab:hover h6, #bundle-save-tab:hover button
{
	display:block;
}

#bundle-save-tab img
{
	margin:12.5px;
	height:35px;
	width:35px;
	float:left;
}

#bundle-save-tab h6
{
	position:absolute;
	top:16px;
	left:60px;
	color:white;
	font-weight:500;
	font-size:25px;
	font-family: 'bebasneue', sans-serif;
	margin:0px;
	padding:0px;
	float:left;
	width:200px;
	display:none;
}

#bundle-save-tab button
{
	position:absolute;
	top:0px;
	right:-60px;
	height:60px;
	width:60px;
	text-align:center;
	color:white;
	font-size:25px;
	float:right;
	display:none;
	background:rgba(0,0,0,1);
	transition:0.2s;
	border:0px;
	cursor:pointer;
}

#bundle-save-tab button:hover
{
	color:#f26522;
	font-size:25px;
}

.bundle-footer
{
	margin-top:40px;
	width:100%;
	float:left;
	clear:both;
}

.bundle-footer th
{
	color:white;
	font-weight:500;
	font-size:25px;
	font-family: 'bebasneue', sans-serif;
	background:rgba(0,0,0,0.7);
	width:50%;
}

.bundle-footer td
{
	vertical-align:top;
	width:50%;
}

.bundle-footer td img
{
	height:27px;
	width:27px;
	float:left;
	cursor:pointer;
	margin:0px;
	border:1px solid transparent;
	padding:8px;
}

.bundle-footer td p
{
    font-weight: 500;
    font-size: 16px;
    font-family: route159,sans-serif;
	color:#f26522;
	margin:10px 0px 0px 5px;
	padding:0px;
}

.bundle-footer td img.active
{
	border:1px solid black;
	background:#f26522;
}

.bundle-footer td label input
{
	display:none;
}

#producttab.bundleproduct
{
	height: 275px;
}

.bundleproduct .quantity
{
	margin-left:-20px;
	width: 100px;
    float: left;
    margin-top: 5px;
    height: 38px;
    color: #fff;
    font-weight: 400;
    font-size: 25px;
    font-family: bebasneue,sans-serif;
    background: rgba(0,0,0,.7);
    padding-left: 26px;
    text-align: left;
	border:0px;
}

.bundleproduct button
{
	position:relative;
	left:10px;
	background: #f26522;
    border: 0;
    padding: 12px 0px;
    margin: 5px 0 0 0px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    font-family: roboto,sans-serif;
	float:left;
	cursor:pointer;
	width:70px;
}

.bundleproduct button:focus
{
	outline:none;
}

.bundleproduct select
{
	float: left;
	width:206px;
}

#quantityX
{
	width:20px;
	position:relative;
	top:12px;
	left:12px;
	float:left;
	clear:both;
	color:white;
    font-weight: 400;
    font-size: 23px;
    font-family: bebasneue,sans-serif;
	margin:0px;
	display: block;
	padding:0px;
	cursor:text;
}.bundlerow{	display:none;}#productnextbtn{	background: #f26522;    border: 0;    padding: 12px 0px;    margin:10px 0px 0px 10px;    color: #fff;    font-weight: 400;    font-size: 13px;    font-family: roboto,sans-serif;    float: left;    cursor: pointer;	width:685px;	clear:both;	display:none;}#productnextbtn.show{	display:block;}

.title i
{
	transition:1s;
	float:right;
	margin-top:3px;
}

.title p
{
	float:right;
}

.title i.active
{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#video-playlist
{
	position:relative;
	width:685px;
	height:265px;
	margin:10px;
    overflow:hidden;
}

#video-wrapper
{
	width:685px;
	overflow-x:hidden;
	white-space:nowrap;
}

#video-playlist h3
{
	color: white;
    font-weight: 500;
    font-size: 25px;
    font-family: 'bebasneue', sans-serif;
	letter-spacing:2px;
	margin:0px;
	padding:0px;
}

#video-playlist #arrow-left, #video-playlist #arrow-right
{
	position:absolute;
	top:70px;
	height:50px;
	width:50px;
	cursor:pointer;
	background: rgba(0,0,0,.8);
	border:0px;
	transition:0.5s;
}

#video-playlist #arrow-left:hover, #video-playlist #arrow-right:hover
{
	background: rgba(0,0,0,1);
}

#video-playlist #arrow-left img, #video-playlist #arrow-right img
{
	position:absolute;
	top:5px;
	height:40px;
	width:40px;
}

#video-playlist #arrow-left
{
	left:0px;
}


#video-playlist #arrow-right
{
	right:0px;
}

#video-playlist #arrow-left img
{
	left:0px;
}


#video-playlist #arrow-right img
{
	right:0px;
}

#video-tile
{
	position:relative;
	width:190px;
	margin:0px 10px 0px 0px;
	padding:0px;
	display:inline-block;
	transition:0.3s;
}

#video-thumbnail
{
	height:125px;
	width:190px;
	cursor:pointer;
	background-size:auto 100%;
	background-position:center;
	transition:0.3s;
}

#video-tile.end
{
	display:inline-block;
	width:100px;
	margin-right:0px;
	background:transparent;
	background:transparent;
}

#video-tile h4
{
	position:relative;
	bottom:0px;
	left:0px;
	margin:0px;
	padding:7px;
	width:176px;
	color: white;
    font-weight: 500;
    font-size: 18px;
    font-family: 'bebasneue', sans-serif;
	text-align:left;
	height:2em;
    overflow: hidden;
    display: -webkit-box;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	white-space: normal;
}

#video-tile i
{
	position:absolute;
	top:45px;
	left:0px;
	right:0px;
	margin:auto;
	padding:0px;
	font-size:50px;
	width:40px;
	line-height:40px;
	border-radius:50%;
	color: white;
	text-align:center;
	text-shadow:0px 0px 5px black;
	transition:0.3s;
}

#video-tile:hover #video-thumbnail
{
	background-size:auto 120%;
}


#video-tile:hover i
{
	color:#F26522;
	text-shadow:0px 0px 10px black;
}

	
#video-player-wrapper
{
	margin:0px;
	padding:0px;
	width:100%;
	height:450px;
	background:black;
}

#video-player-title
{
	color: white;
    font-weight: 500;
    font-size: 25px;
    font-family: 'bebasneue', sans-serif;
	letter-spacing:2px;
	margin:10px;
	padding:0px;
	width:510px;
	float:left;
}

.media-mode
{
	float:right;
	width:150px;
	height:30px;
	margin:11px;
    border: 0px;
	background: #F26522;
	color: white;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
	cursor:pointer;
}

#video-table
{
	width:100%;
}

#video-table table
{
	width:100%;
}

#video-table th, #video-table td
{
	padding-left:10px;
}

#video-table td
{
	padding-top:10px;
	vertical-align:top;
}

#video-table th
{
	text-align:left;
	color: white;
    font-weight: 500;
    font-size: 20px;
    font-family: 'bebasneue', sans-serif;
    letter-spacing: 2px;
	background:rgba(0,0,0,0.8);
}

#video-table h5, #comment-tab h5
{
	text-align:left;
	color: white;
    font-weight: 500;
    font-size: 17px;
    font-family: 'bebasneue', sans-serif;
    letter-spacing: 1px;
	padding:0px;
	margin:2px 0px 0px 10px;
	float:left;
	clear:both;
}

#video-table h6, #comment-tab h6
{
	text-align:left;
	color: lightgrey;
    font-weight: 600;
    font-size: 11px;
    font-family: Arial;
    letter-spacing: 1px;
	padding:0px;
	margin:7px 0px 0px 8px;
	float:left;
}

#video-table p, #comment-tab p
{
	text-align:left;
	color: white;
    font-weight: 500;
    font-size: 12px;
    font-family: Arial;
    letter-spacing: 1px;
	padding:0px;
	margin:-25px 0px 0px 60px;
	width:auto;
	float:left;
	clear:both;
	font-style: italic;
}

#comment-tab p
{
	margin:0px 0px 0px 10px;
}

#comment-tab-star
{
	width:100%;
}

#comment-tab-star i
{
	position:relative;
	left:7px;
	margin:3px;
	float:left;
	color:#F26522;
}

#comment-tab select
{
	float:left;
	clear:both;
	background:lightgrey;
	color:black;
	border:0px;
	margin:5px 0px 0px 0px;
	width:345px;
	padding:5px;
}

#video-write-comment-txt-area
{
	width:335px;
	height:150px;
	padding:7px 0px 0px 10px;
	margin:0px;
	float:left;
	clear:both;
	background:white;
	border:0px;
    color: black;
	resize:none;
}

#video-table button
{
	width:110px;
	height:30px;
	padding:0px;
	margin:10px 10px 0px 0px;
	float:right;
	clear:both;
	background: #F26522;
	color: white;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
	border:0px;
}

#video-write-comment-txt-area:focus
{
	outline:none;
}

#comment-tab
{
	position:relative;
	border-bottom:1px dotted grey;
	float:left;
	clear:both;
	padding:7px 0px 5px 0px;
	width:100%;
}

#comment-tab.write
{
	background:rgba(0,0,0,0.3);
}

#featuring-tab
{
	position:relative;
	border-bottom:1px dotted grey;
	float:left;
	clear:both;
	padding:5px 0px 5px 0px;
	width:220px;
}

#featuring-tab h5
{
	margin:16px 0px 0px 10px;
}

#user-icon
{
	position:relative;
	height:50px;
	width:50px;
	float:left;
	background-size:cover;
	background-position:center;
	border-radius:10%;
}

#development-container
{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid black;
	border-top:0px solid white;
	background:rgba(0,0,0,0.5);
	height:178px;
	padding:10px;
	color:white;
	font-family:calibri;
	text-align:left;
	font-size:14px;
	overflow-y:auto;
	resize:auto;
}

#development-container table
{
	width:100%;
}

#development-container a
{
	color:white;
}

#development-container td
{
	width:33%;
	vertical-align:top;
}

#development-container ol, #development-container li
{
	padding:0px;
	margin:0px;
}

#development-container ul
{
	padding:0px;
	margin:0px 0px 0px 20px;
	font-size:13px;
}