body {
  font-weight: 300;
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
  color: #EF4035;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

a:hover, a:focus {
  color: #c81b10;
  text-decoration: none;
}

p {
  font-size: 18px;
  line-height: 1.5;
}

p.lead {
  font-size: 24px;
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}


body div.portfolio-grid .mix .portfolio-wrapper .caption .caption-text {
	line-height: 1;
}
body div.portfolio-grid .mix .portfolio-wrapper .caption .caption-text .text-category {
	padding-top: 5px;
}

.fader {
   opacity: 1.0;
   transition: opacity .25s ease;
   -moz-transition: opacity .25s ease;
   -webkit-transition: opacity .25s ease;
   }

   .fader:hover {
      opacity: 0.7;
      }



.video_thumb {
	margin-top: 30px;
}


.case { 
    position: relative;
	background: #000;
	padding: 0;
}

.play {
	width: 40%; 
	opacity: .8;
}
.video_other {
	display: block;
    position:absolute;
	z-index: 3;
    width:30%;
    top:15%;
	left: 100%;
    transform: translate(-50%, -50%);
	margin: 0;
}
.no-pointer {
pointer-events: none;
}

#mainNav a{
  text-transform: uppercase;
}

#mainNav {
	font-size: .8em;
}

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	max-width: 100%;
	max-height: 100%;
}

.row-eq-height {
	display: flex;
  flex-flow: row wrap;
}

.floating-label-form-group, form .row:first-child .floating-label-form-group {
	border-bottom: #000;
	border-top: #000;
}




#featured {
background: url("../img/backgrounds/donoharm-jumbotron.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
/*height: 50%;
*/}

#older_projects .other_project .other_project_image {
}
#older_projects h5.older {
line-height: .8;
}
#older_projects p.older {
line-height: .8;
}
#older_projects p.older {
	font-size: 20%;
	line-height: 0.8;
}



.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.container:hover .overlay {
  opacity: .5;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.text_left {
  text-align: left;
}





.unclegloria {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#988f7e+0,fefef4+65 */
background: #988f7e; /* Old browsers */
background: -moz-linear-gradient(left, #988f7e 0%, #fefef4 25%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #988f7e 0%,#fefef4 25%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #988f7e 0%,#fefef4 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#988f7e', endColorstr='#fefef4',GradientType=1 ); /* IE6-9 */
}

.transformation {
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 64%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 64%, rgba(0,0,0,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,1) 64%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.behind_the_blue_veil {
background: rgb(56,78,154);
background: -moz-linear-gradient(0deg, rgba(56,78,154,1) 0%, rgba(56,78,154,1) 52%);
background: -webkit-linear-gradient(0deg, rgba(56,78,154,1) 0%, rgba(56,78,154,1) 52%);
background: linear-gradient(0deg, rgba(56,78,154,1) 0%, rgba(56,78,154,1) 52%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#384e9a",endColorstr="#384e9a",GradientType=1);
}
.nancy_odell_remembers {
background: rgb(28,34,46);
background: -moz-linear-gradient(180deg, rgba(28,34,46,1) 64%, rgba(28,34,46,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(28,34,46,1) 64%, rgba(28,34,46,1) 100%);
background: linear-gradient(180deg, rgba(28,34,46,1) 64%, rgba(28,34,46,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c222e",endColorstr="#1c222e",GradientType=1);
}

.do_no_harm {
background: rgb(22,52,54);
background: -moz-linear-gradient(77deg, rgba(22,52,54,1) 64%, rgba(1,1,1,1) 100%);
background: -webkit-linear-gradient(77deg, rgba(22,52,54,1) 64%, rgba(1,1,1,1) 100%);
background: linear-gradient(77deg, rgba(22,52,54,1) 64%, rgba(1,1,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#163436",endColorstr="#010101",GradientType=1);
}


.image_mouse {
	opacity: 1.0;
	position:relative;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}
.image_mouse:hover{
	opacity: 0.5;
	-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
	transition: 0.3s;
}

#do_no_harm .fancybox-close-small, #nancy_odell .fancybox-close-small, #behind_the_blue_veil .fancybox-close-small, #transformation .fancybox-close-small {
	color: #fff;
}

.testimonials .testimonials-carousel .item .project-img {
	display: inline-block;
}

.lead{font-size:1rem;font-weight:300}

@media (min-width: 768px) {
  .portfolio-grid .mix {
    width: 31%;
	width: 17%; 
  }
}