@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;
}

.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;
}



#carousel1 {
    margin-left: 20%;
	margin-right: 20%;
}

#carousel1.carousel.slide {
	background-color: transparent;
	background-size: 1029px 640px;
	border: 0px solid #000000;
	background-margin-left: 50%;
	display: block;
	margin-top: 60px;
}

.carousel-inner {
	position: relative;
	
	}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.item {
	height: 100%;
	width: 100%;
	color: #D7D7D7;
} 

.center-block {
	border: 20px solid #ffffff;
}

.carousel-caption {
	display: none;
}





.carousel .carousel-control {
	visibility: visible;
	top: 0%;
	bottom: 102%;
	right: -28%;
	position: absolute;
	margin-left: 107%;
	color: #000000;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	border-width: 0px;
	font-size: 15px;
	font-weight: lighter;
	text-shadow: none;
}

.carousel:hover .carousel-control {
  visibility: visible;
}

.carousel-control.left, .carousel-control.right {
	background: none !important;
  filter: progid: none !important;
	outline: 0;
	
 }

.carousel-control:link,
.carousel-control:visited {
	opacity: 0.7;
}

.carousel-control:hover,
.carousel-control:focus, 
.carousel-control:active {
	opacity:1;
}


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;
	opacity: 0.6;
}



* { 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: 1280px)
{
   .carousel .carousel-control {
	   margin-left: 107%;
	   right: -29%;
   }
}

@media screen and (max-width: 1152px)
{
   .carousel .carousel-control {
	   margin-left: 107%;
	   right: -30%;
   }
}

@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;
}	

#carousel1 {
    margin-left: 10%;
	margin-right: 10%;
}

.carousel .carousel-control {
	top: 0%;
	bottom: 102%;
	right: -20%;
	margin-left: 98%;
	font-size: 13px;
}

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

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

#carousel1 {
    margin-left: 0%;
	margin-right: 0%;
}

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

.carousel .carousel-control {
	top: 102%;
	bottom: 102%;
	margin-left: 39%;
	margin-right: 59%;
	font-size: 13px;
	}

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

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

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

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

.carousel .carousel-control {
	top: 102%;
	bottom: 102%;
	margin-left: 38%;
	margin-right: 58%;
	font-size: 13px;
	}
}

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

.carousel .carousel-control {
	top: 102%;
	bottom: 102%;
	margin-left: 37%;
	margin-right: 57%;
	font-size: 13px;
	}
} 

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

.carousel .carousel-control {
	top: 102%;
	bottom: 102%;
	margin-left: 36%;
	margin-right: 56%;
	font-size: 13px;
	}
}