html {
    overflow-y: scroll;
}




body {
	margin: 0;
	padding: 0;
	background-color: #272727;
	color: #ebebeb;
	font-family: 'Roboto', sans-serif;
	overflow-y: scroll;
}

.navbar-default {   
    border-bottom: 0 none;                            
    background-color: rgba(0,0,0,.8);
}

.navbar-brand {
	text-transform: uppercase;
	letter-spacing: .02em;
}

.navbar-default .navbar-brand {
    color: #777777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #7c7c7c;
}

.navbar-default .navbar-nav > li > a {
    color: #777777;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    cursor: default;
    background-color: transparent;
    text-decoration: underline;
    color: #aaaaaa;
    
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #aaaaaa;
    background-color: rgba(255,255,255,.1);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #222222;
}

.navbar-default .navbar-toggle {
    border-color: #7c7c7c;
}

.navbar-default .navbar-toggle .icon-bar {
    /* background-color: #7c7c7c; */
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    /* border-color: #0C0C0C; */
}
.navbar-collapse {
    border: 0 none;
    box-shadow: 0 none;
}

h1 {
	
	color: #7c7c7c;
	font-size: 18px;
	margin-top: 0px;
	text-transform: uppercase;
	letter-spacing: .02em;
	padding: 0px;
	padding-bottom: 4px;
	font-weight: 400;
}

.infoText a:link,.infoText a:visited {
	color: #7c7c7c;
	text-decoration: underline;
}

.infoText a:hover,.infoText a:active {
	text-decoration: none;
	color: #dddddd;
}

h2 {
	color: #7c7c7c;
	font-weight: 400;
	font-size: 18px;
	margin-top: 0px;
	letter-spacing: .02em;
	font-weight: 400;

}


.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.item {
    
    -webkit-filter: opacity(.5);
 	 filter: opacity(.5);
    
}


.item {
   -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    transition: all .1s ease-out;
}





.item:hover {
 	 -webkit-filter: opacity(1);
 	 filter: opacity(1);
}





.lead { padding: 40px 0; }



.pswp {
    top: 50px !important;
}

.pswp__img {
    padding-bottom: 20px !important;
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgba(255, 255, 255, 0.1);
}


.lead { padding: 40px 0; }


#container {
	padding-top: 70px;
	margin-left: 10px;
	margin-right: 10px;
}

.pageTop {
	padding-top: 50px;
	padding-bottom: 25px;
}

.item {
    float: left;
    position: relative;
    line-height: 1em;
}


.grid-sizer { 
	width: 20%;
	
}

.item { 
	width: 20%;
	padding: 20px;
}




@media screen and (max-width: 1224px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 33.33%; }
  .item { width: 33.33%; }
}

@media screen and (max-width: 720px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 50%; }
  .item { width: 50%; }
}

@media screen and (max-width: 480px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 100%; }
  
  .item {
	width: 100%; 
	-webkit-filter: opacity(1);
	filter: opacity(1);
  }
}

.image{
    max-width: 100%;
    margin: 0;
    display: block;
    z-index: -999999999;
}

.image:after {
    clear:both;
}







/* Firefox 42 Fix */
.pswp--animate_opacity, .pswp__bg, .pswp__container, .pswp__zoom-wrap {
  will-change: auto;
}


.infoText {
	width: 60%;
	padding-top: 50px;
}

.infoText h2 {
    color: #9f9f9f;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
    margin-top: 0;
    line-height: 1.4em;
}

.infoText p {
    color: #7c7c7c;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.5em;
    margin-top: 0;
}

.infoText a:link, .infoText a:visited {
    color: #9f9f9f;
    text-decoration: underline;
}

.infoText a:hover, .infoText a:active {
    color: #dddddd;
    text-decoration: none;
}


.xsSpace {
	margin-top: 12px;
	display: block;
}

.smSpace {
	margin-top: 24px;
	display: block;
}


.mdSpace {
	margin-top: 80px;
	display: block;
}

.lgSpace {
	margin-top: 200px;
	display: block;
}

.xlSpace {
	margin-top: 250px;
	display: block;
}



/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {


}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	.infoText {
		width: 80%;
	}

}

@media (min-width: 768px) and (max-width: 958px) {
	
	.infoText {
		width: 80%;
	}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.infoText {
		width: 100%;
	}


}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	


}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


        
}