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

html, body {
	margin: 0;
	padding: 0;
	background:url(images/texture.jpg);
}
a {
	text-decoration: none;
	color:#3a3a3c;
	transition-duration: .5s;
-moz-transition-duration: .5s; /* Firefox 4 */
-webkit-transition-duration: .5s; /* Safari and Chrome */
-o-transition-duration: .5s; /* Opera */
}
a:hover {
	text-decoration: none;
	color:#e1423c
}
.container {
	width:1280px;
	margin: 0 auto;
    text-align: center;
	}
.logo {
	display:block;
	text-align:center;
	padding: 18px 0 2px 0;
	font-size: 72px;
	color:#3a3a3c;
	font-weight: bold;
	font-family: "Open Sans";
}
.logo a { font-family: 'Trocchi'; font-size: 65px; font-weight: normal; color: #272727; text-shadow: 0px 1px 5px #fff; }
.logo span { font-size: 18px; color: #444; display: block; padding: 5px; font-family: 'Raleway', Verdana; font-weight: 700; text-transform: uppercase; }

.logo a:hover {
	color:#3a3a3a;
}
.menu {
	margin:0 79px 43px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #8a8a8c;
	}
.menu ul{
	padding: 0 15px;
	border-bottom: 4px solid #000;
	list-style: none;
	margin: 0;
	height: 35px;
}
.menu ul li {
	float:left;
	padding-right: 60px;
	line-height: 30px;
	}
.menu ul li a {
	font-family:LMRoman10Regular;
	font-size:18px;
	line-height: 30px;
}
.menu ul li.buy {
	float: right;
	padding-right: 0px;
}
.menu ul li.buy a {
	color:#e1423c
}
.menu ul li.buy a:hover {
	color:#3a3a3a
	}

.description { text-align: center; color:#555; font:normal 16px "Lato";	}
.description span {
	color:#e17365
}

img.magento-icon { margin:25px 0; }
img.kind-store { margin: 50px 0; }
.demo-links {
	overflow: hidden;
	height:415px;
    padding-top: 10px;
    padding-left: 65px;
}
.demo-sample {
	overflow: hidden;
	height:292px;
    margin-left: 20px;
}
.demo-sample a {
	float:left;
	display: block;
	height: 401px;
	text-align:center;
	margin-right: 60px;
}

.demo-sample a div.img { width: 374px; }

.demo-sample a.link01 div.img {
	background: url(images/sample1.png) no-repeat 0 0;
	background-position: center 0;
}

.demo-sample a.link02 div.img {
	background: url(images/sample2.png) no-repeat 0 0;
	background-position: center 0;
}

.demo-sample a.link03 div.img {
	background: url(images/sample3.png) no-repeat 0 0;
	background-position: center 0;
}

.demo-sample a.link04 div.img {
	background: url(images/sample4.png) no-repeat 0 0;
	background-position: center 0;
}

.demo-sample a.link05 div.img {
	background: url(images/sample5.png) no-repeat 0 0;
	background-position: center 0;
}

.demo-sample a.link06 div.img {
	background: url(images/sample6.png) no-repeat 0 0;
	background-position: center 0;
}

.demo-sample a div.img {
	height:282px;
	}
.demo-links a {
	float:left;
	display: block;
	height: 382px;
	text-align:center;
    width: 47%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.demo-links a div.img { width: 380px;}
.demo-links a.link01 div.img {
	background: url(images/link01.png) no-repeat 0 0;
	background-position:center 0;
}
.demo-links a.link05 div.img {
	margin-left:7px;
	background: url(images/link05.png) no-repeat 0 0;
	background-position:center 0;
}
.demo-links a.link03 div.img {
	background: url(images/link03.png) no-repeat 0 0;
	background-position:center 0;
}
.demo-links a.link04 div.img {
    background: url(images/link04.png) no-repeat 0 0;
    background-position:center 0;
}
.demo-links a.link02 div.img {
   
    background: url(images/link02.png) no-repeat 0 0;
    background-position:center 0;
}
.demo-links a.link06 div.img {
    background: url(images/link06.png) no-repeat 0 0;
    background-position:center 0;
}
.demo-links a.link07 div.img {
    background: url(images/link07.png) no-repeat 0 0;
    background-position:center 0;
}
.demo-links a div.img {
	height:280px;
	margin-bottom:20px;
	}
.demo-links a div{	
	font: normal 20px/30px 'PT Sans Caption';
    color: #444;
    text-transform: uppercase;
}
.demo-links a span{
	color:#555;
	font:normal 14px/20px 'PT Sans Caption';
}
.demo-links a:hover div.img {
transform: scale(1.05);
-ms-transform: scale(1.05); /* IE 9 */
-webkit-transform: scale(1.05); /* Safari and Chrome */
-o-transform: scale(1.05); /* Opera */
-moz-transform: scale(1.05); /* Firefox */
	}
.demo-links a div.img {
		transition-duration: .5s;
    -moz-transition-duration: .5s; /* Firefox 4 */
    -webkit-transition-duration: .5s; /* Safari and Chrome */
    -o-transition-duration: .5s; /* Opera */
    background-size: contain !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    width: 100%;
}

.demo-links a:last-child {
    padding-right: 0;
}
.j-icon
{
	margin-top: 10px;
}