@charset "utf-8";

a,a:hover{
color:#333333;
text-decoration:none;

}

html,body{
height:100%;

}

.MC a{
	opacity:1;
	display: block;
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;	
}

.MC a:hover{
	opacity:.3;
}

h1{
	font-size:14px;
	line-height:20px;
	padding: 30px 0;
	text-align:center;
}

.HeadHRS {
    display: block;
    margin: 50px auto 0;
    width: 460px;
	opacity:.9;
}

h2,h3,h4{
	font-size:12px;
	line-height:20px;
}

h2 {
    letter-spacing: 1px;
    font-size: 12px;
}

h3{
display: inline;	
font-size:12px;
margin:0 0 0 4px;
font-weight:800;
}
h4{
	text-align:center;
	    margin: 0;	
}

.MC {
    width: 96%;
    margin: 0 auto;
    opacity: 0;
    zoom: 1;
    overflow: hidden;
    margin: 0 2% 60px;
}



article{
	width:21%;
	margin: 2%;
	float:left;
}

article:nth-child(4n+1) {
  clear: left;
}


article img{
	width:100%;
	margin:0 0 15px;
}

.Title{
	text-align:center;
	font-size:12px;
}

.Bold{
font-weight:800;	
}

.Content{
display:none;
}

.fancybox-nav span {
 visibility: visible;
}

.Content .Title{
    text-align: left;
	font-size:0.8em;
	font-weight:800;
}

.Content h3 {
    margin: 0 0 0 5px;

}

.Content h4 {
    text-align: left;
    font-size: 1.4em;
    border-bottom: 1px solid #9a9a9a;
    padding: 0 0 16px;
    margin: 0 0 16px;
}

.HRS{
 width:200px;
 height:auto;
 min-height:inherit!important;
}

.Reference{
text-align:right;
font-size:0.8em;
color:#7F7F7F;
}

.Check{
font-size:0.8em;
color:#7F7F7F;
}

.Fixed{
overflow:hidden;
}

@media screen and (max-width: 1200px) {
.MC {
    min-width: inherit;
}
	
		article{
	width:31.2%;
	margin: 0 1% 30px;

}

article:nth-child(4n+1) {
  clear: none;
}

article:nth-child(3n+1) {
  clear: left;
}


}

@media screen and (max-width: 992px) {
	
	.MC{
	width:90%;
	min-width: inherit;
	margin:0 5%;
	opacity:0;
	zoom:1;
	overflow:hidden;
}
	
	article{
	width:100%;
	margin: 0 0 30px;
	float:left;
}

article img {
    width: 60%;
    margin: 0 20% 15px;
}

.fancybox-close {
    top: 15px;
    right: 15px;
}

.fancybox-skin {
    padding: 0!important;
}

.fancybox-nav {
	display:none;	
}



.fancybox-wrap {
    width: 100%!important;
    margin: 0;
    left: 0!important;
    height: auto;
    position: abusolute!important;
    top: 51px;
    opacity: 1;
}

.fancybox-inner {
    overflow: visible!important;
	width:100%!important;
}

.Content .Title {
    font-size: 10px;
}

.Content h3 {
    font-size: 12px;
}

.Content h4 {
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
	font-weight:800;
}
	
.HRS {
    position: fixed;
    top: 20px;
    left: 50%;
    margin: 0 0 0 -80px;
    width: 160px;
	z-index: 9999;
}
	

	
}

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

.HeadHRS {
    display: block;
    margin: 50px auto 0;
    width: 80%;
	opacity:.9;
}

h2 {
    letter-spacing: 1px;
    font-size: 12px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
    line-height: 22px;
}
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
    
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
          
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

#build-menu-page {
  left: 0;
  position: relative;
  background-color: #fff;
}

#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	display: none;
	width: 260px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;}

.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	-o-transition: -o-transform 250ms;
	-ms-transition: -ms-transform 250ms;
	transition: transform 250ms;
}

.build-menu-animating.build-menu-open #build-menu-page {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.build-menu-animating #build-menu { display: block }

.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
	-moz-transition-delay: 0ms, 0ms, 0ms;
	-o-transition-delay: 0ms, 0ms, 0ms;
	-ms-transition-delay: 0ms, 0ms, 0ms;
	transition-delay: 0ms, 0ms, 0ms;
}

.build-menu-open #build-menu,
.build-menu-close #build-menu {
	-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	-ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
	transition: transform 250ms, opacity 250ms, visibility 0ms 250ms;
}


#build-menu li{
	float:none;
	margin: 35px 20px;
	padding-bottom:5px;
	border-bottom:solid 1px #999;
	width:155px;
	
}
@media screen and (max-device-width: 640px) {	
#main-navigation{
	position:relative;	
}
}