/* Header */

.header {
	border-bottom: 1px solid rgba(44, 62, 80, 0.2);
}

/* Logo */

.header__logo {
	background: #ffffff;
}

/* Topbar */

.topbar {
	background: #ecf0f1;
}

/* Navigation */

.nav {
	background: #ffffff;
}
.nav__list__item + .nav__list__item {
	border-top: 1px solid rgba(44, 62, 80, 0.2);
}
.nav__list__item .nav__list {
	background: #ecf0f1;
}

@media screen and (min-width: 1280px) {
	.nav__list__item + .nav__list__item {
		border-top: 0;
	}
	.nav__list__item .nav__list {
		border-top: 1px solid #ffffff;
	}
}

/* Products */

.products {
	color: #ffffff;

	background: #025193;
}

.products__item:after {
	content: " ";
	display: block;
	height: 1px;
	left: 16px;
	position: absolute;
	right: 16px;
	top: -1px;

	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.products__item:first-of-type:after {
	display: none;
}

@media screen and (min-width: 600px) {
	.products__item:before {
		bottom: 16px;
		content: " ";
		display: block;
		left: -1px;
		position: absolute;
		top: 16px;
		width: 1px;

		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
	}
	.products__item:nth-of-type(2):after {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.products__item:nth-of-type(3):after {
		display: none;
	}
}

@media screen and (min-width: 1280px) {
	.products .tm__col:nth-child(3n-5):before {
		display: none;
	}
}

/* Content */

.content {
	background: #ffffff;
}
.content:nth-of-type(even) {
	background: #ecf0f1;
}

/* Footer */

.footer {
	color: #99a4ae;

	background: #2c3e50;
}