@charset "utf-8";
/* CSS Document */

.btn {
	display:block;
	position:absolute;
	z-index:100;
	top:0;
	right:0;
	margin:9.8em 5% 0 0;
	padding:0.25em 2%;
	color:#fff;
	text-decoration:none;
	border-radius:0.25em;
	background-color:#000000;
	background-image:-webkit-linear-gradient(top, #000000, #1d1d1d);
	background-image:-moz-linear-gradient(top, #000000, #1d1d1d);
	background-image:-ms-linear-gradient(top, #000000, #1d1d1d);
	background-image:-o-linear-gradient(top, #000000, #1d1d1d);
	background-image:linear-gradient(top, #000000, #1d1d1d);
}
.btn:hover {
	background-color:#7b7776;
	background-image:-webkit-linear-gradient(top, #8b8786, #7b7776);
	background-image:-moz-linear-gradient(top, #8b8786, #7b7776);
	background-image:-ms-linear-gradient(top, #8b8786, #7b7776);
	background-image:-o-linear-gradient(top, #8b8786, #7b7776);
	background-image:linear-gradient(top, #8b8786, #7b7776);
}
header {
	color:#eee;
	text-align:center;
	background:#2b2726;
	padding-bottom:5em;
}
.logo {
	float:left;
	margin:1.25em 0;
	width:200px;
}
#nav {
margin-top:50px;
	position:absolute;
	top:5em;
	right:0;
	left:0;
	z-index:10;
	list-style:none;
	text-align:left;
	 padding:15px 0px;
}
#nav a {
	border-bottom-width:0;
	background:#444;
	height:0;
	line-height:0;
	display:block;
	padding:0 0 0 2%;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	font-family: 'Oswald', sans-serif; text-transform:uppercase;  font-weight:normal;
}
#nav li { background:url(../images/nav_line.png) no-repeat right; margin-bottom:18px; }

#nav2 {

	right:0;
	left:0;
	z-index:10;
	list-style:none;
	text-align:left;
	 padding:15px 0px; 
}
#nav2 a {
	border-bottom-width:0;
	background:#444;
	height:0;
	line-height:0;
	display:block;
	padding:0 0 0 2%;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	font-family: 'Oswald', sans-serif; text-transform:uppercase;  font-weight:normal;
}
#nav2 li { background:url(../images/nav_line.png) no-repeat right; margin-bottom:18px; }
.submenu li {margin-bottom:0px !important; border-right:0px !important;   }
.multi:after {
	content:" \0025Bc";
	font-size:0.5em;
}
#close a {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}
#toggle {
	position:absolute;
	top:-9999px;
	left:-9999px;
}
#toggle:checked ~ nav #nav {
 z-index: 101;
 -webkit-box-shadow: 0px 3px 5px 0px #bbb;
 -moz-box-shadow: 0px 3px 5px 0px #bbb;
 -ms-box-shadow: 0px 3px 5px 0px #bbb;
 -o-box-shadow: 0px 3px 5px 0px #bbb;
 box-shadow: 0px 3px 5px 0px #bbb;
}
#toggle:checked ~ nav #nav a {
 line-height: 3em;
 height: 3em;
 border-bottom: 1px solid #999;
 position: relative;
 z-index: 1;
}
#toggle:checked ~ nav #nav #close {
 position: relative;
 z-index: 0;
}
#toggle:checked ~ nav #nav #close label {
 background: transparent;
 border-bottom: 0;
 height: 202em;
 position: absolute;
 top: -101em;
 bottom: -101em;
 left: 0;
 right: 0;
 z-index: 0;
}
#toggle:checked ~ nav #nav .submenu li,  #toggle:checked ~ nav #nav .submenu a {
 height: 0;
 line-height: 0;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -ms-transition: 0.5s;
 -o-transition: 0.5s;
 transition: 0.5s;
}
#toggle:checked ~ nav #nav .submenu.open li,  #toggle:checked ~ nav #nav .submenu.open a {
 height: 3em;
 line-height: 3em;
}
#toggle:checked ~ nav #nav .submenu a {
 padding-left: 7%;
 background: #555;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

h2, h3 {
	font-family:'helvetica', 'sans-serif';
	font-size:1.25em;
	margin:2em 0 1em 0;
	padding:0;
}
h4 {
	font-family:'helvetica', 'sans-serif';
	font-size:1.33em;
	margin:0;
	padding:0;
}
a {
	color:#192C48;
	font-family:'helvetica', 'sans-serif';
}
label {
	font-family:'helvetica', 'sans-serif';
}
img {
	max-width:100%;
	height:auto;
}
ul {
	margin:0;
	padding:0;
}
.container {
/*	max-width:100px;*/
	margin:0 auto;
	position:relative;
	padding:0 5%;
}
li.current a {
	color:#7b7776;
}
#content, #sidebar {
	padding-bottom:3em;
}
.main-content {
	overflow:hidden;
	padding-bottom:4.5em;
}
#content {
	float:right;
	width:100%;
	margin:3em 0 0 0;
}
#content p {
	mmax-width:80%;
}
#sidebar {
	float:right;
	width:100%;
	margin-top:3em;
}
#sidebar p {
	mmax-width:80%;
}
#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar li {
	padding:0.5em 0;
	border-bottom:1px solid #999;
}
#sidebar a {
	text-decoration:none;
	font-family:'helvetica', 'sans-serif';
	display:block;
}
#sidebar a:hover {
	color:#697C98;
}
.subfooter {
	clear:both;
	width:100%;
	background:#2b2726;
	color:#eee;
	overflow:hidden;
}
.subfooter aside {
	float:left;
	width:100%;
	padding:4.5em 0;
	font-family:'helvetica', 'sans-serif';
	font-size:0.75em;
}
.subfooter aside ul {
	list-style:none;
	margin:0;
	padding:0;
}
.subfooter aside a {
	color:#578b9c;
	display:block;
	font-size:12px;
	line-height:12px;
	padding:7px 0px 7px 35px;
	margin-bottom:4px;
	text-decoration:none;
}
.subfooter aside a:hover {
	color:#fff;
}
.subfooter aside:nth-of-type(2) {
border:solid #878382;
border-width:1px 0;
width:100%;
}
.subfooter .tuts-network h4 {
	margin:-2.25em 0 1em 0;
}
.subfooter .tuts-network a {
	background:url(../images/sprite-footer.png) no-repeat 0 -30px;
}
.subfooter .tuts-network a.psdtuts {
	color:#d01b13;
	background-position:0 -30px;
}
.subfooter .tuts-network a.nettuts {
	color:#31867d;
	background-position:0 -60px;
}
.subfooter .tuts-network a.vectortuts {
	color:#296193;
	background-position:0 -90px;
}
.subfooter .tuts-network a.audiotuts {
	color:#63991b;
	background-position:0 -120px;
}
.subfooter .tuts-network a.phototuts {
	color:#558393;
	background-position:0 -180px;
}
.subfooter .tuts-network a.mobiletuts {
	color:#d3a121;
	background-position:0 -210px;
}
.subfooter .tuts-network a.webdesigntuts {
	color:#15876c;
	background-position:0 -240px;
}
.subfooter .tuts-network a.wptuts {
	color:#578799;
	background-position:0 -270px;
}
.subfooter .tuts-network a.aetuts {
	color:#7d628c;
	background-position:0 -300px;
}
.subfooter .tuts-network a.cgtuts {
	color:#ab6a78;
	background-position:0 -330px;
}
.subfooter .tuts-network a.psdtuts:hover, .subfooter .tuts-network a.nettuts:hover, .subfooter .tuts-network a.vectortuts:hover, .subfooter .tuts-network a.audiotuts:hover, .subfooter .tuts-network a.phototuts:hover, .subfooter .tuts-network a.mobiletuts:hover, .subfooter .tuts-network a.webdesigntuts:hover, .subfooter .tuts-network a.wptuts:hover, .subfooter .tuts-network a.aetuts:hover, .subfooter .tuts-network a.cgtuts:hover {
	color:#fff;
}
#footer {
	clear:both;
	background:#373332;
	color:#a7a3a2;
	width:100%;
	border-top:1px solid #878382;
	overflow:hidden;
}
#footer a {
	color:#578b9c;
	font-style:italic;
}
#footer a:hover {
	color:#97cbdc;
}
#footer .credit {
	font-size:0.875em;
}
#content img {width:100%; height:auto;}
@media screen and (min-width: 48em) {
#content {
/*width:67%;*/
padding:0 0 0 0;
}
#sidebar {
width:33%;
padding:0 10% 0 0;
}
.subfooter aside {
width:33%;
}
.subfooter aside:nth-of-type(2) {
border-width:0 1px;
width:34%;
}
aside:nth-of-type(2), aside:nth-of-type(3) {
padding-left:2%;
}
}
@media screen and (min-width: 48em) {
.btn {
display:none;
}
#toggle:checked ~ nav #nav,  #nav {
 top:3.5em;
 right: 2%;
 left: 30%;
 -webkit-box-shadow: 0 0 0 0;
 -moz-box-shadow: 0 0 0 0;
 -ms-box-shadow: 0 0 0 0;
 -o-box-shadow: 0 0 0 0;
 box-shadow: 0 0 0 0;
}
 #toggle:checked ~ nav #nav li,  #nav li {
 display: inline;
 float: left;
}
 #toggle:checked ~ nav #nav li.current a,  #nav li.current a {
 color: #fff;
}
 #toggle:checked ~ nav #nav a,  #nav a {
 line-height: 2em;
 height: 2em;
 display: inline;
 float: right;
 background: transparent;
 padding:0 1.15em;
 border-bottom: 0;
}
 #toggle:checked ~ nav #nav #close,  #nav #close {
 display: none;
}
 #toggle:checked ~ nav #nav .submenu,  #nav .submenu {
 position: absolute;
 left: -999em;
}
 #toggle:checked ~ nav #nav li:hover .submenu,  #nav li:hover .submenu {
 left: auto;
 top: 1.05em;
 background: #2b2726;
 max-width: 14em;
}
 #toggle:checked ~ nav #nav li:hover .submenu li,  #nav li:hover .submenu li {
 border-bottom: 1px solid #999;
}
 #toggle:checked ~ nav #nav li:hover .submenu a,  #nav li:hover .submenu a {
 height: 3em;
 line-height: 3em;
 color: #eae8db;
 background: #2b2726;
 padding-right: 1.75em;
 width: 14em;
 -webkit-transition: 0;
 -moz-transition: 0;
 -ms-transition: 0;
 -o-transition: 0;
 transition: 0;
}
 #toggle:checked ~ nav #nav li:hover .submenu a:hover,  #nav li:hover .submenu a:hover {
 color: #7b7776;
}
 .multi:after {
 content: "";
}
}
@media screen and (min-width: 52.5em) {
 #nav {
 left: 33%;
}
 #nav a {
 padding: 0 1.5em;
}

}
@media screen and (max-width: 290px) {
.menu_bg {background-color:#b30101 !important; height:auto; display:block; min-height:60px !important;margin-top:60px;}
.menu_bg div {list-style:none; padding:0px; margin:0px; border-bottom:solid 1px #b30101 !important; width:100%; height:50%; min-height:50px;}


.btn {

	margin:5.5em  8px 5px !important; 
}
#nav {
margin-top:63px!important;
}
#nav li {border-right: solid 1px #FFF; margin-bottom:0px !important; }
.homemain_link {
	margin-top:15px !important; margin-bottom:15px !important;}
	.gallery-container {
    margin: 0 auto 40px;
    position: relative;
    width: 100% !important;
}
}
@media screen and (min-width:291px) and (max-width:768px) {
#nav {
margin-top:135px !important;
	 padding:46px 0px;
}
.menu_bg div {list-style:none; padding:0px; margin:0px; border-bottom:solid 1px #b30101 !important; width:100%; height:50%; }
#nav li {border-right: solid 1px #FFF; margin-bottom:0px !important; background-color:#444;  }
.logo { margin-left:0px !important; }
.headermain { min-height:120px !important; }
.wrapper input
{
    background-color:transparent;
    margin:0px; border:0px; padding:0px !important; width:120px !important;
}
.wrapper button {
    background-color:#b30101;
    border:0; margin:0px; padding:3.5px 0px !important;font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:14px; font-weight:normal; color:#fff;	 margin:0px;
}
.homemain_link {
	margin-top:15px !important; margin-bottom:15px !important;}
	.gallery-container {
    margin: 0 auto 40px;
    position: relative;
    width: 60% !important;
}
}
@media screen and (min-width:291px) and (max-width:500px) {
	.gallery-container {
    margin: 0 auto 40px;
    position: relative;
    width: 70% !important;
}	
}
@media screen and (min-width: 64em) {
 #nav {
 left: 33%;
}
 #nav a {
 padding: 0 1.5em;
}
 #nav .submenu {
 margin-left: 1.5em;
}
 #nav .submenu a {
 padding-left: 5%;
}


}
@media screen and (min-width: 75em) {
 #nav {
 left: 22%;
}
 #nav a {
/* padding: 0 3.4em;*/
}
 #nav .submenu {
 margin-left: 2.75em;
}

}

.shoppg #content2{
  width:100%;
  margin-top: 60px;
  margin-left:5%;
  margin-right:5%; 
}

.product{
width:100%;
margin:5px; overflow:hidden;  padding:5px !important; background:#fff; display:inline; border:solid 5px #fff;
}