/* GLOBAL */

html,body
{
	margin:0px;
	padding:0px;
	line-height:26px;
	font-family:'Helvetica Neue Roman', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#555;
	background:#f2f2f2;
}

body.resize *
{
	transition:none !important;
}

body.disabled
{
	height:100%;
	overflow:hidden;
}

*:focus
{
	outline:none;
}
/*
img,
img[style],
*/
img:not(.fancybox-image),
img[style]:not(.fancybox-image)
{
	max-width:100% !important;
	height:auto !important;
}

td,th,input,textarea,select
{
	font-family:'Helvetica Neue Roman', sans-serif;
	font-size:20px;
}

a
{
	color:#7dbecc;
	text-decoration:none;
	transition: color 100ms;
}

a:hover
{
	text-decoration:underline;
}


a.more
{
	line-height:20px;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}

a.more::after
{
	content:' ';
	display:inline-block;
	margin:-7px 0px -3px 40px;
	width:29px;
	height:29px;
	background: url(/file/1/bg-more.png) no-repeat center center;
	vertical-align:middle;
}

a.more:hover
{
	color:#50a8be;
	text-decoration:none;
}

h1
{
	line-height:40px;
	font-size:32px;
	font-weight:400;
	color:#555;
}

h2
{
	line-height:35px;
	font-size:28px;
	font-weight:400;
	color:#666;
}

h3
{
	line-height:30px;
	font-family:'Helvetica Neue Bold', sans-serif;
	font-size:22px;
	font-weight:700;
	color:#666;
}

h4
{
	line-height:32px;
	font-size:22px;
	font-weight:400;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span
{
	display:inline-block;
}

.container
{
	/*overflow:hidden;*/
	overflow:visible;
	clear:both;
	float:left;
	width:100%;
}

.container.white
{
	background:#ffffff;
}

.container.blue
{
	padding:10px 0px;
	color:#fff;
	background:#7dbecc;
}

.container.blue a
{
	color: rgba(255,255,255,0.7);
}

.container.blue a:hover
{
	color: rgba(255,255,255,1);
	text-shadow:2px 2px 1px #50a8be;
	text-decoration:none;
}

.container.dark-blue
{
	padding:30px 0px;
	color:#fff;
	background:#50a8be;
}

.container.dark-blue a
{
	color: rgba(255,255,255,0.7);
}

.container.dark-blue a:hover
{
	color: rgba(255,255,255,1);
	text-shadow:1px 1px 5px #50a8be;
	text-decoration:none;
}

.container.gray
{
	padding:40px 0px;
	color:#333333;
	background:#f8f8f8;
	background:#144266;
	background: -webkit-linear-gradient(#f8f8f8,#f2f2f2);
	background: -o-linear-gradient(#f8f8f8,#f2f2f2);
	background: -moz-linear-gradient(#f8f8f8,#f2f2f2);
	background: linear-gradient(#f8f8f8,#f2f2f2);
	border-top:3px solid #f2f2f2;
}

.container.dots
{
	padding:40px 0px;
	color:#333333;
	background: url(/file/1/bg-dots.gif) repeat-x 0% 4px #ffffff;
}

.container.dark-gray
{
	padding:30px 0px;
	color:#fff;
	background:#333333;
	text-shadow:1px 1px 5px #333333;
}

.container.dark-gray a
{
	color: rgba(255,255,255,0.7);
}

.container.dark-gray a:hover
{
	color: rgba(255,255,255,1);
	text-shadow:1px 1px 5px #333333;
	text-decoration:none;
}

.container.dark-gray h1,
.container.dark-gray h2
{
	color:#fff;
}

.content
{
	clear:both;
	margin:0px auto;
	width:940px;
}

.container::before,
.content::before,
.row::before,
.container::after,
.content::after,
.row::after
{
	content:' ';
	overflow:hidden;
	display:block;
	clear:both;
	float:left;
	width:100%;
	height:0px;
}

.row
{
	clear:both;
	margin:0px -10px;
}

.column
{
	float:left;
	padding:10px;
	box-sizing:border-box;
}

.column.c1of1,
.column.c2of2,
.column.c3of3,
.column.c4of4,
.column.c5of5
{
	width:100%;
}

.column.c1of2
{
	width:50%;
}

.column.c1of3
{
	width:33.33%;
}

.column.c2of3
{
	width:66.66%;
}

.column.c1of4
{
	width:25%;
}

.column.c2of4
{
	width:50%;
}

.column.c3of4
{
	width:75%;
}

.column.c1of5
{
	width:20%;
}

.column.c2of5
{
	width:40%;
}

.column.c3of5
{
	width:60%;
}

.column.c4of5
{
	width:80%;
}

.row.no-vertical-space .column
{
	padding:0px 10px;
}

.align-left
{
	text-align:left;
}

.align-center
{
	text-align:center;
}

.align-right
{
	text-align:right;
}

.upper
{
	text-transform:uppercase;
}

.lower
{
	text-transform:lowercase;
}

.text-small
{
	font-size:0.875em;
}

.letters {
	display:inline-block;
	padding:10px;
	width:150px;
	text-align:center;
}

.letters a img {
	height: 120px;
}

h4.newsletterhead {
	margin:15px 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;

}


@media screen and (min-width:768px) and (max-width:979px)
{
	.content
	{
		width:740px;
	}
}

@media screen and (max-width:767px)
{
	a.more > span
	{
		display:none;
	}

	a.more::after
	{
		margin:-7px 0px -3px 20px;
	}

	.column.collapse-mobile
	{
		clear:both;
		width:100% !important;
	}

	.row.collapse-mobile > .column
	{
		clear:both;
		width:100% !important;
	}

	.collapse-mobile + *
	{
		clear:both;
	}

	.container.gray
	{
		padding:20px 0px;
	}

	.container.dots
	{
		padding:10px 0px;
	}

	.content
	{
		padding:0px 10px;
		width:100%;
		min-width:320px;
		box-sizing:border-box;
	}
}


/* HEADER */

#header
{
	z-index:999;
	position:fixed;
	top:0px;
	left:0px;
	overflow:visible;
	height:80px;
	background:#fff;
	transition:all 200ms;
}

#header.fixed,
body.disabled #header
{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}

#header .logo
{
	position:relative;
	overflow:hidden;
	float:left;
	margin:23px 0px 0px 0px;
	width:144px;
	height:43px;
	text-indent:-9999px;
}

#header .logo::before
{
	position:absolute;
	top:0px;
	left:0px;
	content:' ';
	width:100%;
	height:100%;
	background: url(/file/1/bg-logo.png) no-repeat top left;
	background-size:contain;
}

#header #mobile
{
	display:none;
}

#header #header-right
{
	float:right;
}

@media screen and (min-width:980px)
{
	#header #header-right #topmenu
	{
		float:left;
	}

	#header #header-right #topmenu ul
	{
		margin:0px;
		padding:0px;
		list-style:none;
	}

	#header #header-right #topmenu > ul
	{
		margin:30px 0px 0px 0px;
		float:left;
	}

	#header #header-right #topmenu > ul > li
	{
		position:relative;
		float:left;
		padding-bottom:10px;
		line-height:20px;
		margin:0px 0px 0px 5px;
	}

	#header #header-right #topmenu > ul > li > a
	{
		font-size:16px;
		font-weight:600;
		color:#7dbecc;
		text-transform:uppercase;
	}

	#header #header-right #topmenu > ul > li.active > a,
	#header #header-right #topmenu > ul > li:hover > a,
	#header #header-right #topmenu > ul > li > a:hover
	{
		color:#999999;
		text-decoration:none;
	}

	#header #header-right #topmenu > ul > li > a::after
	{
		display:inline-block;
		content:' ';
		margin:0px 15px 9px 15px;
		width:5px;
		height:4px;
		background: url(/file/1/bg-topmenu.png) no-repeat center center;
		vertical-align:bottom;
	}

	#header #header-right #topmenu > ul > li > a.children
	{
		display:none;
	}

	#header #header-right #topmenu > ul > li > ul
	{
		position:absolute;
		top:25px;
		left:-5px;
		display:none;
		padding:20px;
		min-width:200px;
		background:rgba(255,255,255,0.9);
		border-radius:5px;
		box-shadow:5px 5px 5px rgba(0,0,0,0.1);
	}

	#header #header-right #topmenu > ul > li > ul::before
	{
		content:' ';
		position:absolute;
		top:-5px;
		left:15px;
		height:5px;
		width:9px;
		background: url(/file/1/bg-submenu.png) no-repeat center center;
	}


	#header #header-right #topmenu > ul > li:hover > ul
	{
		display:block;
	}

	#header #header-right #topmenu > ul > li > ul > li
	{
		padding:5px 0px;
		line-height:25px;
		border-top:1px solid #cccccc;
	}

	#header #header-right #topmenu > ul > li > ul > li:first-child
	{
		border-top:0px;
	}

	#header #header-right #topmenu > ul > li > ul > li > a
	{
		font-size:16px;
		font-weight:600;
		color:#50a8be;
	}

	#header #header-right #topmenu > ul > li > ul > li.active > a,
	#header #header-right #topmenu > ul > li > ul > li > a:hover
	{
		color:#555;
		text-decoration:none;
	}

	#header #header-right #topmenu > ul > li:hover > ul > li > a.children
	{
		overflow:hidden;
		float:right;
		margin:0px 0px 0px 0px;
		padding:5px 5px 5px 5px;
		width:14px;
		height:14px;
		text-indent:-9999px;
		background: url(/file/1/bg-children.png) no-repeat center center;
		transition: all 200ms;
		border-radius:100%;
	}


	#header #header-right #topmenu > ul > li:hover > ul > li.open > a.children,
	#header #header-right #topmenu > ul > li:hover > ul > li > a.children:hover
	{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	#header #header-right #topmenu > ul > li:hover > ul > li > ul
	{
		display:none;
		margin-top:5px;
		padding:5px 0px 0px 0px;
		border-top:1px solid #cccccc;
	}

	#header #header-right #topmenu > ul > li:hover > ul > li.open > ul
	{
		display:block;
	}

	#header #header-right #topmenu > ul > li:hover > ul > li > ul > li
	{
		padding:5px 0px;
		line-height:20px;
	}

	#header #header-right #topmenu > ul > li:hover > ul > li > ul > li > a
	{
		font-size:15px;
		color:#0192b0;
	}

	#header #header-right #topmenu > ul > li:hover > ul > li > ul > li > a::before
	{
		overflow:hidden;
		display:inline-block;
		content:' ';
		margin:8px 7px 8px 0px;
		width:3px;
		height:3px;
		background: url(/file/1/bg-topmenu-sub.png) no-repeat center center;
		vertical-align:top;
	}
}

/* HEADER FRONT */

.front #header
{
	height:125px;
	background:none;
	transition:all 200ms;
}

.front #header a.logo
{
	margin:37px 0px 0px 0px;
	width:180px;
	height:54px;
	transition:all 200ms;
}

.front #header a.logo::before
{
	opacity:0;
	transition:all 100ms;
}

.front #header a.logo::after
{
	opacity:1;
	position:absolute;
	top:0px;
	left:0px;
	content:' ';
	width:100%;
	height:100%;
	background: url(/file/1/bg-logo-front1.png) no-repeat top left;
	background-size:contain;
	transition:all 100ms;
}

.front #header.fixed
{
	height:80px;
	background:#fff;
}

.front #header.fixed a.logo
{
	margin:23px 0px 0px 0px;
	width:144px;
	height:43px;
}

.front #header.fixed a.logo::before
{
	opacity:1;
}

.front #header.fixed a.logo::after
{
	opacity:0;
}

@media screen and (min-width:980px)
{
	.front #header #header-right #topmenu > ul
	{
		margin-top:50px;
		transition:all 200ms;
	}

	.front #header #header-right #topmenu > ul > li > a
	{
		color:#fff;
		/*text-shadow: 1px 1px 1px rgba(0,0,0,0.75);*/
	}

	.front #header #header-right #topmenu > ul > li > a::after
	{
		background-image: url(/file/1/bg-topmenu-front1.png);
	}


	.front #header.fixed #header-right #topmenu > ul
	{
		margin-top:30px;
	}

	.front #header.fixed #header-right #topmenu > ul > li > a
	{
		color:#50a8be;
		text-shadow: 0px 0px 0px rgba(0,0,0,0);
		transition:all 200ms;
	}

	#header.fixed #header-right #topmenu > ul > li.active > a,
	#header.fixed #header-right #topmenu > ul > li:hover > a,
	#header.fixed #header-right #topmenu > ul > li > a:hover
	{
		color:#999999;
	}

	.front #header.fixed #header-right #topmenu > ul > li > a::after
	{
		background-image: url(/file/1/bg-topmenu.png);
	}

	.front #header.fixed #header-right #topmenu > ul > li > ul
	{
		background-color:#fff;
	}
}

@media screen and (max-width:979px)
{
	#header
	{
		overflow:hidden;
		padding-top:80px;
		height:0px;
	}

	#header .logo
	{
		position:absolute;
		top:0px;
		left:20px;
		z-index:2;
	}

	#header .logo::after
	{
		opacity:0;
		content:' ';
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background: url(/file/1/bg-logo-mobile.png) no-repeat center center;
		transition:all 200ms;
	}

	#header #mobile
	{
		position:absolute;
		top:0px;
		right:20px;
		z-index:2;
		overflow:hidden;
		display:block;
		float:right;
		margin:29px 0px 0px 0px;
		width:36px;
		height:25px;
		text-indent:-9999px;
		transition:margin 200ms;
	}

	#header #mobile::before
	{
		opacity:1;
		content:' ';
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:url(/file/1/bg-mobile.png) no-repeat top center;
		transition:opacity 200ms;
	}

	#header #mobile::after
	{
		opacity:0;
		content:' ';
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background:url(/file/1/bg-mobile.png) no-repeat bottom center;
		transition:opacity 200ms;
	}

	.front #header #mobile
	{
		margin:40px 0px 0px 0px;
		width:36px;
		height:26px;

	}

	.front #header.fixed #mobile
	{
		margin:29px 0px 0px 0px;
		width:36px;
		height:25px;
	}

	.front #header #mobile::before
	{
		opacity:0;
	}

	.front #header #mobile::after
	{
		opacity:1;
		content:' ';
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background: url(/file/1/bg-mobile-front.png) no-repeat top center;
		transition:opacity 200ms;
	}

	.front #header.fixed #mobile
	{
		margin:29px 0px 0px 0px;
	}

	.front #header.fixed #mobile::before
	{
		opacity:1;
	}

	.front #header.fixed #mobile::after
	{
		opacity:0;
	}

	#header #header-right
	{
		opacity:0;
		position:absolute;
		top:0px;
		left:0px;
		clear:both;
		float:left;
		padding:80px 0px 75px 0px;
		width:100%;
		height:100%;
		box-sizing:border-box;
		transition:all 200ms;
	}

	#header.open #header-right
	{
		opacity:1;
	}

	#header #topmenu
	{
		overflow:auto;
		overflow-x:hidden;
		clear:both;
		float:left;
		width:100%;
		height:100%;
	}

	#header #topmenu ul
	{
		clear:both;
		float:left;
		width:100%;
		margin:0px;
		padding:0px;
		list-style:none;
	}

	#header #topmenu ul li
	{
		clear:both;
		float:left;
		width:100%;
		box-sizing:border-box;
	}

	#header #topmenu ul ul
	{
		display:none;
	}

	#header #topmenu ul li a
	{
		color:#fff;
	}

	#header #topmenu ul li a.children
	{
		overflow:hidden;
		float:right;
		margin:7px 0px 7px 5px;
		padding:0px;
		width:9px;
		height:14px;
		text-indent:-9999px;
		background: url(/file/1/bg-children-mobile.png) no-repeat center center;
		transition: all 200ms;
		border-radius:100%;
	}

	#header #topmenu ul ul > li > a.children
	{
		margin-right:-10px;
	}

	#header #topmenu ul li.open > a.children
	{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}


	#header #topmenu ul li.open > ul
	{
		display:block;
	}

	#header #topmenu > ul
	{
		padding:20px;
		min-height:100%;
		background: linear-gradient(#50a8be, #558e9c);
		box-sizing:border-box;
	}

	#header #topmenu > ul > li
	{
		padding:10px 0px;
		border-top:1px solid rgba(255,255,255,0.2);
	}

	#header #topmenu > ul > li:first-child
	{
		border-top:0px;
	}

	#header #topmenu > ul > li > a
	{
		line-height:28px;
		font-size:20px;
		font-weight:600;
	}

	#header #topmenu > ul > li > ul
	{
		margin-top:10px;
	}

	#header #topmenu > ul > li > ul > li 
	{
		border-top:1px solid rgba(255,255,255,0.2);
		padding:10px 10px 0px 10px;
	}

	#header #topmenu > ul > li > ul > li > a
	{
		line-height:28px;
		font-size:18px;
	}

	#header #topmenu > ul > li > ul > li > ul
	{
		padding:5px 10px;
		margin:0px 0px 0px -10px;
		background: rgba(25,111,142,0.2);
		border-top:1px solid rgba(255,255,255,0.2);
	}

	#header #topmenu > ul > li > ul > li > ul > li
	{
		padding:5px 0px;
	}

	#header #topmenu > ul > li > ul > li > ul > li > a
	{
		line-height:20px;
		font-size:15px;
	}

	#header #topmenu > ul > li > ul > li > ul > li > a::before
	{
		overflow:hidden;
		display:inline-block;
		content:' ';
		margin:5px 5px 9px 0px;
		width:3px;
		height:3px;
		background: url(/file/1/bg-topmenu-sub-mobile.png);
		vertical-align:middle;
	}

	#header #above
	{
		position:absolute;
		bottom:0px;
		left:0px;
		clear:both;
		float:left;
		width:100%;
		height:75px;
		background:#7dbecc;
	}

	/* HEADER OPEN */

	#header.open
	{
		padding:80px 0px 75px 0px;
		height:100%;
		background:#50a8be;
		box-sizing:border-box;
	}

	#header.open .logo::before,
	#header.open #mobile::before
	{
		opacity:0;
	}

	#header.open .logo::after,
	#header.open #mobile::after
	{
		opacity:1;
	}

	.front #header
	{
		height:0px;
		padding-top:125px;
	}

	.front #header.fixed
	{
		height:0px;
		padding-top:80px;
	}

	.front #header.open
	{
		padding:80px 0px 75px 0px;
		height:100%;
		background:#50a8be;
		box-sizing:border-box;
	}

	.front #header a.logo::before,
	.front #header.fixed.open a.logo::before
	{
		background-image:url(/file/1/bg-logo-mobile.png);
	}

	.front #header.fixed a.logo::before
	{
		background-image:url(/file/1/bg-logo.png);
	}

	.front #header.open a.logo
	{
		margin: 23px 0px 0px 0px;
		width: 144px;
		height: 43px;
	}

	.front #header.open a.logo::before
	{
		opacity:1;
	}

	.front #header.open a.logo::after
	{
		opacity:0;
	}

	.front #header.open #mobile
	{
		margin-top:29px;
		height:25px;
	}

	.front #header.open #mobile::after
	{
		opacity:1;
		background: url(/file/1/bg-mobile.png) no-repeat bottom center;
	}

	.front #header.open #mobile::before
	{
		opacity:0;
	}

	.front #header #header-right
	{
		padding-top:125px;
	}

	.front #header.fixed #header-right,
	.front #header.open #header-right
	{
		padding-top:80px;
	}
}

/* ABOVE */

@media screen and (min-width:980px)
{
	#header #above
	{
		float:left;
	}

	#header ul#shortcuts,
	.front #header.fixed ul#shortcuts
	{
		margin:30px 0px 0px 0px;
		padding:0px;
		list-style:none;
		transition: all 200ms;
	}

	#header ul#shortcuts li
	{
		float:left;
		margin:0px 0px 0px 15px;
	}

	#header ul#shortcuts li a
	{
		position:relative;
		overflow:hidden;
		float:left;
		width:21px;
		height:21px;
		text-indent:-9999px;
	}

	#header ul#shortcuts li a::before,
	#header ul#shortcuts li a::after
	{
		content:' ';
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		background: url(/file/1/bg-shortcuts1.png) no-repeat;
		transition: opacity 200ms;
	}

	#header ul#shortcuts li a::before,
	.front #header.fixed ul#shortcuts li a::before
	{
		opacity:1;
	}

	#header ul#shortcuts li a::after,
	.front #header.fixed ul#shortcuts li a::after
	{
		opacity:0;
	}

	#header ul#shortcuts li.search a::before,
	.front #header.fixed ul#shortcuts li.search a::before
	{
		background-position: top left;
	}

	#header ul#shortcuts li.cart a::before,
	.front #header.fixed ul#shortcuts li.cart a::before
	{
		background-position: top right;
	}

	.front #header ul#shortcuts li.cart a::after
	{
		background-position: bottom right;
	}

	.front #header ul#shortcuts li.search a::after
	{
		background-position: bottom left;
	}

	.front #header ul#shortcuts
	{
		margin-top:50px;
	}

	.front #header ul#shortcuts li a::before
	{
		opacity:0;
	}

	.front #header ul#shortcuts li a::after
	{
		opacity:1;
	}

	#header ul.social
	{
		display:none;
	}
}

@media screen and (max-width:979px)
{
	#header #above
	{
		padding:0px 20px;
		box-sizing:border-box;
	}

	#header #above ul
	{
		margin:0px;
		padding:0px;
		list-style:none;
	}

	#header ul#shortcuts
	{
		float:left;
		transition: all 200ms;
	}

	#header ul#shortcuts li
	{
		float:left;
		margin:25px 25px 0px 0px;
	}

	#header ul#shortcuts li a
	{
		overflow:hidden;
		float:left;
		width:27px;
		height:27px;
		background: url(/file/1/bg-shortcuts-mobile.png) no-repeat;
		text-indent:-9999px;
	}

	#header ul#shortcuts li.search a
	{
		background-position:top left;
	}

	#header ul#shortcuts li.cart a
	{
		background-position:top right;
	}

	#header ul.social
	{
		float:right;
	}

	#header ul.social li
	{
		float:left;
		margin:30px 0px 0px 15px;
	}

	#header ul.social li a
	{
		overflow:hidden;
		float:left;
		width:21px;
		height:21px;
		background: url(/file/1/bg-social.png) no-repeat;
		text-indent:-9999px;
	}

	#header ul.social li.facebook a
	{
		background-position:0px 0px;
	}

	#header ul.social li.twitter a
	{
		background-position:-35px 0px;
	}

	#header ul.social li.instagram a
	{
		background-position:-71px 0px;
	}
}

/* BANNER */

#banner
{
	position:relative;
	height:750px;
	background:#fff;
}

#banner + *
{
	position:relative;
	box-shadow:0px -5px 5px rgba(0,0,0,0.1);
}

ul#banner-list,
ul#banner-list li
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	list-style:none;
}

ul#banner-list li
{
	opacity:0.9;
	background-color:#50a8be;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;

}

ul#banner-list li > div
{
	position:absolute;
	bottom:130px;
	left:0px;
}

ul#banner-list li > div *
{
	color:#fff;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.75);*/
	text-transform:uppercase;
}

ul#banner-list li > div h1
{
	line-height:60px;
	font-size:50px;
}

#banner-paging
{
	position:absolute;
	bottom:30px;
	left:0px;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	list-style:none;
}

#banner-paging li
{
	display:inline-block;
	margin:0px 5px;
}

#banner-paging li a
{
	overflow:hidden;
	display:inline-block;
	width:10px;
	height:10px;
	background:#a8d6e3;
	text-indent:-9999px;
	border-radius:50%;
	/*box-shadow: 1px 1px 5px rgba(0,0,0,25);*/
}

#banner-paging li:last-child a
{
	background:#b8dae8;
}

#banner-paging li.active a
{
	background:#ffffff;
}

@media screen and (max-width:979px)
{
	#banner
	{
		height:420px;
	}

	ul#banner-list li > div h1
	{
		line-height:35px;
		font-size:30px;
	}

	ul#banner-list li > div h3
	{
		line-height:28px;
		font-size:18px;
		font-weight:600;
	}

	ul#banner-list li > div
	{
		bottom:60px;
	}
}

/* INFO */

#info a
{
	display:block;
	margin:5px 0px;
	padding-top:90px;
	height:auto
	line-height:auto;
	font-size:16px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:auto 80px;
}

#info a span
{
	max-width:140px;
}

@media screen and (max-width:979px)
{
	#info .row .c1of4
	{
		width:50%;
	}

	#info .row .c1of4:nth-child(2n+1)
	{
		clear:both;
	}

	#info a
	{
		margin:0px;
		padding-top:70px;
		text-align:center;
		background-size:auto 60px;
	}
}

/* CASE STUDIES */

#case-studies a
{
	overflow:hidden;
	display:block;
	width:100%;
	background-size:cover;
	background-position:center center;
}

#case-studies a
{
	position:relative;
	display:block;
	padding-bottom:100%;
	width:100%;
	height:0px;
	line-height:35px;
	font-size:30px;
	color:#fff;
	/*text-shadow:2px 2px 5px rgba(0,0,0,0.75);*/
	background:#7dbecc;
	transition: all 400ms;
}

#case-studies a::after
{
	position:absolute;
	top:0px;
	left:0px;
	content:' ';
	display:block;
	width:100%;
	height:100%;
	border:3px solid rgba(255,255,255,0.5);
	box-sizing:border-box;
	transition:all 400ms;
}

#case-studies a > span
{
	position:absolute;
	display:block;
	width:100%;
	box-sizing:border-box;
}

#case-studies a > span.image
{
	opacity:0.9;
	top:-20px;
	left:-20px;
	padding:20px;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	box-sizing:content-box;
	transition:all 400ms;
}

#case-studies a > span.text
{
	bottom:0px;
	left:0px;
	padding:15px;
}

/*
#case-studies a > span.logo
{
	top:10px;
	right:10px;
	width:60px;
	height:60px;
	background-position:top right;
	background-repeat:no-repeat;
	background-size:contain;
}
*/

#case-studies a > span.logo
{
	left:10px;
	width:80px;
	height:80px;
	bottom:100px;
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:contain;
}

#case-studies a:hover
{
	/*text-shadow:2px 2px 5px rgba(0,0,0,1);*/
}

#case-studies a:hover::after
{
	border-color:rgba(80, 168, 190, 1);
}

#case-studies a:hover > span.image
{
	opacity:1;
	top:0px;
	left:0px;
	padding:0px;
}

#case-studies .column .row .column a
{
	line-height:22px;
	font-size:18px;
}

#case-studies .column .row .column.c1of2
{
	padding-top:0px;
}

#case-studies .column .row .column.c1of2 > a > span.logo
{
	width:35px;
	height:35px;
}

#case-studies .column .row .column.c1of1 > a
{
	padding-bottom:47.5%;
}

@media screen and (max-width:979px)
{
	#case-studies > .column.c1of2
	{
		width:100%;
	}

	#case-studies > .column.c1of2 > a
	{
		padding-bottom:300px;
	}

	#case-studies a > span.logo {
		bottom: 0;
		top:5px
	}
}

/* MAP */

#map
{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,1);
}

#map::before
{
	content:' ';
	display:block;
	height:660px;
	width:100%;
}

#map h1
{
	margin:0px;
	padding:0px;
	font-size:36px;
	font-weight:normal;
	line-height:40px;
}

#map h2
{
	margin:0px;
	padding:0px;
	line-height:35px
	font-size:28px;	
}

@media screen and (max-width:979px)
{
	#map::before
	{
		height:220px;
	}

	#map h1
	{
		font-size:26px;
		line-height:30px;
	}

	#map h2
	{
		line-height:25px;
		font-size:18px;	
	}
}

/* FOOTER */

.newsfoot {
	padding: 15px 20px;
	background: rgba(255,255,255,0.15);
	border-radius: 7px;
	transition: background ease .2s;
}

.newsfoot:hover {
	background: #50a8be;
}

.topper {
	margin-top: 30px;
}

#footer a.logo
{
	opacity:0.85;
	overflow:hidden;
	display:inline-block;
	width:189px;
	height:56px;
	text-indent:-9999px;
	background: url(/file/1/bg-logo-footer.png) no-repeat center center;
	transition:opacity 200ms;
}

#footer a.logo:hover
{
	opacity:1;
}

#footer ul.social
{
	display:inline-block;
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer ul.social li
{
	display:inline-block;
	margin:8px 0px 9px 25px;
}

#footer ul.social li a
{
	opacity:0.85;
	overflow:hidden;
	display:inline-block;
	width:39px;
	height:39px;
	text-align:left;
	text-indent:-9999px;
	background:url(/file/1/bg-social-footer.png) no-repeat;
	transition:opacity 200ms;
}

#footer ul.social li a:hover
{
	opacity:1;
}

#footer ul.social li.facebook a
{
	background-position:0px 0px;
}

#footer ul.social li.twitter a
{
	background-position:-65px 0px;
}

#footer ul.social li.instagram a
{
	background-position:-130px 0px;
}

#footer h4
{
	margin:0px;
	padding:0px;
}

#footer form
{
	margin:0px;
	padding:0px;
}

#footer form .c2of3
{
	width:70%;
}

#footer form .c1of3
{
	width:30%;
}

#footer form input
{
	padding:15px;
	width:100%;
	height:55px;
	line-height:25px;
	font-size:18px;
	color:#fff;
	background:rgba(255,255,255,0.2);
	border-radius:5px;
	border:1px solid rgba(255,255,255,0.2);
	box-sizing:border-box;
	transition:all 200ms;
}

#footer form input:hover,
#footer form input:focus
{
	background:rgba(255,255,255,0.3);
	border-color:#50a8be;
	box-shadow:1px 1px 2px #50a8be;
	text-shadow:1px 1px 1px #50a8be;
}

#footer form input[type="text"]
{
	max-width:505px;
}

#footer form input[type="text"]::-webkit-input-placeholder
{
	color:#fff;
}
#footer form input[type="text"]::-moz-placeholder
{
	color:#fff;
}
#footer form input[type="text"]:-ms-input-placeholder
{
	color:#fff;
}
#footer form input[type="text"]:-moz-placeholder
{
	color:#fff;
}

#footer form input[type="submit"]
{
	cursor:pointer;
	max-width:115px;
	font-weight:bold;
	text-transform:uppercase;
}

#footer nav ul
{
	width:100%;
	margin:0px;
	padding:20px 15px;
	text-align:center;
	list-style:none;
	box-sizing:border-box;
}

#footer nav ul li
{
	display:inline-block;
	padding:20px 30px;
}

#footer nav ul li a
{
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
}

#footer a.mail
{
	line-height:20px;
	white-space:nowrap;
}

#footer a.mail::before
{
	opacity:0.85;
	content:' ';
	display:inline-block;
	margin:0px 13px 0px 0px;
	width:25px;
	height:20px;
	font-weight:bold;
	background: url(/file/1/bg-footer-icons.png) no-repeat 0px 0px;
	vertical-align:middle;
	transition:all 200ms;
}

#footer a.mail:hover::before
{
	opacity:1;
}

#footer a.tel
{
	line-height:20px;
	white-space:nowrap;
}

#footer a.tel::before
{
	opacity:0.85;
	content:' ';
	display:inline-block;
	margin:0px 13px 0px 0px;
	width:20px;
	height:20px;
	font-weight:bold;
	background: url(/file/1/bg-footer-icons.png) no-repeat -25px 0px;
	vertical-align:middle;
	transition:all 200ms;
}

#footer a.tel:hover::before
{
	opacity:1;
}

@media screen and (max-width: 979px)
{
	#footer ul.social li
	{
		margin: 8px 14px 9px 14px;
	}

	#footer ul.social li:first-child
	{
		margin-left:0px;
	}

	#footer ul.social li:last-child
	{
		margin-right:0px;
	}

	#footer a.mail,
	#footer a.tel
	{
		color:#fff;
	}

	#footer a.logo,
	#footer ul.social li a,
	#footer a.mail::before,
	#footer a.tel::before
	{
		opacity:1;
	}

	#footer form .c2of3
	{
		width:76%;
	}

	#footer form .c1of3
	{
		width:24%;
	}

	#footer form input
	{
		padding:15px 10px;
	}

	.newsfoot {
		font-size:16px;
		padding: 10px;
	}

	#footer nav ul
	{
		padding:10px;
	}

	#footer nav ul li
	{
		display:inline-block;
		padding:8px 8px;
	}

	#footer nav ul li a
	{
		font-size:20px;
		line-height:20px;
		text-transform:uppercase;
	}

	#footer .c3of5.text-small
	{
		clear:both;
		width:100%;
		text-align:center;
	}

	#footer .c1of5.text-small
	{
		clear:both;
		width:100%;
		text-align:center;
	}
}

@media screen and (max-width:479px)
{

	#footer .c1of2:first-child
	{
		display:none;
	}

	#footer .c1of2:first-child + .c1of2
	{
		width:100%;
		text-align:center;
	}

	#footer form .c2of3
	{
		width:65%;
	}

	#footer form .c1of3
	{
		width:35%;
	}
}

/* PRODUCT */


#banner-small
{
	opacity:0.9;
	margin-top:80px;
	height:230px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

@media screen and (max-width:979px)
{
	#banner-small
	{
		height:120px;
	}
}

#title
{
	padding:20px 0px 5px 0px;
	border-bottom:1px solid #dddddd;
}

.product-title h1
{
	float:left;
	margin:0px;
	padding:0px;
}

.product-title ul
{
	float:left;
	margin:0px 0px 0px 50px;
	padding:0px;
	list-style:none;
}

.product-title ul li
{
	float:left;
	margin:0px 15px 0px 0px;
	line-height: 40px;
}

.product-title ul li img
{
	vertical-align:middle;
}

.product-title-links ul
{
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;
}

.product-title-links ul li
{
	float:left;
}


.product-title-links ul li a
{
	float:left;
	margin:0px 5px;
	padding:10px 15px;
	height:25px;
	line-height:25px;

}

.product-title-links ul li a.btn
{
	color:#fff;
	text-transform:uppercase;
	background:#7dbecc;
	border-radius:5px;
}

.product-title-links ul li a.btn:hover
{
	background:#50a8be;
	text-decoration:none;
}

@media screen and (max-width:979px)
{
	#title
	{
		padding:0px;
	}

	.product-title
	{
		clear:both;
		width:100% !important;
		border-bottom:1px solid #dddddd;
	}

	.product-title ul
	{
		float:right;
	}

	.product-title-links
	{
		clear:both;
		width:100% !important;
	}

	.product-title-links ul
	{
		float:left;
		width:100%;
	}

}

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

#content ul li
{
	position:relative;
	padding:0px 0px 15px 25px;
	line-height:24px;
	font-size:18px;
}

#content ul li::before
{
	content:' ';
	display:block;
	position:absolute;
	top:8px;
	left:0px;
	width:8px;
	height:8px;
	background:#7dbecc;
	border-radius:50%;
}

#content .gallery .image
{
	padding:0px 0px 20px 0px;
}

#content .gallery .image img
{
	vertical-align:bottom;
}

#content .gallery .list
{
	position:relative;
	overflow:hidden;
}

#content .gallery .list ul
{
	margin:0px -5px;
}

#content .gallery .list ul li
{
	position:static;
	display:inline-block;
	float:left;
	margin:0px 5px;
	padding:0px;
	width:82px;
}


#content .gallery .list ul li a
{
	position:relative;
	float:left;
}

#content .gallery .list ul li.active a::before,
#content .gallery .list ul li a:hover::before
{
	content:' ';
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:3px solid #50a8be;
}

#content .gallery .list ul li.active a img
{
	vertical-align:bottom;
}

#content .gallery .list ul li::before
{
	display:none;
}

#content .gallery .list ul li img
{
	width:82px;
	height:62px !important;
}

#content .gallery .list > a
{
	overflow:hidden;
	position:absolute;
	top:0px;
	width:94px;
	height:62px;
	text-indent:-9999px;
	background: url(/file/1/bg-paging.png) no-repeat #fff;
}

#content .gallery .list > a.prev
{
	left:0px;
	background-position:top left;
}

#content .gallery .list > a.prev:hover
{
	backgrund-position:bottom left;
}

#content .gallery .list > a.next
{
	right:0px;
	background-position:top right;
}

#content .gallery .list > a.next:hover
{
	background-position:bottom right;
}

@media screen and (max-width:979px)
{
	#content .gallery
	{
		width:280px;
	}

	#content .gallery .list ul
	{
		margin:0px -4px;
	}

	#content .gallery .list ul li
	{
		margin:0px 4px;
		width:64px;
	}

	#content .gallery .list ul li img
	{
		width:64px;
		height:48px !important;
	}

	#content .gallery .list > a
	{
		width:72px;
		height:48px;
		background-size:200% 200%;
	}
}

ul.tabs-labels
{
	clear:both;
	float:left;
	margin:30px 0px !important;
	width:100%;
}

ul.tabs-labels li
{
	float:left;
	margin:0px 2px 0px 0px;
	padding:0px !important;
}

ul.tabs-labels > li::before,
ul.tabs-content > li::before
{
	display:none !important;
}

ul.tabs-labels li a
{
	float:left;
	padding:10px 16px;
	line-height:27px;
	font-size:17px;
	font-weight:700;
	color:#fff;
	background:#999999;
	transition:all 200ms;
}

ul.tabs-labels li.active a,
ul.tabs-labels li a:hover
{
	margin-top:-2px;
	padding:10px 16px 12px 16px;
	text-decoration:none;
	background:#7dbecc;
}

ul.tabs-content
{
	clear:both;
	float:left;
	padding:0px 0px 30px 0px !important;
	width:100%;
	border-bottom:1px solid #dddddd;
}

ul.tabs-content > li
{
	padding:0px !important;
	width:100%;
}

ul.tabs-content > li > a
{
	display:none;
	clear:both;
	float:left;
	padding:10px 20px;
	width:100%;
	line-height:27px;
	font-size:20px;
	font-weight:700;
	color:#fff;
	background:#999999;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
	transition:all 200ms;
}

ul.tabs-content > li.active > a,
ul.tabs-content > li > a:hover
{
	text-decoration:none;
	background:#7dbecc;
}

ul.tabs-content > li > div
{
	clear:both;
	float:left;
	padding:0px 0px 30px 0px;
	width:100%;
}

@media screen and (max-width:979px)
{
	ul.tabs-labels
	{
		display:none;
	}

	ul.tabs-content > li > a
	{
		display:block;
	}

	ul.tabs-content > li,
	ul.tabs-content > li[style]
	{
		display:block !important;
	}

	ul.tabs-content > li > div,
	ul.tabs-content > li[style] > div
	{
		display:none !important;
	}

	ul.tabs-content > li.active > div,
	ul.tabs-content > li.active[style] > div
	{
		display:block !important;
	}
}

#products-related
{
	padding-bottom:10px;
}

#products-related h2
{
	margin:0px;
	padding:10px 0px 10px 0px
}

#products-related h4
{
	margin:0px;
	padding:0px;
	font-size:24px;
	color:#5fb1c2;
}

#products-related h5
{
	margin:5px 0px;
	padding:0px;
	line-height:24px;
	font-size:18px;
	font-weight:500;
	color:#888888;
}

#products-related img
{
	float:left;
	margin-right:20px;
	border-radius: 3px;
}

#products-related .gray
{
	float:left;
	padding:10px 20px;
	width:100%;
	background:#f8f8f8;
	box-sizing:border-box;
}

@media screen and (min-width:769px) and (max-width:979px)
{
	#products-related .column.c1of3
	{
		width:50%;
	}

	#products-related .column.c1of3:nth-child(2n+1)
	{
		clear:both;
	}
}


@media screen and (max-width:768px)
{
	#products-related .column.c1of3
	{
		clear:both;
		width:100%;
	}
}

/* PRODUCTS */

#customer-logos .label
{
	float:left;
	padding:7px 30px 7px 0px;
	line-height:21px;
	font-weight:500;
	color:#999999;
}

#customer-logos ul
{
	float:left;
}

#customer-logos ul li
{
	float:left;
	padding:0px 20px;
	line-height:35px;
}

#customer-logos ul li::before
{
	display:none;
}

#customer-logos ul li img
{
	vertical-align:middle;
	opacity:0.5;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition:all 200ms;
}

#customer-logos ul li a:hover img
{
	opacity:1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);	
}

@media screen and (max-width:979px)
{
	#customer-logos
	{
		display:none;
	}
}


#products
{
	overflow:hidden;
	overflow-x:hidden;
	overflow:y:visible;
}

#products .left
{
	clear:left;
	float:left;
	padding:0px 10px 0px 0px;
	width:33.33%;
	box-sizing:border-box;
}

#products .right
{
	float:right;
	padding:0px 0px 0px 10px;
	width:66.66%;
	box-sizing:border-box;
}

#products .gray
{
	clear:both;
	float:left;
	padding:20px;
	width:100%;
	background:#f8f8f8;
	box-sizing:border-box;
}

#products-search form,
#search form
{
	position:relative;
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}

#products-search form input[type="text"],
#search form input[type="text"]
{
	float:left;
	margin:0px;
	padding:15px;
	line-height:16px;
	width:100%;
	font-size:14px;
	color:#cccccc;
	border:1px solid #dddddd;
	border-radius:3px;
	box-sizing:border-box;
	transition:all 200ms;
}

#products-search form input[type="text"]::-webkit-input-placeholder,
#search form input[type="text"]::-webkit-input-placeholder
{
	color:#cccccc;
}

#products-search form input[type="text"]::-moz-placeholder,
#search form input[type="text"]::-moz-placeholder
{
	color:#cccccc;
}

#products-search form input[type="text"]:-ms-input-placeholder,
#search form input[type="text"]:-ms-input-placeholder
{

	color:#cccccc;
}

#products-search form input[type="text"]:-moz-placeholder,
#search form input[type="text"]:-moz-placeholder
{
	color:#cccccc;
}

#products-search form input[type="submit"],
#search form input[type="submit"]
{
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	top:15px;
	right:20px;
	float:right;
	width:17px;
	height:16px;
	line-height:16px;
	text-align:left;
	text-indent:-9999px;
	background: url(/file/1/bg-search.png) no-repeat 0px 0px;
	border:0px;
	transition:all 200ms;
}

#products-search form input[type="text"]:focus,
#products-search form input[type="text"]:hover,
#search form input[type="text"]:focus,
#search form input[type="text"]:hover
{
	color:#999999;
}

#products-search form input[type="text"]:focus + input[type="submit"],
#products-search form input[type="text"] + input[type="submit"]:focus,
#products-search form input[type="text"] + input[type="submit"]:hover,
#search form input[type="text"]:focus + input[type="submit"],
#search form input[type="text"] + input[type="submit"]:focus,
#search form input[type="text"] + input[type="submit"]:hover
{
	opacity: 1;
}


#products-search a.more
{
	display:none;
}

@media screen and (max-width:979px)
{
	#products .left,
	#products .right
	{
		clear:both;
		float:left;
		width:100%;
		padding:0px;
	}

	#products-search form
	{
		margin:0px 0px 20px 0px;
	}

	#products-search a.more
	{
		display:inline-block;
		line-height:29px;
		font-size:16px;
		font-weight:400;
		color:#666666;
	}
}

#products-filter
{
	display:block;
	line-height:20px;
	margin-top:-10px;
	padding:10px;
	font-size:14px;
	color:#dddddd;
	text-align:right;
}

#products-filter a
{
	color:#666666;
	white-space:nowrap;
}

#products-filter a:hover
{
	color:#000000;
	text-decoration:none;
}

#products-filter a.active
{
	color:#7dbecc;
}

#products-filter a.active:hover
{
	color:#50a8be;
}

@media screen and (max-width: 979px)
{
	#products-filter
	{
		margin-top:10px;
		text-align:center;
	}
}


#content .products-list ul li
{
	clear:both;
	float:left;
	margin:10px 0px;
	padding:20px;
	width:100%;
	background:#f8f8f8;
	transition:all 200ms;
	box-sizing:border-box;
}

#content .products-list ul li::before
{
	display:none;
}

#content .products-list ul li .image
{
	float:right;
	padding-left:20px;
	width:33.33%;
	box-sizing:border-box;
}

#content .products-list ul li .image > div
{
	position:relative;
	display:block;
	padding:20px 0px 15px 0px;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:3px;
	box-sizing:border-box;
}

#content .products-list ul li .image > div::before
{
	opacity:0;
	content:' ';
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(255,255,255,0.8);
	border:3px solid #fff;
	border-radius:3px;
	box-sizing:border-box;
	transition:all 400ms;
}

#content .products-list ul li .image > div > div
{
	opacity:0;
	position:relative;
	padding:5px 10px;
	text-align:center;
	transition:all 400ms;
}

#content .products-list ul li .image > div a
{
	color:#777777;
	transition:all 200ms;
}	

#content .products-list ul li .image > div a:hover
{
	color:#50a8be;
	text-decoration:none;
}

#content .products-list ul li .text
{
	float:left;
	width:66.66%;
}

#content .products-list ul li .text h1
{
	margin:0px;
	padding:0px;
	line-height:30px;
	font-size:24px;
	font-weight:500;
	color:#7dbecc;
	transition:all 200ms;
}

#content .products-list ul li .text h1 a
{
	color:#7dbecc;
	transition:all 200ms;
}

#content .products-list ul li .text h2
{
	margin:0px 0px 5px 0px;
	padding:0px;
	line-height:25px;
	font-size:18px;
	font-weight:500;
	color:#888888;
	transition:all 200ms;
}

#content .products-list ul li .text p
{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:16px;
	transition:all 200ms;
}

#content .products-list ul li .text div img
{
	float:left;
	margin:15px 15px 0px 0px;
	transition:all 200ms;
}

#content .products-list ul li:hover,
#content .products-list ul li.open
{
	background:#7dbecc;
}


#content .products-list ul li:hover .image > div::before,
#content .products-list ul li:hover .image > div > div,
#content .products-list ul li.open .image > div::before,
#content .products-list ul li.open .image > div > div
{
	opacity:1;
}

#content .products-list ul li:hover .text h1,
#content .products-list ul li:hover .text h1 a,
#content .products-list ul li:hover .text h2,
#content .products-list ul li:hover .text p,
#content .products-list ul li.open .text h1,
#content .products-list ul li.open .text h1 a,
#content .products-list ul li.open .text h2,
#content .products-list ul li.open .text p
{
	color:#fff;
}

#content .products-list ul li:hover .text div img,
#content .products-list ul li.open .text div img
{
	filter: contrast(0) brightness(200%);
}

@media screen and (max-width:640px)
{
	#content .products-list
	{
		clear:both;
		float:left;
		padding-bottom:10px;
		width:100%;
	}

	#content .products-list ul li
	{
		padding:0px;
	}

	#content .products-list ul li .image
	{
		clear:both;
		float:left;
		width:100%;
		padding:0px;
	}

	#content .products-list ul li .image > div
	{
		/*padding-bottom:53.33%;
		height:0px;*/
		height:160px;
		border-radius:0px;
	}


	#content .products-list ul li .image > div::before
	{
		border:0px;
	}

	#content .products-list ul li .image > div::before,
	#content .products-list ul li .image > div > div
	{
		display:none;
	}

	#content .products-list ul li.open .image > div::before,
	#content .products-list ul li.open .image > div > div
	{
		display:block;
	}

	#content .products-list ul li .text
	{
		clear:both;
		float:left;
		padding:15px 10px 20px 10px;
		width:100%;
		box-sizing:border-box;
	}
}



#sensors,
#compare
{
	font-weight:500;
	color:#666666;
}

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

#sensors ul li
{
	float:left;
	width:50%;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}

#sensors ul li:nth-child(2n+1)
{
	clear:both;
}

#sensors ul > li::before
{
	display:none;
}

#sensors ul li a
{
	display:block;
	width:100%;
	-webkit-filter: grayscale(100%) brightness(75%);
	filter: grayscale(100%) brightness(75%);
	transition:all 200ms;
}

#sensors ul li a:hover,
#sensors ul li.active a
{
	-webkit-filter: grayscale(0%) brightness(100%);
	filter: grayscale(0%) brightness(100%);
	text-decoration:none;
}

#sensors ul li a img
{
	margin:0px 0px 10px 0px;
}

#sensors > .gray > div
{
	margin-top:-20px;
	margin-bottom:10px;
}

#content #sensors a.btn
{
	display:none;
}

@media screen and (max-width: 979px)
{
	#products #sensors
	{
		position:fixed;
		top:0px;
		left:0px;
		z-index:99;
		clear:both;
		float:left;
		margin-left:-100%;
		padding:80px 0px 0px 0px;
		width:100%;
		height:100%;
		background:#f8f8f8;
		transition:all 400ms;
	}

	#products #sensors.open
	{
		margin-left:0%;
	}

	#products #sensors > .gray
	{
		display:block;
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
		clear:both;
		float:left;
		padding:20px 20px 20px 20px !important;
		width:100%;
		height:100%;
		box-sizing:border-box;
	}

	#sensors > .gray > div
	{
		margin-top:0px;
		margin-bottom:10px;
	}

	#content #sensors a.btn
	{
		display:inline-block;
		margin-top:20px;
		width:100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px)
{
	#sensors ul li
	{
		width:25%;
	}

	#sensors ul li:nth-child(4n+1)
	{
		clear:both;
	}
}

@media screen and (min-width: 480px) and (max-width: 767px)
{
	#sensors ul li
	{
		width:33.33%;
	}

	#sensors ul li:nth-child(2n+1)
	{
		clear:none;
	}

	#sensors ul li:nth-child(3n+1)
	{
		clear:both;
	}
}

.filter
{
	z-index:2;
	position:relative;
	display:block;
	margin:10px 0px;
	width:100%;
}

.filter > a
{
	position:relative;
	display:block;
	padding:10px 55px 10px 15px; 
	line-height:30px;
	height:50px;
	font-weight:500;
	color:rgba(255,255,255,0.7);
	background:#999999;
	border-radius:3px;
	box-sizing:border-box;
	transition:all 200ms;
}

.filter > a::after
{
	opacity:0.7;
	content:' ';
	position:absolute;
	top:20px;
	right:15px;
	display:block;
	width:18px;
	height:12px;
	background: url(/file/1/bg-filter.png) no-repeat 0px 0px;
	transition:all 200ms;
}

.filter > a:hover
{
	color:rgba(255,255,255,1);
	text-decoration:none;
}

.filter.open > a
{
	color:rgba(255,255,255,1);
	background:#7dbecc;
}

.filter > a:hover::after,
.filter.open > a::after
{
	opacity:1;
}

.filter > ul
{
	opacity:0;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	top:50px;
	left:0px;
	display:block;
	padding:0px 15px;
	width:100%;
	max-height:0px;
	background:#fff;
	border:1px solid #cccccc;
	border-radius:3px;
	box-sizing:border-box;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
	transition:opacity 200ms, max-height 200ms;
}

.filter.open > ul
{
	opacity:1;
	max-height:240px;
}

.filter > ul > li,
#content .filter > ul > li
{
	padding:5px 15px;
	line-height:20px;
}

.filter > ul > li::before,
#content .filter > ul > li::before
{
	display:none;
}


#content a.btn
{
	display:inline-block;
	padding:20px;
	line-height:25px;
	font-weight:500;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background:#7dbecc;
	box-sizing:border-box;
	transition:all 200ms;
}

#content a.btn.compact
{
	margin-top:10px;
	padding:10px 20px;
}

#content a.btn:hover
{
	text-decoration:none;
	background:#50a8be;
}

#buttons
{
	clear:both;
	float:left;
	padding:10px 0px;
	width:100%;
}

#buttons > div
{
	padding:10px 0px;
}

#buttons > div a.btn
{
	width:100%;
}

@media screen and (min-width: 768px) and (max-width: 979px)
{
	#buttons > div
	{
		float:left;
		width:50%;
		box-sizing:border-box;
	}

	#buttons > div:first-child
	{
		padding-right:10px;
	}

	#buttons > div:last-child
	{
		padding-left:10px;
	}
}

/* CMS DISPLAY */

.pace ~ #container > #header
{
	position:absolute;
	z-index:9;
}

div[data-dr-type="component"]
{
	clear:both;
	float:left;
	width:100%;
}

div[data-dr-type="section"]
{
/*	clear:both;
	float:left;
	width:100%;*/
	min-height:50px;
}

.dr-component
{
	position:relative;
	clear:both;
	float:left;
	width:100%;
}

.dr-sortable-placeholder
{
	clear:both;
	float:left;
	width:100%;
}

/* COMPONENTS */

#title .links
{
	float:right;
	min-height: 25px;
	line-height: 25px;
	padding: 10px 0px;
}

@media screen and (max-width:767px)
{
	#title .links
	{
		float:none;
		padding-bottom:0px;
	}

	#title .links + h1
	{
		margin-top:0px;
	}
}

a.more.small::after
{
	margin-left:10px;
}

.table-container
{
	overflow:auto;
	max-width:100%;
}

.table-container > table
{
	width:100%;
	font-size:18px;
}

.table-container > table > * > tr:nth-child(2n+1) > *
{
	background:#daf5f9;
}

@media screen and (max-width:767px)
{
	.table-container > table > * > tr,
	.table-container > table > * > tr > *
	{
		margin:0px;
		display:block;
		clear:both;
		float:left;
		width:100%;
		box-sizing:border-box;
	}

	.table-container > table > * > tr > *:first-child + *
	{
		padding-top:0px;
	}
}

ul.faq li,
#content ul.faq li
{
	position: static;
	clear:both;
	float:left;
	padding: 20px 0px;
	width:100%;
	line-height: 26px;
	font-size: 16px;
	border-bottom:1px solid #dddddd;
}

ul.faq li::before,
#content ul.faq li::before
{
	display:none;
}

ul.faq li h1
{
	clear:both;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	line-height:28px;
	font-size:18px;
	color:#666666;
}

ul.faq li h1 a
{
	color:#666666;
}

ul.faq li h1 a:hover
{
	color: #50a8be;
	text-decoration:none;
}


ul.faq li h1 a::after
{
	content:'◄';
	float:right;
	display:inline-block;
	padding:5px;
	width:16px;
	height:16px;
	line-height:16px;
	font-size:12px;
	color:#fff;
	text-align:center;
	background:#7dbecc;
	border-radius:3px;
}


ul.faq li.open h1 a:after
{
	content:'▼';
}

ul.faq li > div
{
	clear:both;
	float:left;
	width:100%;
}

ul.faq li > div > *
{
	clear:both;
	float:left;
	margin:0px;
	padding:20px 0px 0px 0px;
	width:100%;
}

h2.line
{
	padding:20px 0px;
	border-bottom:1px solid #dddddd;
}

.gallery-list
{
	clear:both;
	float:left;
	padding: 30px 0px 50px 0px;
	width:100%;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

.gallery-list h1
{
	margin:0px;
	padding:0px 0px 20px 0px;
}

.gallery-list > ul,
#content .gallery-list > ul
{
	margin:0px -5px;
}

.gallery-list > ul li,
#content .gallery-list > ul li
{
	float:left;
	padding: 5px;
	width:25%;
	box-sizing:border-box;
}

.gallery-list > ul li::before,
#content .gallery-list > ul li::before
{
	display:none;
}

.gallery-list > ul li a img
{
	position:relative;
	width:100%;
	vertical-align:bottom;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	transform:scale(1);
	transition: all 200ms;
}

.gallery-list > ul li a:hover img
{
	z-index:2;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	transform:scale(1.1);
}
@media screen and (min-width:768px) and (max-width:979px)
{
	.gallery-list > ul li,
	#content .gallery-list > ul li
	{
		width:33.33%;
	}
}
@media screen and (min-width:480px) and (max-width:767px)
{
	.gallery-list > ul li,
	#content .gallery-list > ul li
	{
		width:33.33%;
	}
}
@media screen and (max-width:479px)
{
	.gallery-list > ul li,
	#content .gallery-list > ul li
	{
		width:50%;
	}
}


ul.article-list > li,
#content ul.article-list > li
{
	position: relative;
	clear:both;
	float:left;
	margin:30px 0px;
	padding: 0px;
	width:100%;
	min-height:200px;
}

ul.article-list > li::before,
#content ul.article-list > li::before
{
	display:none;
}

ul.article-list > li a:hover
{
	color:#000;
	text-decoration:none;
}

ul.article-list > li .image
{
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:32%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

ul.article-list > li .text
{
	float:right;
	padding:10px 0px 10px 25px;
	width:100%;
}

ul.article-list > li .image + .text
{
	padding:10px 0px 10px 25px;
	width:68%;
	box-sizing:border-box;
}

ul.article-list > li .text .date
{
	line-height:22px;
	font-size:14px;
	color:#777777;
}

ul.article-list > li .text h1
{
	margin:0px;
	padding:10px 0px;
	font-weight:700;
}

ul.article-list > li .text p
{
	margin:0px;
	padding:0px;
}

@media screen and (min-width: 768px) and (max-width: 979px)
{
	ul.article-list > li .image
	{
		width:40%;
	}

	ul.article-list > li .image + .text
	{
		padding:10px 0px 10px 25px;
		width:60%;
	}
}

@media screen and (max-width: 767px)
{
	ul.article-list > li,
	#content ul.article-list > li
	{
		position:static;
	}

	ul.article-list > li .image
	{
		clear:both;
		position:static;
		width:100%;
		height:200px;
	}

	ul.article-list > li .image + .text
	{
		padding:10px 0px 10px 0px;
		width:100%;
	}
}


.article-item
{
	padding:30px 0px;
}

.article-item .date
{
	line-height:22px;
	font-size:14px;
	color:#777777;
}

.article-item h1
{
	margin:0px;
	padding:10px 0px;
	font-weight:700;
}

.form
{
	clear:both;
	float:left;
	margin:50px 0px;
	width:100%;
}

.form input[type="text"],
.form input[type="email"]
{
	padding:15px 20px;
	width:100%;
	height:50px;
	line-height20px;
	font-size:18px;
	color:#666666;
	background:#ddd;
	border-radius:5px;
	border:0px;
	box-sizing:border-box;
}

.form textarea
{
	padding:15px 20px;
	width:100%;
	height:170px;
	line-height20px;
	font-size:18px;
	color:#666666;
	background:#ddd;
	border-radius:5px;
	border:0px;
	box-sizing:border-box;
}

.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form textarea:focus
{
	color:#000;
}

.form input[type="submit"].btn
{
	cursor:pointer;
	width:100%;
	max-width:300px;
	height:67px;
	font-size:18px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background:#7cbecc;
	border:0px;
}

.form input[type="submit"].btn:hover
{
	background:#000;
}

.form .error
{
	font-weight:bold;
	font-size:18px;
	color:#d00;
}

.form .error-details
{
	color:#d00;
}

#content .products-list ul li .text div img
{
	width:37px;
	-webkit-filter: grayscale(100%) brightness(75%);
	filter: grayscale(100%) brightness(75%);
}

.product-title ul li img
{
	width:25px;
	-webkit-filter: grayscale(100%) brightness(75%);
	filter: grayscale(100%) brightness(75%);
}

#content .gallery .list ul li img
{
	vertical-align:bottom;
}

#content ul li > p:first-child:last-child
{
	margin:0px;
	padding:0px,
}

#container > #header + .container 
{
	overflow:hidden;
}

#container > #header + .container.nobanner {
	height: 78px;
	background:#fff;
	border-bottom: 7px solid #75bfcb;
}

input[type="submit"].button
{
	cursor:pointer;
	display:inline:block;
	padding: 10px 15px;
	height: 45px;
	line-height: 25px;
	color: #fff;
	font-size:16px;
	text-transform: uppercase;
	background: #7dbecc;
	border:0px;
	border-radius: 5px;
}

input[type="submit"].button:focus,
input[type="submit"].button:hover
{
	background:#50a8be;
}


#compare-list,
#compare-list > div
{
	clear:both;
	float:left;
	width:100%;
	box-sizing:border-box;
}

#compare-list > div:first-child
{
	margin-top:20px;
	padding:20px;
	background:#f8f8f8;
}

#compare-list ul
{
	margin-top:10px;
}

#compare-list ul > li
{
	padding:5px 5px;
	line-height:20px;
	font-size:16px;
}

#compare-list ul > li:nth-child(2n+0)
{
	background:#f2f2f2;
}

#compare-list ul > li::before
{
	display:none;
}

#compare-list ul > li a.remove
{
	float:right;
	font-weight:bold;
	color:#d00;
}

#compare-list ul > li a.remove:hover
{
	text-decoration:none;
}

#compare-list > div ~ div > a.btn
{
	width:100%;
	text-align:center;
	color:#fff;
	background:#999999;
}

#compare-list > div ~ div > a.btn:hover
{
	background:#999999;
}

/* TABLE COMPARE */



#compare-small
{
	float:right;
	width:316px;
}

#compare-small + *
{
	clear:both;
}

.table-container > table#compare-items
{
	width:auto;
	min-width:100%;
}

.table-container > table#compare-items > * > tr:nth-child(2n+1) > *
{
	background:none;
}

.table-container > table#compare-items > * > tr.alt > *
{
	background:#daf5f9;
}

.table-container > table#compare-items > * > tr > *
{
	padding:5px;
	text-align:left;
	vertical-align:top;
	min-width:296px;
}

.table-container > table#compare-items > thead > tr > *
{
	vertical-align:bottom;
}

.table-container > table#compare-items > * > tr > #compare-small
{
	font-size:16px;
	font-weight:normal;
}

.table-container > table#compare-items > * > tr > #compare-small .filter
{
	margin:0px;
}

.table-container > table#compare-items a.remove
{
	margin:0px 0px 0px 5px;
	font-weight:bold;
	color:#d00;
}

.table-container > table#compare-items a.remove:hover
{
	text-decoration:none;
}

@media screen and (max-width:767px)
{
	#compare-small
	{
		width:100%;
	}

	.table-container > table#compare-items > * > tr > *::before
	{
		display:inline;
		content:'X) ';
		color:#7dbecc;
	}

	.table-container > table#compare-items > thead > tr > *::before
	{
		color:#555;
	}

	.table-container > table#compare-items > * > tr > *:first-child::before
	{
		display:none;
	}

	.table-container > table#compare-items > * > tr > *:first-child + *::before
	{
		content:'1) ';
	}

	.table-container > table#compare-items > * > tr > *:first-child + * + *::before
	{
		content:'2) ';
	}
	.table-container > table#compare-items > * > tr > *:first-child + * + * + *::before
	{
		content:'3) ';
	}
	.table-container > table#compare-items > * > tr > *:first-child + * + * + * + *::before
	{
		content:'4) ';
	}
	.table-container > table#compare-items > * > tr > *:first-child + * + * + * + * + *::before
	{
		content:'5) ';
	}
	.table-container > table#compare-items > * > tr > *:first-child + * + * + * + * + * + *::before
	{
		content:'6) ';
	}
	.table-container > table#compare-items > * > tr > *:first-child + * + * + * + * + * + * + *::before
	{
		content:'7) ';
	}
	.table-container > table#compare-items > * > tr > *:first-child + * + * + * + * + * + * + * + *::before
	{
		content:'8) ';
	}
	.table-container > table#compare-items > * > tr > *:first-child + * + * + * + * + * + * + * + * + *::before
	{
		content:'9) ';
	}
	.table-container > table#compare-items > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + *::before
	{
		content:'10) ';
	}
}



#content .gallery .image img
{
	cursor:pointer;
}

#content .gallery .image
{
	position:relative;
}

#content .gallery .image a::after
{
	opacity:0;
	cursor:pointer;
	position:absolute;
	bottom:35px;
	right:15px;
	display:block;
	content:' ';
	height:34px;
	width:34px;
	background:url(/file/1/search.svg) no-repeat center center;
	background-size:contain;
	transition:opacity 200ms;
}

#content .gallery .image a:hover::after
{
	opacity:1;
}


@media screen and (min-height:640px) and (min-width: 980px)
{
	#banner
	{
		height:calc(100vh - 120px);
	}
}

.req
{
	color:#d00;
}

.required::after
{
	content:'*';
	margin:0px 0px 0px 5px;
	color:#d00;
}

#form > .row > .column > .row:first-child > .column
{
	padding-top:0px;
}

#form > .row > .column > .row:last-child > .column
{
	padding-bottom:0px;
}

#form .column.required
{
	position:relative;
}

#form .column.required::after
{
	position:absolute;
	display:block;
	margin:0px;
	content:'*';
	top:26px;
	right:25px;
	color:#d00;
	font-weight:bold;
}

#form h2
{
	padding:10px 0px;
	border-bottom:5px solid #f2f2f2;
}

#form .line
{
	clear:both;
	float:left;
	margin:20px 0px;
	width:100%;
	height:1px;
	background:#f2f2f2;
}

@media screen and (min-width:980px)
{
	.row.relative
	{
		position:relative;
		clear:both;
		float:left;
		width:960px;
	}

	.row.relative > .c1of2.features
	{
		position:absolute;
		bottom:172px;
		right:0px;
	}
}

/* BUTTON */

#content  .btn-container a.btn
{
	margin: 0px 5px;
	padding: 10px 15px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	text-transform: uppercase;
	background: #7dbecc;
	border-radius: 5px;
	box-sizing:content-box;
}

#content  .btn-container a.btn:hover
{
	background: #50a8be;
	text-decoration: none;
}

@media screen and (min-width:980px)
{
	.btn-space
	{
		padding-bottom:55px;
	}

	.btn-container
	{
		position:relative;
	}

	.btn-container > .column
	{
		position:absolute;
		top:-146px;
		right:190px;
		float:right;
		/*width:50%;*/
		/*text-align:right;*/
	}

}

/* QUOTE POPUP */

#product-quote-popup h2,
#accessory-quote-popup h2
{
	margin:0px;
	padding:8px 0px;
	line-height:30px;
}

#product-quote-popup h3,
#accessory-quote-popup h3
{
	margin:0px;
	padding:8px 0px;
	line-height:30px;
	font-weight:normal;
       font-size: 20px;
}

#product-quote-popup h3 a,
#accessory-quote-popup h3 a
{
	font-weight:bold;
}

#product-quote-popup h4,
#accessory-quote-popup h4
{
	margin:0px;
	padding:0px;
       font-size: 20px;
}

.form select
{
	padding:15px 20px;
	width:100%;
	height:50px;
	font-size:18px;
	color:#666666;
	background:#ededed;
	border:0px;
	border-radius: 5px;
	box-sizing:border-box;
	background-position: center center;
}

.accessories > .row:nth-child(2n+1) > .column
{
	background:#fAfAfA;
}


/* QUOTE BASKET */

#quote-basket-products a.remove,
#quote-basket-accessories a.remove
{
	font-weight:bold;
	color:#d00;
}

#quote-basket-products a.remove:hover,
#quote-basket-accessories a.remove:hover
{
	text-decoration:none;
}

#quote-basket-products tr:nth-child(2n+0) td,
#quote-basket-accessories tr:nth-child(2n+0) td
{
	background:#f8f8f8;
}

#quote-basket-products input[type="text"],
#quote-basket-accessories input[type="text"]
{
	text-align:center;
}

/* CART UPDATE */

#header ul#shortcuts li.cart
{
	position:relative;
}

#header ul#shortcuts li.cart > span
{
	cursor:pointer;
	display:block;
	position:absolute;
	right:-6px;
	top:-6px;
	width:16px;
	height:16px;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#50a0b6;
	border:1px solid #fff;
	border-radius:50%;
	transition:color 200ms;
}

@media screen and (max-width:980px)
{
	#header ul#shortcuts li.cart > span
	{
		right:-10px;
		top:-10px;
		width:20px;
		height:20px;
		line-height:20px;
	}
}

/* MESSAGE */

.container.popup
{
	z-index:99;
	position:fixed;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	background:rgba(255,255,255,1)
	
}

a.btn.close
{
	display:inline-block;
	padding:25px 0px;
	width: 100%;
	max-width: 300px;
	height: 67px;
	line-height:17px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: #7cbecc;
	box-sizing:border-box;
}

a.btn.close:hover
{
	text-decoration:none;
	background: #000;
}

/* SENSORS FILTER */

#sensors-filter,
#category-filter
{
	font-weight:500;
	color:#666666;
}

#sensors-filter div.upper,
#category-filter div.upper,
#animal-filter div.upper
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#sensors-filter ul,
#category-filter ul
{
	clear:both;
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	list-style:none;
}

#sensors-filter ul li,
#category-filter ul li
{
	float:left;
	width:50%;
	padding:10px;
	text-align:center;
	box-sizing:border-box;
}

#sensors-filter ul li:nth-child(2n+1),
#category-filter ul li:nth-child(2n+1)
{
	clear:both;
}

#sensors-filter ul > li::before,
#category-filter ul > li::before
{
	display:none;
}

#sensors-filter ul li input,
#category-filter ul li input
{
	display:none;
}

#sensors-filter ul li label,
#category-filter ul li label
{
	cursor:pointer;
	display:block;
	width:100%;
	color:#7dbecc;
	-webkit-filter: grayscale(100%) brightness(75%);
	filter: grayscale(100%) brightness(75%);
	transition:all 200ms;
}

#sensors-filter ul li label:hover,
#sensors-filter ul li input:checked + label,
#category-filter ul li label:hover,
#category-filter ul li input:checked + label
{
	-webkit-filter: grayscale(0%) brightness(100%);
	filter: grayscale(0%) brightness(100%);
	text-decoration:none;
}

#sensors-filter ul li label img,
#category-filter ul li label img
{
	margin:0px 0px 10px 0px;
}

#animal-filter select
{
	padding:10px 10px;
	width:100%;
	font-size:18px;
	box-sizing:border-box;
}

@media screen and (min-width: 768px)
{

	.fancybox-slide--iframe .fancybox-content[style]
	{
		max-height:480px !important;
		max-width:480px !important;
	}
}


td.image
{
	position:relative;
}

td.image > span
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}




ul#banner-arrows
{
	overflow:visible;
	position:absolute;
	margin:-15px 0px 0px 0px;
	padding:0px 100px;
	width:100%;
	height:0px;
	list-style:none;
	top:50%;
	box-sizing:border-box;
}

ul#banner-arrows li
{
	float:left;
}

ul#banner-arrows li a
{
	overflow:hidden;
	display:block;
	width:20px;
	height:35px;
	text-indent:-9999px;
	background: url(/file/1/bg-paging-white.png) no-repeat center left;
}

ul#banner-arrows li.next
{
	float:right;
}

ul#banner-arrows li.next a
{
	right:100px;
	background-position: center right;
}

@media screen and (max-width: 979px)
{
	ul#banner-arrows
	{
		top:auto;
		bottom:60px;
		padding:0px 15px;
	}
}

.search-result
{
	margin:10px 0px;
	padding:20px 20px;
	background:linear-gradient(#f8f8f8,#f2f2f2);
}

.search-title a
{
	font-size:20px;
	font-weight:bold;
}

.search-path a
{
	font-size:12px;
	color:#666;
}

#search .search-form
{
	display:block;
	margin:20px 0 20px 0px;
}

#search + p
{
	margin:20px 20px;
}


/* SPECIAL */


.special
{
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #dddddd;
}

.special h1
{
	line-height:37px;
	font-size:34px;
	color:#fff;
	text-transform:uppercase;
}

.special p
{
	font-size:20px;
}

.special img
{
	position:absolute;
	bottom:0px;
	left:50%;
	max-height:100%;
	vertical-align:bottom;
}

@media screen and (max-width: 767px)
{
	.special img
	{
		position:static;
		bottom:0px;
		left:0%;
		max-height:auto;
		max-width:100%;
		margin-bottom:-20px;
	}
}

#type-filter div.upper
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#type-filter select
{
	padding: 10px 10px;
	width: 100%;
	font-size: 18px;
	box-sizing: border-box;
}