@charset "UTF-8";

a:focus 
{ 
outline:0; 
}


.container-fluid {
    opacity: 0;
    -webkit-transition: opacity 0.7s ease-in;
    -moz-transition: opacity 0.7s ease-in;
    -o-transition: opacity 0.7s ease-in;
    -ms-transition: opacity 0.7s ease-in;
    transition: opacity 0.7s ease-in;

}

.container-fluid.load {
    opacity: 1;
}

.navbar.navbar-default {
	margin-top: -40px;
	border-width: 0px;
	background-color: transparent;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #000000;
}



.container-fluid .navbar-header .navbar-toggle {
	border-width: 0px;
	border-radius: 0px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #343434;
	background-color: transparent;
	-webkit-font-smoothing: antialiased;
}

.navbar-default .navbar-brand {
	font-size: 25px;
	letter-spacing: 3px;
	word-spacing: 5px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: lighter;
	color: #4A4A4A;
	line-height: normal;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #000000;
}

.navbar-default .navbar-nav > li > a {
	color: #525252;
	font-weight: lighter;
	font-size: 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #000000;
}





body {
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #D7D7D7;
}


.selected {
	border-radius: 0px;
	border-width: 0px;
	background-color: transparent;
}
	

.selected:hover,
    .selected:focus,
    .selected:active {
	border-radius: 0px;
	border-width: 0px;
	background-color: transparent;
	box-shadow: none;
}



* { box-sizing: border-box; }



#grid {
	margin-top: 70px;
	position: relative;
}



#grid:after {
  content: '';
  display: block;
  clear: both;
}



.thumbnail {
	float:left;
	border-width: 0px;
	border-radius: 0px;
	background-color:transparent;
	display:block;
	opacity: 0;
		}


.grid-sizer,
.thumbnail {
  width: 25%;
  margin-bottom:0px;
}


.thumbnail img {
  display: block;
  max-width: 100%;
}


#grid {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#grid.selected {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.thumbnail.selected {
    opacity: 1;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}






@media screen and (max-width: 1024px)
{
.navbar-default .navbar-brand {
	font-size: 20px;
	letter-spacing: 3px;
	word-spacing: 5px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: lighter;
	color: #4A4A4A;
}

.navbar-default .navbar-nav > li > a {
	font-size: 10.3px;
}	

.grid-sizer,
.thumbnail {
  width: 33%;
  margin-bottom:0px;
}
}

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

body {
	margin-left: 10px;
	margin-right: 10px;
}

.grid-sizer,
.thumbnail {
  width: 50%;
  margin-bottom:0px;
}
}

@media screen and (max-width: 600px)
{
body {
	margin-left: 0px;
	margin-right: 0px;
}

.grid-sizer,
.thumbnail {
  width: 50%;
  margin-bottom:0px;
}


}