@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700&subset=latin-ext);

.mfp-close {
	font-size: 58px;
}

.btn-primary {
	background-color: #008fd5;
	border-color: transparent;
}

.btn-default {
	background-color: #fff;
	color: #008fd5;
	border-color: transparent;
}

a.btn:hover {
	text-decoration: underline;
}

body {
	font-family: "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-top: 55px;
	position: relative;
	padding-bottom: 501px;
}

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

#content {
	position: relative;
	z-index: 100;
	background-color: #fff;
	padding-bottom: 3em;
}

nav.navbar-default {
	background-color: #fff;
	height: 55px;
	border-bottom: 1px solid #eaeaea;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 5px 8px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 5px 8px 0px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
	height: 55px;
	line-height: 55px;
	margin-right: 7%;
	padding: 12px;
}

.navbar-nav > li > a {
	color:#a0a09f;
	line-height: 24px;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover {
	background-color: #fff;
	color: #008bd2;
}

.navbar-collapse.in {
	background-color: rgba(255, 255, 255, 0.8);
}

#navbar .badge {
	font-size: 10px;
	padding: 3px 5px;
	position: relative;
	top: -2px;
}

#navbar-lang {
	margin-top: -55px;
	margin-right: 10px;
}

.carousel-indicators {
	bottom: -20px;
}

#section-1 {
	background-color: #f0f0f0;
	padding-bottom: 80px;
	padding-top: 80px;
}


#carousel-hp .carousel-caption {
	bottom: -10px;
}

/*#carousel-hp .carousel-inner > .item {
    -webkit-transition: 1.2s ease-in-out left;
    -moz-transition: 1.2s ease-in-out left;
    -o-transition: 1.2s ease-in-out left;
    transition: 1.2s ease-in-out left;
}
*/
#carousel-hp .carousel-indicators {
	bottom: 90px; /* 40 */
}

#carousel-hp a.play {
	display: block;
	border: none;
	position: absolute;
	z-index: 1000;
	left: 50%;
	bottom: 106px;
	width: 22px;
	height: 22px;
	text-align: center;
	color: #008fd5;
	margin-left: -70px;
	opacity: 0.6;
	font-size: 20px;
}

.carousel-indicators li {
	/*background-color: rgba(255, 255, 255, 0.5);*/
	border: 3px solid #008fd5;
	background-color: none;
	width: 20px;
	height: 20px;
	opacity: 0.6;
}

.carousel-indicators .active {
	border: 3px solid #008fd5;
	background-color: #008fd5;
	width: 20px;
	height: 20px;
	margin: 1px;
}

#waterproof {
	display: block;
	position: relative;
	min-height: 700px;
}

 #waterproof .feature {
	background: url(../img/bg-wilgoc-2017.jpg) top center no-repeat;
	width: 100%;
	height: 695px;
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}

#waterproof .feature .description {
	/*background: url(../img/bg-wilgoc-txt.png) 0 50% no-repeat;*/
	color: #666;
	width: 100%;
	height: 100%;
	display: block;
	font-weight: 300;
	position: absolute;
	top: 0px;
}

#waterproof .feature .description .text {
	max-width: 457px;
	padding-right: 10px;
	display: block;
	font-weight: 300;
	position: absolute;
	top: 243px;
}


#waterproof .feature .description h2 {
	font-weight: 300;
	margin-top: 0;
	/*border-bottom: 1px solid #67bce5;*/
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#standard-noclaf {
	display: block;
	position: relative;
}

#standard-noclaf .feature-grid {
	margin-top: 55px;
}

#standard-noclaf .feature-grid h1 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-top: 0;
	max-width: 365px;
}

#standard-noclaf .feature-grid div.row {
	margin-top: 40px;
}

#standard-noclaf .feature-grid div.row div {
	padding-top: 15px;
}

#standard-noclaf .feature-grid div.row div h4 {
	color: #008fd5;
	margin-bottom: 37px;
	margin-top: 23px;
	font-size: 15px;
	height: 1.4em;
}

#standard-noclaf .feature-grid div.row div h4 a {
	color: #008fd5;
}

#standard-noclaf .feature-grid div.row div p {
	font-weight: 300;
}

#standard-noclaf .feature-grid div.row div.ethic-code {
	border: 2px solid #008fd5;
}

#standard-noclaf .feature-grid div.row div.hover-border {
	border: 2px solid transparent;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

#standard-noclaf .feature-grid div.row div.hover-border:hover {
	border: 2px solid #008fd5;
/*	padding-left: 13px;
	padding-right: 13px;
	padding-top: 13px;
*/}

#standard-noclaf .feature-grid div.row p a {
	color: #333;
}

#standard-noclaf .feature-grid div.row p a:hover {
	text-decoration: none;
}

#gallery {
	margin-top: 55px;
}

#gallery h1 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 24px;
	margin-top: 0;
	max-width: 365px;
}

#gallery div.item {
	padding: 0;
}

#gallery div.item a {
	display: block;
	position: relative;
}

#gallery div.item img {
	width: 100%;
}

#gallery div.item a span {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 20px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	-ms-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

#gallery div.item a:hover span {
	visibility: visible;
	opacity: 1;
}

#how-to-order {
	background-color: #5e8292;
	padding-top: 55px;
	margin-top: 55px;
}

#how-to-order h1 {
	color: #fff;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #a3a3a3;
	padding-bottom: 8px;
	margin-bottom: 24px;
	margin-top: 0;
	max-width: 365px;
}

#how-to-order img {
	margin-bottom: -2em;
}

#how-to-order ul li {
	color: #fff;
	margin-bottom: 1em;
}

#how-to-order ul {
	padding-left: 1em;
}

#news {
	margin-top: 55px;
}

#news h1 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 24px;
	margin-top: 0;
	max-width: 365px;
}

#news h3 {
	font-size: 26px;
	line-height: 27px;
	font-weight: 300;
}

#news h3 a {
	color: #828282;
	display: block;
	height: 2.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}

#news .news p {
	color: #606060;
	margin-top: 2em;
	min-height: 4.5em;
}

#news .news a img {
	margin-top: 30px;
}

footer {
	background-color: #888687;
	padding: 55px 0;
	margin-top: 55px;
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	z-index: 1;
}

footer h5 {
	color: #fff;
	border-bottom: 1px solid #9c9a9b;
	max-width: 271px;
	padding-bottom: 8px;
	margin-bottom: 22px;
	margin-top: 30px;
}

footer p, footer p a, footer ul li a {
	color: #fff;
}

footer p a:hover, footer ul li a:hover {
	color: #fff;
}

footer .disclaimer {
	margin-top: 55px;
}

footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	footer ul li {
		padding: 0;
		margin: 0;
		margin-bottom: 10px;
	}


/* -  breadcrumbs - */
.breadcrumb {
	background: none;
	font-size: 18px;
}

.breadcrumb a {
	color: #ababab;
}

.breadcrumb span {
	color: #008fd5;
}

.breadcrumb > li + li::before {
	content: " » ";
}


/* - /breadcrumbs - */

/* -  help menu - */
.help-menu {
	display: block;
	position: fixed;
	right: -318px;
	width: 317px;
	height: auto;
	top: 100px;
	z-index: 1000;
	-webkit-transition: .45s ease-in-out;
	-moz-transition: .45s ease-in-out;
	-ms-transition: .45s ease-in-out;
	-o-transition: .45s ease-in-out;
	transition: .45s ease-in-out;
}

.help-menu.expanded {
	right: 0;
}

.help-menu a.btn-help {
	display: block;
	width: 55px;
	height: 55px;
	background: url(../img/btn-pomoc.png) 0 0 no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: -58px;
	outline: none;
}

.help-menu .menu-content {
	display: block;
	width: 100%;
}

	.help-menu .menu-content ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.help-menu .menu-content ul li a {
		color: #fff;
		display: block;
		width: 100%;
		background-color: #888686;
		line-height: 22px;
		font-size: 22px;
		text-align: center;
		padding: 18px 0;
		margin-bottom: 1px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

	}

	.help-menu .menu-content ul li a:hover {
		background-color: #008fd5;
		color: #fff;
		text-decoration: none;
	}


/* - /help menu - */

/* -  section categories */
section.categories {
	margin-top: 38px;
}

	section.categories div.container {
		padding: 0;
	}

	section.categories div.category, section.categories div.product {
		margin-bottom: 28px;
	}

	section.categories div.category a {
		display: block;
	}

	section.categories a div.category h3, section.categories div.category h3, section.categories div.product h3 {
		color: #595959;
		font-size: 18px;
		font-weight: 300;
		border-bottom: 1px solid #595959;
		padding-bottom: 15px;
		margin-top: 0;
		transition: color .25s ease-in-out;
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		transition: border-color .25s ease-in-out;
		-moz-transition: border-color .25s ease-in-out;
		-webkit-transition: border-color .25s ease-in-out;
		height: 2.5em;
		overflow: hidden;
		text-overflow: ellipsis;

	}

	section.categories a:hover div.category h3, section.categories div.category.choosen h3 {
		border-bottom: 3px solid #008fd5;
		color: #008fd5;
		padding-bottom: 13px;
	}

	section.categories h4 {
		color: #008fd5;
		font-size: 18px;
		font-weight: 400;
		/*border-bottom: 1px solid #595959;*/
		padding-bottom: 6px;
		margin-top: 70px;
		margin-bottom: 10px;
		margin-left: 15px;
		margin-right: 15px;
	}

		section.categories h4 a {
			background-color: #008fd5;
			color: #fff;
			display: inline-block;
			font-size: 16px;
			font-weight: 500;
			margin-left: 20px;
			padding: 7px 10px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

		section.categories div.product {
			text-align: center;
		}

		section.categories div.product a.btn {
			background-color: #008fd5;
			border: none;
			color: #fff;
			display: inline;
			font-size: 16px;
			font-weight: 500;
			padding: 7px 10px;
			position: relative;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			margin: 0 auto;
		}

		section.categories div.product h3 {
			text-align: left;
		}

		section.categories div.product a.zoom {
			display: block;
			position: relative;
		}

		section.categories div.product a.zoom:hover {
			background: url(../img/ico-magnifier.png) 50% 50% no-repeat;
		}

		section.categories div.product a.zoom img {
			opacity: 1;
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-ms-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}

		section.categories div.product a.zoom:hover img {
			opacity: 0.5;
		}

/* - /section categories */

/* -  section product */
section.product {
	margin-top: 38px;
	color: #989898;
}

	section.product div.container {
		padding: 0;
	}

	section.product div.container .description {
		font-size: 18px;
		margin-bottom: 20px;

	}

	section.product div.container .features {
		margin-left: 15px;
		margin-right: -15px;
		margin-bottom: 1em;
	}

	section.product div.container .features .feature {
		display: block;
		font-size: 18px;
		margin-bottom: 4px;
		margin-top: 4px;
	}

		section.product div.container .features .feature span.ask {
			display: none;
		}


	section.product div.container .features .feature label {
		color: #989898;
		/*margin-right: 10%;*/
		text-align: right;
		font-weight: 300;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	section.product div.container .features .feature input {
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	section.product div.container .features .feature:hover label, section.product div.container .features .feature:hover input {
		color: #008fd5;
	}

	section.product div.container .features .feature span {
		color: #595959;
	}

	section.product a.btn-reset {
		background-color: #828282;
		border: none;
		color: #fff;
		display: inline;
		font-size: 16px;
		font-weight: 500;
		padding: 7px 10px;
		position: relative;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin: 0 auto;
	}

	section.product a.btn, section.product button.btn {
		background-color: #008fd5;
		border: none;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		font-weight: 500;
		padding: 7px 10px;
		position: relative;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin: 0 auto;
	}

	section.product button.btn:hover {
		text-decoration: underline;
	}

	section.product a.btn span {
		color: #fff !important;
	}

	section.product a.btn.rounded {
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border-radius: 18px;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	section.product a.btn.rounded:hover {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	section.product textarea {
		margin: 1em 0;
	}

	section.product div.image {
		position: relative;
	}

	section.product div.image div.socials {
		display: block;
		position: absolute;
		bottom: 50%;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		text-align: center;
		z-index: 1000;
	}

	section.product div.image.show-socials div.socials {
		opacity: 1;
		visibility: visible;
	}

	div.socials a {
		margin: 0 9px;
		-webkit-transition: .15s ease-in-out;
		-moz-transition: .15s ease-in-out;
		-ms-transition: .15s ease-in-out;
		-o-transition: .15s ease-in-out;
		transition: .15s ease-in-out;
	}

	div.socials a:hover {
		transform:scale(0.85);
		-webkit-transform:scale(0.85);
		-moz-transform:scale(0.85);
		-o-transform:scale(0.85);
	}

	section.product div.image img {
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	section.product.customized div.image img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	}

	section.product div.image.show-socials img {
		opacity: 0.6;
	}

	section.product div.attachments {
		margin-top: 30px;
	}

	section.product div.attachments div.MultiFile-label {
		line-height: 12px;
		margin-bottom: 1em;
	}

	section.product div.attachments div.MultiFile-label a.MultiFile-remove {
		background: url(../img/btn-delete-sml.png) 0 0 no-repeat;
		display: inline-block;
		width: 11px;
		height: 11px;
		margin-right: 11px;
		text-indent: -9999px;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-ms-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
		outline: none;
	}

	section.product div.attachments div.MultiFile-label a.MultiFile-remove:hover {
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
	}

	section.product div.attachments a.info {
		background: url(../img/ico-info.png) 0 0 no-repeat;
		display: inline-block;
		float: right;
		width: 29px;
		height: 29px;
		/*line-height: 2em;*/
		margin-right: 1em;
		margin-top: 4px;
		text-indent: -9999px;
		outline: none;
	}
/* - /section product */



/* -  section wishlist */
section.wishlist {
	margin-top: 38px;
	color: #989898;
}

	section.wishlist div.container {
		padding: 0;
	}

	section.wishlist div.container div.list {
		border-right: 2px solid #f3f2f2;
	}

	section.wishlist div.container div.list div.item {
		border-bottom: 1px solid #f1f1f1;
		padding-bottom: 0px;
		margin-bottom: 30px;
	}

		section.wishlist div.container div.list div.item div.controls {
			padding-top: 50px;
			text-align: left;
		}

			section.wishlist div.container div.list div.item div.controls a.btn-remove {
				background: url(../img/btn-delete.png) 50% 50% no-repeat;
				display: inline-block;
				width: 30px;
				height: 30px;
				text-indent: -9999px;
				outline: none;
			}

		section.wishlist div.container div.list div.item a.category {
			color: #008bd2;
			font-size: 15px;
		}

		section.wishlist div.container div.list div.item strong.symbol {
			color: #595959;
			font-size: 15px;
			font-weight: 500;
		}

		section.wishlist div.container div.list div.item a.product {
			color: #595959;
			display: block;
			font-size: 25px;
			font-weight: 600;
			margin-top: 1em;
		}

		section.wishlist div.container div.list div.item span.attachments {
			background: url(../img/ico-attachment.png) 0 0 no-repeat;
			color: #888686;
			display: inline-block;
			font-size: 15px;
			font-weight: 600;
			width: 39px;
			height: 30px;
			text-align: right;
			padding-top: 10px;
			padding-right: 2px;

		}

		section.wishlist div.container div.list div.item span.comments {
			background: url(../img/ico-comment.png) 0 0 no-repeat;
			color: #888686;
			display: inline-block;
			margin-left: 16px;
			width: 29px;
			height: 29px;
		}

		section.wishlist div.container div.list div.item a.btn-back {
			background-color: #008fd5;
			color: #fff;
			display: inline-block;
			font-size: 11px;
			font-weight: 600;
			text-align: left;
			margin-top: 14px;
			padding: 6px;
			overflow: none;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

		section.wishlist div.container div.actions a {
			background-color: #008fd5;
			font-size: 20px;
			color: #fff;
			display: block;
			width: 100%;
			height: 87px;
			line-height: 87px;
			text-align: center;
			vertical-align: middle;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			margin-bottom: 4px;
		}


		section.wishlist div.container div.actions a.multiline {
			line-height: 1em;
			padding-top: 23px;
		}
		section.wishlist div.container div.actions a.alt {
			background-color: #1759a5;
		}


/* - /section wishlist */

/* -  section contact */
section.contact div.container {
	margin-top: 38px;
	padding:0;
}

section.contact h1 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 100px;
	margin-top: 0;
	margin-left: 15px;
	max-width: 365px;
}

section.contact button, div.work-form button {
	background-color: #008fd5;
	border: none;
	color: #fff;
	display: inline;
	font-size: 16px;
	font-weight: 500;
	padding: 7px 10px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto;
}

section.contact input, section.contact textarea {
	background-color: #f8f8f8;
}

section.contact input:focus, section.contact textarea:focus {
	background-color: #fff;
}

/*section.contact input, */section.contact .map {
	padding: 20px 0;
}

section.contact img.contact-tester {
	margin-top: -70px;
}
/* - /section contact */

/* -  section kastomizacja */
section.kastomizacja div.container {
	margin-top: 38px;
	padding:0;
}

section.kastomizacja h3 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 40px;
	margin-top: 60px;
	margin-left: 15px;
	max-width: 365px;
}

section.kastomizacja div.row {
	margin-left: 0;
	margin-right: 0;
}

section.kastomizacja div.item {
	padding-bottom: 20px;
}

/* -  /section kastomizacja */

/* -  section download */
section.download div.container {
	margin-top: 38px;
	padding:0;
	margin-bottom: 50px;
}

section.download h1 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 50px;
	margin-top: 0;
	margin-left: 15px;
	max-width: 365px;
}

section.download h2 {
	color: #595959;
	font-size: 24px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 50px;
	margin-top: 30px;
	margin-left: 15px;
	max-width: 365px;
}

section.download div.file-list {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	margin-bottom: 60px;
}

section.download div.file-list div.item {
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	display: inline-block;
	padding-top: 16px;
	padding-left: 120px;
	min-height: 120px;
	vertical-align: bottom;
}

section.download div.file-list div.item div {
	color: #595959;
	font-size: 20px;
	font-weight: 500;
	/*padding-top: 60px;*/

	position: relative;
	display: block;
	height: 5em;

}

section.download div.file-list div.item div a.btn {
	background-color: #008fd5;
	border: none;
	color: #fff;
/*	display: inline;
	float: right;
*/	font-size: 16px;
	font-weight: 500;
	padding: 7px 10px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto;

	display: block;
	position: absolute;
	bottom: 5px;
	right: 0;

}


section.download div.file-list div.item.pdf {
	background: url(../img/ico-pdf.png) 0 50% no-repeat;
}

section.download div.file-list div.item.doc {
	background: url(../img/ico-doc.png) 0 50% no-repeat;
}

section.download div.file-list div.item.xls {
	background: url(../img/ico-xls.png) 0 50% no-repeat;
}

/* - /section download */

/* -  section news */
section.news div.container {
	margin-top: 38px;
	padding:0;
}

section.news h1 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 36px;
	margin-top: 0;
	margin-left: 15px;
	max-width: 365px;
}

section.news h2 {
	color: #595959;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 36px;
	margin-top: 0;
	margin-left: 15px;
}

section.news div.news-content {
	margin: 0 15px;
   -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

section.news div.news-content p {
	color: #272727;
	font-size: 14px;
	font-weight: 300;
}

/* - section work */

/* -  section news */
section.work div.container {
	margin-top: 38px;
	padding:0;
}

section.work div.work-form {
	margin-top: 3em;
}

section.work h1 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 36px;
	margin-top: 0;
	margin-left: 15px;
	max-width: 365px;
}

section.work div.work-form h1 {
	margin-left: 0;
	max-width: none;
}


section.work h2 {
	color: #595959;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 36px;
	margin-top: 0;
	margin-left: 15px;
}

section.work div.work-content {
	margin: 0 15px;
    margin-bottom: 4em;
   -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
}

section.work div.work-content p {
	color: #272727;
	font-size: 14px;
	font-weight: 300;
}

section.work h3 {
	font-size: 26px;
	line-height: 27px;
	font-weight: 300;
}

section.work h3 a {
	color: #828282;
}

section.work .position {
	margin-left: 15px;
	margin-right: -15px;
}

section.work .position p {
	color: #606060;
	margin-top: 2em;
}

section.work .position a img {
	margin-top: 30px;
}

/* - /section work */

@media (min-width: 1920px) {
	#carousel-hp .carousel-inner > .item img {
		width: 100%;
	}
}

@media (max-width: 767px) {
	section.news div.news-content {
	   -webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	}
}

@media (max-width: 480px) {
	section.news div.news-content {
	   -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	}

	#waterproof {
		min-height: 0;
	}

	#waterproof .feature {
		height: auto;
		background: none;
	}

	#waterproof .feature .description {
	}

	#waterproof .feature .description {
		background-color: #008FD5;
		color: #fff;
		width: 100%;
		height: 100%;
		display: block;
		font-weight: 300;
		position: relative;
	}

	#waterproof .feature .description .text {
		max-width: auto;
		padding-right: 10px;
		display: block;
		font-weight: 300;
		position: relative;
		top: 0;
		padding-top: 10px;
	}

}
/* - /section news */

/* -  section faq */
section.faq div.container {
	margin-top: 38px;
	padding:0;
}

section.faq h1 {
	color: #595959;
	font-size: 27px;
	font-weight: 300;
	border-bottom: 1px solid #595959;
	padding-bottom: 8px;
	margin-bottom: 36px;
	margin-top: 0;
	margin-left: 15px;
	max-width: 470px;
}

section.faq div.panel-group {
	margin: 15px 0;
}

section.faq div.panel-group h4.panel-title {
	font-size: 26px;
	font-weight: 300;
	text-transform: uppercase;
}

section.faq div.panel-group h4.panel-title a {
	color: #008fd5;
}

section.faq div.panel-group h4.panel-title a:hover {
	color: #008fd5;
}

section.faq div.panel-group h4.panel-title a.collapsed {
	color: #838282;
}

section.faq .panel-default {
	box-shadow: none;
	border: 0;
}

section.faq .panel-default > .panel-heading {
	background-color: transparent;
	border: 0;
}

section.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 0;
}

section.faq .panel-body {
	color: #272727;
	font-weight: 300;
}

/* - /section faq */

/* -  misc */
a.social {
	display: inline-block;
	width: 48px;
	height: 48px;
}

	a.social span {
		display: none;
	}


	a.social-fb {
		background: url(../img/ico-fb.png) 50% 50% no-repeat;
	}

	a.social-twitter {
		background: url(../img/ico-twitter.png) 50% 50% no-repeat;
	}

	a.social-google {
		background: url(../img/ico-g.png) 50% 50% no-repeat;
	}

	a.social-pinterest {
		background: url(../img/ico-pinterest.png) 50% 50% no-repeat;
	}

	a.social-linkedin {
		background: url(../img/ico-linkedin.png) 50% 50% no-repeat;
	}

/* - /misc */

/* -  checkbox */

div.jquery-checkbox-wrapper {
	display: inline-block;
	width: 29px;
	height: 30px;
	z-index: 50;
	position: relative;
}

div.jquery-checkbox-wrapper a.jquery-checkbox {
	background: transparent url('../img/sprite-checkbox.png') repeat scroll 0px 0px;
	display: block;
	width: 29px;
	height: 30px;
	cursor: default;
	outline: none;
}

div.jquery-checkbox-wrapper a.jquery-checkbox-on {
	background-position: 29px 0px;
}

/* - /checkbox */

/* -  magnific-popups */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}
/* - /magnific-popups */

/* inside the modal with collection */

#collection-content {
	max-width: 1018px;
	margin: 20px auto;
}

#collection-content .collection-item {

}

#collection-content .collection-item span {
	background: url(../img/ico-check.png) 100% 0% no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	right: 10px;

}

.carousel-control.left, .carousel-control.right {
	background: transparent;
}

/* /inside the modal with collection */

/* b2b */

.b2b h1, .b2b h2 {
    border-bottom: 1px solid #595959;
    color: #595959;
    font-size: 27px;
    font-weight: 300;
    margin-top: 0;
    max-width: 365px;
    padding-bottom: 8px;
	margin-left: 0;
}

.b2b a.contact {
    background-color: #008fd5;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
    padding: 7px 10px;
}

.b2b .highlights {
	margin: 60px 0;
}

/*.b2b .highlights .container {
	padding-left: 30px;
	padding-right: 30px;
}*/

.b2b .highlights .item {
	margin-bottom: 40px;
	max-height: 1.6em;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 1.6s ease-out;
	-moz-transition: all 1.6s ease-out;
	-o-transition: all 1.6s ease-out;
	transition: all 1.6s ease-out;
}

.b2b .highlights .container.expanded .item {
	max-height: 60em;
	/*overflow: visible;*/
}

.b2b .highlights .controls {
	text-align: right;
}

.b2b .highlights .container .controls .item-toggle span.expand {
	display: block;
}

.b2b .highlights .container .controls .item-toggle span.contract {
	display: none;
}

.b2b .highlights .container.expanded .controls .item-toggle span.expand {
	display: none;
}

.b2b .highlights .container.expanded .controls .item-toggle span.contract {
	display: block;
}

/* news */

.b2b .news .item-container .row {
	margin-left: 0;
	margin-right: 0;
}

.b2b .news .item {
	/*width: 100%;*/
	height: 150px;
	background-size: cover;
	position: relative;
	margin-bottom: 40px;
	background-position: 50% 50%;
	/*border: 1px solid #008fd5;*/
}

.b2b .news .item:first-child {
	border-right: none;
}

	.b2b .news .item a.btn {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

/* /b2b */

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:56px;
	height:56px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
	z-index: 99990;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -56px;
	width:56px;
	height:56px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	z-index: 99990;
}

#toTop:active, #toTop:focus {
	outline:none;
}

@media (max-width: 320px) {
.help-menu {
	width: 200px;
	right: -200px;

}

.help-menu a.btn-help {
	transform: scale(0.7);
	left: -48px;
}

.help-menu .menu-content ul li a {
	font-size: 14px;
}

body {
	padding-bottom: 0px;
}

footer {
	padding: 35px 0;
	margin-top: 35px;
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
}
}

@media (max-width: 640px) {
	section.download div.file-list {
	    -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	}

	/* b2b */
	.b2b section.news .item-container .item {
		background-size: contain;
		background-repeat: no-repeat;
		margin-bottom: 0px;
		height: 70px;
	}

	.b2b .news .item:first-child {
		background-position: left center;
	}

	.b2b section.news .item-container {
		margin-bottom: 60px;
	}

	.b2b .news .item a.btn {
		bottom: 90px;
	}
}


/* responsive text positions */

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
	body {
		font-size: 11px;
	}
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}