@font-face {
    font-family: 'arialnarrow';
    src: url('../fonts/arialn-webfont.eot');
    src: url('../fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arialn-webfont.woff') format('woff'),
         url('../fonts/arialn-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


body {
	height:100%;
	width:100%;
	background:#ccc;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

/*  Default styles */

/* Normal link */
a, a:visited {
	color: #B0356A;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}
a img {
	border: none;
	max-width:100%;
}

b, strong {
	font-weight:bold;
	color:#222;
}

/* Title text */
h1, h2, h3, h4, h5 {
	font-family: "Arial Narrow",'arialnarrow',Arial,Helvetica,sans-serif;
	font-weight:normal;
	line-height: 1.2em;
	color:#333;
	text-transform:uppercase;
}

h1 {font-size:30px;color:#B0356A; }
h2 {font-size:26px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}

p {
	padding:8px 0;
}

ol li {
	margin-top:10px;
}

/*  Layout  */
#wrap {
	width:1280px;
	margin:0 auto;
	text-align:left;
}
#wrapin {
	width:100%;
	float:left;
	background:#ececec url(../images/main-img.jpg) no-repeat top center;
}
#wrappreview {
	width:100%;
	float:left;
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#ececec;
}
#wrapgallery {
	width:100%;
	float:left;
	background:#ececec;
}
#contentwrap {
	width:940px;
	padding:0 170px;
	float:left;
	
}
#top {
	width:100%;
	float:left;
	background:#fff;
	min-height:53px;
	padding-bottom:25px;
}
#content {
	width:94%;
	padding:20px 3% 0;
	float:left;
	background:#fff;
	margin-top:324px;
}
#wrappreview #content {
	
}
#wrapgallery #content {
	margin-top:0px;
}
#contentin {
	width:100%;
	float:left;
	position:relative;
}

#products {
	width:100%;
	float:left;
	padding:20px 0;
}

#products .box {
	width:164px;
	float:left;
	margin-right:17px;
	border:1px solid #ccc;
	background:#eee;
}
#products .box a img {
	width:164px;
	height:140px;
	float:left;
}

#products .box span {
	font-size:12px;
	float:left;
	margin:5px;
}

.box-award {
	width:90%;
	float:left;
	margin-top:20px;
	background:#ececec;
	border:1px solid #ccc;
	padding:10px;
}
.box-award img {
	float:left;
	width:100px;
	height:100px;
	margin-right:10px;
	border:1px solid #ccc;
}

#footer {
	width:92%;
	float:left;
	padding:20px 4%;
	background:#E8E8E8;
	font-size:12px;
	color:#666;
	margin-top:30px;
}

#copy {
	float:left;
}
#footerlinks {
	float:right;
}
#footerlinks a {
	margin-left:10px;
}
a.logo {
	float:left;
	width:213px;
	height:28px;
	background: url(../images/logo.png);
	margin:25px 0 0 3%;
}

/* Menu */
#menu {
	font-family: "Arial Narrow",'arialnarrow',Arial,Helvetica,sans-serif;
	font-weight:normal;
	float:right;
	margin:28px 0 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	float:left;
	width:100%;
}

#menu ul li {
	margin:0;
	padding:0;
	background: none;
	float:left;
	list-style:none;
}

#menu ul li a {
	float:left;
	color: #333;
	padding:0 20px;
	margin:0;
	text-decoration: none;
	height:22px;
	line-height:22px;
	font-size:16px;
	border-right:1px solid #ddd;
}
#menu ul li:last-child a {
	border-right:none;
}

#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li.active a {
	text-decoration: none;
	background:#B0356A;
	color:#fff;
}


#gallery,
#partners {
	width:100%;
	float:left;
}

#imagesearch {
	float:left;
	width:100%;
}

#imagesearch .inputbox {
	width:auto;
	margin-right:15px;
	background:#fff;
	padding:3px;
}

.image {
	width:270px;
	height:200px;
	float:left;
	margin:12px;
	background:#fff;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    0px 0px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.30);
	position:relative;
}

.image a {
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
}

.image .description {
	position:absolute;
	bottom:-150px;
	left:0;
	width:260px;
	
	padding:5px;
	background-color:rgba(0, 0, 0, 0.70);
	color:#fff;
}

.image .description .name {
	float:left;
	width:220px;
}

.image .description .rating {
	float:right;
	width:40px;
	text-align:right;
	font-family: "Arial Narrow",'arialnarrow',Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:20px;
	height:20px;
	line-height:20px;
}
#partners .image {
	width:200px;
	height:150px;
	margin:10px;
}
#partners .image a {
	background-size:auto;
}
#partners .image .description {
	width:190px;
	height:20px;
	padding:5px;
}

#partners .image .description .name {
	width:190px;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

#slideshow {
	float:left;
	width:100%;
	margin-bottom:30px;
}

#left {
	width:65%;
	float:left;
	border-right:1px solid #ccc;
	padding:0 2% 0 0;
	text-align:justify;
}
#right {
	float:right;
	width:31%;
}

#search {
	position:absolute;
	right:0;
	top:0;
	width:90%;
}
#search select {
	float:right;
	margin:0 0 3px 5px;
}

a.vote {
	text-decoration:none;
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
	font-family: "Arial Narrow",'arialnarrow',Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:20px;
	text-transform:uppercase;
	background:#B0356A;
	float:left;
	text-align:center;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    0px 0px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.30);
	margin-bottom:10px;
}
a.vote:hover {
	background:#666;
}
a.share {
	text-decoration:none;
	width:100%;
	height:40px;
	line-height:40px;
	color:#fff;
	font-family: "Arial Narrow",'arialnarrow',Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:20px;
	text-transform:uppercase;
	background: #006;
	float:left;
	text-align:center;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    0px 0px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.30);
	margin-bottom:10px;
}

a.inactive {
	background:#999;
	color:#ccc;
}


#thumbs {
	float:left;
	width:100%;
	margin:20px 0 0;
}

#thumbs a {
	float:left;
	width:142px;
	height:142px;
	background:#ececec;
	border:1px solid #ccc;
	padding:10px;
	margin:10px 6px;
	text-align:center;
	line-height:142px;
}
#thumbs a img {
	max-width:100%;
	max-height:100%;
	vertical-align: middle;
}


/* Form */
.inputbox {
	padding: 6px;
	margin:4px 0;
	border: 1px solid #ddd;
	background: #eee;
	font-size:16px;
	color:#999;
	width:200px;
	max-width:93%;
}
.inputbox:focus,
input.num:focus {
	border: 1px solid #ccc;
	outline:none;
	color:#333;
}

input.button,
a.button {
	text-decoration:none;
	padding:0 30px;
	height:35px;
	line-height:35px;
	color:#fff;
	font-family: "Arial Narrow",'arialnarrow',Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
	background:#B0356A;
	text-align:center;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:    0px 0px 3px rgba(0, 0, 0, 0.30);
	box-shadow:         0px 0px 3px rgba(0, 0, 0, 0.30);
	border:none;
}

input.button:hover,
input.button:focus,
a.button:hover,
a.button:active,
a.button:focus  {
	background:#555;
	text-decoration:none;
}

.message {
	width:100%;
	float:left;
	padding:10px 0;
	margin:0;
	font-size:18px;
	text-align:center;
	background:#ffffe6;
	border-bottom:2px solid #ccc;
	border-top:1px solid #ececec;
}
.red {
	background:#fc9d9d;
}
.green {
	background:#a4fc9d;
}

.redborder,
input.redborder {
	border: 1px solid #ed1c24;
}

.left {
	float:left;
}
.right {
	float:right;
}
.half {
	width:49%;
}
.full {
	width:100%;
}

#popup {
	width:100%; height:100%; position:fixed; z-index:1000000;
	background:rgba(0,0,0,0.6);
}
#popupin {
	background:#FFF;  width:50%; height:50%;  padding:5%; position:absolute; top:20%; left:20%;
}

@media screen and (max-width: 1280px) {
	#wrap {
		width:100%;
		margin:0 auto;
		text-align:left;
	}
	#contentwrap {
		width:74%;
		padding:0 13%;
		float:left;
		
	}
}
@media screen and (max-width: 1030px) {
	#wrap {
		width:100%;
		margin:0 auto;
		text-align:left;
	}
	#contentwrap {
		width:100%;
		padding:0;
		float:left;
	}
	#search {
		position:inherit;
		right:0;
		top:0;
		width:100%;
		float:left;
	}
}
@media screen and (max-width: 700px) {
	#wrap {
		width:100%;
		margin:0 auto;
		text-align:left;
	}
	#contentwrap {
		width:100%;
		padding:0;
		float:left;
	}
	.right {
		float:left;
	}
	.half {
		width:100%;
	}
	#footerlinks {
		margin-top:20px;
	}
	#menu {
		float:left;
		width:100%;
		margin:15px 0 0;
	}
	#search select {
		float:left;
		margin:0 0 5px 0;
		width:90%;
	}
	#left {
		width:100%;
		border-right:none;
		padding:0;
		text-align:justify;
	}
	#right {
		float:left;
		width:100%;
		border-top:1px solid #ccc;
		margin:10px 0 0;
		padding:10px 0;
	}
}