body {
	font-family: 'Roboto', sans-serif;
	background-color: #eee;
	color: #889091;
	overflow-y: scroll;
}

.clear {
	clear: both;
}

*,*:before,*:after {
	box-sizing: border-box;
}

#construction {
	text-align: center;
}

/* Fonts */
/* ========================================= */

h1, h2 {
	font-family: 'Roboto Slab', serif;
	color: #0f275b;
	margin-top: 0;
	font-weight: 700;
}

p {
	
}

ol { 
	counter-reset: item;
}

ol.p-list {
	margin: 0;
	padding: 0;
}

li ol {
	margin-top: 16px;
}

ol>li {
	display: block;
}

ol.m-list li {
	margin-bottom: 16px;
}

ol>li:before {
	content: counters(item, ".") ". "; 
	counter-increment: item;
}
ol>li>ul>li {
	list-style-type: disc;
}

.alert {

	color: #e74c3c;
}

.clean-link {
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
	color: #e74c3c;
}

/* Top Header */
/* ========================================= */


.top-header {
	overflow: hidden;
	padding: 30px 0;
}

.lang-menu {
	float:right;
	background-color: #e74c3c;
	color: #fff;
	margin-top: 10px;
}

.lang-menu a {
	text-decoration: none;
	padding: 5px;
	display: inline-block;
	color: #fff;

}

.lang-menu a.active {
	background-color: #c0392b;
}

/* NAV */
/* ========================================= */
.nav {
	background-color: #0f275b;
}

.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	overflow: hidden;
}

.nav li {
	float:left;
	letter-spacing: 1px;
}

.nav li a {
	padding: 20px;
	display: inline-block;
	text-decoration: none;
	color: #7388ba;
	transition: 0.25s all;
}

.nav li a:hover {
	background-color: #0d152b;
}

.nav li.active {
	background-color: #0d152b;
}

.shop-nav {
	background-color: #294175;
}

/* Page */
/* ========================================= */

.page-container {
	width: 960px;
	margin: 0 auto;
}

.page-body {
	margin-top: 40px;
}

.image-block img {
	width: 100%;
}

/* Home */
/* ========================================= */


.image-block, .content-block {

}

.content-block {
	background-color: #fff;
	padding: 50px;
	line-height: 1.5;
	letter-spacing: 0.9px;
}

.content-block#home {
	text-align: center;	
}

.content-block img.center {
	margin: 50px auto;
	max-width: 50%;
	display: block;
}

.content-block img.center-large {
	max-width: 70%;
}

/* Doc */
/* ========================================= */

.doc {
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 15px;
	border-bottom: 2px solid #DDD;
}


.doc-text, .doc-icon {
	float: left;
	padding: 20px;
}

.doc-icon {
	background-color: #c0392b;
	color: #fff;
	font-size: 1.5em;
}


.doc-text {
	text-align: center;
	color: #95a5a6;
}

.doc-text h3 {
	float: left;
	margin: 0;
	padding: 0;
}

/* Products */
/* ========================================= */

.product-block {
	width: 463px;
}

.products {
	margin-top: 50px;
}

.product-block:first-child {
	margin-right: 30px;
}

/* .product-block {
	background-color: #fff;
	overflow: hidden;
	margin: 25px 0;
}
 */
.product-desc, .product-image {
	float: left;
}

.product-image {
/* 	padding: 100px; */
	background-color: #34495e;
	color: #fff;
	font-size: 2em;
	display: inline-block;
	width: 40%;
	line-height: 0px;
}

.product-image img {
	width: 100%;
}


.product-desc {
	padding: 20px;
}

#shop {
	overflow: hidden;
}

#shop h3, #shop p {
	margin: 0;
}

.shop-info {
	margin-top: 20px;
}

.shop-left {
	float:left;
	width: 50%;
	padding-right: 15px;
}

.shop-right {
	float:left;
	width: 50%;
}

address {
	background-color: #0f275b;
	padding: 15px;
	color: #fff;
	font-style: normal;
}

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

.button-group a {
	background-color: #fff;
	color: #0f275b;
	padding: 10px;
	text-decoration: none;

}

.button-group a.shop-active {
	background-color: #0f275b;
	color: #fff;
	padding: 10px;
	text-decoration: none;
}


.page-container {
	position: relative;
}

#btn-top {
	background-color: #0f275b;
	height: 50px;
	width: 100px;
	position: fixed;
	bottom: -50px;
	right: 200px;
	transition: 0.4s all;
	overflow:hidden;
	padding: 10px;
	text-align: center;
	color : #fff;
	cursor: pointer;
}


#btn-top.visible{
	
}



/* Grid */
/* ========================================= */

.grid-item {
	width: 300px;
}

.grid-item-container {
	overflow:hidden;
	position: relative;
}


.img-cap {
	padding: 20px;
	position: absolute;
	bottom: -120px;
	background: rgba(15,39,91,0.95);
	/* background: #0f275b; */
	width: 100%;
	line-height: 1.4;
	transition: all 0.4s;
	color: #fff;
	height: 120px;
}


.grid-item-container:hover .img-cap {;
	-webkit-transform: translateY(-120px);
	-moz-transform: translateY(-120px);
	-ms-transform: translateY(-120px);
	transform: translateY(-120px);
	transition: all 0.4s;
}


img.thumb {
	width: 100%;
}

.thumb-link {
	background: #fff;
	display: inline-block;
	margin-bottom: 30px;
	text-decoration: none;
	color: #889091;
	position: relative;
	line-height: 0;
}


.img-cap p {
	margin: 0;
}

.fig-grid {
	position: absolute;
	left: -15px;
	top: -15px;
	background-color: #0f275b;
	height: 50px;
	width: 50px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	line-height: 45px;
}

.fig-grid span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-family: 'Roboto Slab', serif;

}

.fig-grid-double {
	height: 60px;
	width: 60px;
	padding-top: 12px;
}


.fig-grid-double p  {
		display: block;
	vertical-align: middle;
	font-size: 18px;
	font-family: 'Roboto Slab', serif;
	height: 18px;
	line-height: 17px;
	margin: 0;
}


.old-price {
	text-decoration: line-through;
	color: #7388ba;
}

/* .fig-grid-2 {
	left: 35px;
} */

.filter-button-group {
	margin: 50px 0;
}

/* History */
/* ========================================= */


figure {
	width: 80%;
	margin: 60px auto;
	position: relative;
}


figure img {
	width: 100%;
	margin-bottom: 20px;
	display: block;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

figcaption {
	font-style: italic;
}

.fig-date {
	position: absolute;
	left: -30px;
	top: -30px;
	background-color: #0f275b;
	height: 80px;
	width: 80px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	line-height: 75px;
}

.fig-date span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-family: 'Roboto Slab', serif;
}


/* Contact */
/* ========================================= */

.c-container {
	width: 70%;
	margin: 0 auto;
	overflow:hidden;
}

.c-left, .c-right {
	float: left;
	width: 50%;
}

/* Table */
/* ========================================= */


table {
    border-collapse: collapse;
    margin: 50px auto;
}

table, th, td {
    border: 1px solid black;
    padding: 10px;
    text-align: left;
}

/* Footer */
/* ========================================= */

footer {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
	color: #7f8c8d;
}