body {color:rgb(100,100,100);background:rgb(252,252,252);overflow-y:scroll;
	margin: 0;
	padding: 0;
}

.header {
background-color: #fff;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
width: 100%;
height: 100px;
line-height: 100px;
}

.header .logo {
display: block;
float: left;
font-size: 2em;
padding: 0px 25px;
text-decoration: none;
}

.breadcrumbs {
  margin: 10px;
  padding: 10px;
height: 25px;
line-height: 25px;
}
.breadcrumbs a {
  text-decoration: none;
  color: #000;
}

.catetory {
	padding: 10px 25px;
	font-weight: bold;
	font-size: 1.5em;
}

.container {
	padding: 0px 10px;
	
}

.gallerybox {
width: 100%;
height: 50px;
line-height: 50px;
font-weight: bold;
margin: 0px;
padding: 0px;
background: #eee;
text-align: center;
}

/* ===== Pagination ===== */
.pagination_style
{
padding-top:25px;
padding-bottom:25px;
text-align: left;
margin: 0px 25px;
}
.pagination-button {
color: #000;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 8px 18px;
position: relative;
display: inline-block;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-right: 10px;
}
.pagination-button:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.pagination-button:active {
color: #000;
border-color: #444;
}
.left {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
margin: 0;
padding: 5px 18px;
line-height: 20px;
}
.buttonDisabled {
color: #a1aab9;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 5px 18px;
position: relative;
display: inline-block;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border: solid 1px #dcdcdc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin-right: 10px;
line-height: 20px;
}
.leftDisabled {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
margin: 0;
}
.middle {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-left: solid 1px #f3f3f3;
margin: 0;
border-left: solid 1px rgba(255, 255, 255, 0);
}
.middleCurrent {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-left: solid 1px #f3f3f3;
margin: 0;
border-left: solid 1px rgba(255, 255, 255, 0);
background: #dcdcdc;
}
.middle:hover {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
.right {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
margin: 0;
border-left: solid 1px #f3f3f3;
padding: 5px 18px;
line-height: 20px;
}
.right:hover {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
margin: 0;
}
.rightDisabled {
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
border-left: 0px;
}

/* ===== Flex Layout ===== */
.row-flex {
display: flex;
flex-wrap: wrap;
}
.card {
display: flex;
flex-direction: column;
border: 4px solid #fff;
margin: 15px 15px;
overflow: hidden;
width: fit-content;
line-height:24px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.24),0px 0px 2px 1px rgba(0,0,0,0.24);
text-align: center;
}
.card img { vertical-align: top; }
.card .cardtitle {
padding: 0px;
text-align: center;
font-size: 10px;
font-weight: 300;
color: #fff;
background-color: #297eff;
overflow: hidden;
}
.card .cardtext {
font-weight: 600;
padding: 0px;
text-align: center;
}
.cardthumbnail {
display: flex;
flex-direction: column;
border: 4px solid #fff;
margin: 15px 15px;
overflow: hidden;
width: fit-content;
line-height:24px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.24),0px 0px 2px 1px rgba(0,0,0,0.24);
text-align: center;
}
.cardthumbnail img { vertical-align: top; }
.cardthumbnail .cardtitle {
padding: 0px;
text-align: center;
font-size: 10px;
font-weight: 300;
color: #fff;
background-color: #297eff;
overflow: hidden;
}
.cardthumbnail .cardtext {
font-weight: 600;
padding: 0px;
text-align: center;
}
.row-flex a {
text-decoration: none;
color: #000;
}
.flexible {
flex-grow: 1;
}

/* ===== MOBILE ===== */
@media screen and (max-width: 640px) {
.card {
width: 95%;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.cardthumbnail {
width: fit-content;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.fluidimg {
max-width: 100%;
height: auto;
}
.pagination_style
{
width:75%;
margin: 0 auto;
text-align:center;
padding-top:25px;
}
.pagination-button {
padding: 15px 6px;
width: 75%;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.leftDisabled {
padding: 15px 6px;
width: 75%;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.right {
border: solid 1px #dcdcdc;
}
.rightDisabled {
width: 75%;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border: solid 1px #dcdcdc;
margin: 0;
}
.buttonDisabled {
padding: 15px 6px;
}
.middle {
border: solid 1px #dcdcdc;
}
}