.projects-container { 
	background-color: #fff;
}

.projects-container .cd-scrolltext  {
	font-family: 'Source Sans Pro', sans-serif;
	color: #b4b5bf;
	font-size: 11px;
	font-weight: 400;
	padding-bottom: 20px;
	z-index: 900;
	visibility: hidden;
	position: absolute;
    bottom: 55px;
    width: 20%;
    margin-left: 40%;
    margin-right: 40%;
    text-align: center;
    text-decoration: none;
}

.is-full-width .cd-project-info {
	min-height: 100vh;
}

.projects-container .cd-scrolltext:hover {
	text-decoration: none;
}

.project-is-open .cd-scrolltext {
	visibility: visible;
}

.projects-container .cd-closetext .cd-closelink {
	font-family: 'Source Sans Pro', sans-serif;
	color: #313C66;
	font-size: 11px;
	font-weight: 300;
	width: 100%;
	/* image replacement */
/* 	text-indent: 100%; */
	text-decoration: none;
	text-align: center;
	/* 	margin-left:10px; */
}

.back-text {
	display: none;
}

.projects-container .cd-closetext {
	position: relative;
	top: 5px;
	z-index: 1;
	width: 100%;
	overflow: visible;
	white-space: nowrap;
	visibility: hidden;
	-webkit-transition: -webkit-transform 1s 0s, visibility 0s 1s;
	-moz-transition: -moz-transform 1s 0s, visibility 0s 1s;
	transition: transform 1s 0s, visibility 0s 1s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.project-is-open .cd-closetext {
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
	transition: transform 0.4s 0s, visibility 0s 0s;
}

.projects-container .cd-backcircle {
	position: fixed;
	top: 20px;
	right: 5%;
	z-index: 1;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	border: 1px solid #b4b5bf;
	background-color: rgba(255, 255, 255, 0.7);
	overflow: visible;
	white-space: nowrap;
	visibility: hidden;
	-webkit-transition: -webkit-transform 1s 0s, visibility 0s 1s;
	-moz-transition: -moz-transform 1s 0s, visibility 0s 1s;
	transition: transform 1s 0s, visibility 0s 1s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.projects-container .cd-backcircle div, .projects-container .cd-backcircle a, .projects-container .cd-backcircle p {
	text-align: center;
}

.project-is-open .cd-backcircle {
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
	transition: transform 0.4s 0s, visibility 0s 0s;
}

.no-touch .project-is-open .cd-closetext:hover {
	text-decoration: none;
}


.cd-title h2 {
/*
	font-family: "garamond-premier-pro-display",serif;
	font-style: normal;
	font-weight: 300;
	font-size: 3rem;
*/
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 3.5rem;
	font-variant-ligatures: discretionary-ligatures;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "dlig", "onum";
	-ms-font-feature-settings: "dlig", "onum";
	-webkit-font-feature-settings: "dlig", "onum";
	font-feature-settings: "dlig", "onum";
}

.is-full-width .cd-title h2 {
	font-size: 5rem;
}

.subsection h3, .subsection legend {
	font-family: "garamond-premier-pro-subhead",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 32px;
	line-height: 1.1;
	border-bottom: 1px dotted #3f538e;
	margin-bottom: 12px;
	margin-top: 28px;
	font-variant-ligatures: discretionary-ligatures;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "dlig", "onum";
	-ms-font-feature-settings: "dlig", "onum";
	-webkit-font-feature-settings: "dlig", "onum";
	font-feature-settings: "dlig", "onum";
}

.subsection h3 em, p em, em {
	font-style: italic;
}

.subsection li {
	margin-bottom: 18px;
}

.subsection li p, .subsection p {
/*
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 400;
*/
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: 200;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-ms-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
/*
	font-size: 19px;
	line-height: 1.3;
*/
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.modal-body, .modal-body p {
	color: #3f538e;
}

#portfolio p,
.modal-body p {
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-ms-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 12px;

}

h4 {
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 400;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-ms-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
	font-size: 22px;
	color: #3f538e;
	line-height: 1.1;
	margin-bottom: 0px;
}

.unclassed-title  {
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 22px;
	color: #3f538e;
	margin-bottom:3px;
	text-transform: none;
}

.ed-title,
.pub-title,
.org-title,
.vol-title {
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	color: #3f538e;
	margin-bottom:3px;
	text-transform: none;
}

.ed-degree-expl {
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 300;
	font-size: 19px;
	color: #3f538e;
	text-transform: none;
}


.cd-project-info div.h4-container {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	min-height: 30px;
	margin-top: 25px;
	margin-bottom: 7px;
}

#portfolio h4 {
	font-size: 18.5px;
	text-transform: uppercase;
	color: #777777;
	font-weight: 700;
	font-family: "garamond-premier-pro-subhead",serif;
	font-style: normal;
	font-variant-ligatures: discretionary-ligatures;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "dlig", "onum";
	-ms-font-feature-settings: "dlig", "onum";
	-webkit-font-feature-settings: "dlig", "onum";
	font-feature-settings: "dlig", "onum";
	letter-spacing: -.75px;
	margin-bottom: 7px;
	border-bottom: 1px solid #9a9a9a;
	display: table-cell;
	vertical-align: middle;
	width: auto;
	line-height: 1.1;
}

#portfolio h3 {
	font-size: 36px;
}

#portfolio .pub-title {
	font-size: 26px;
	display: block;
	margin-top: 20px;
}

#portfolio .bullet-head-title {
	font-weight: 600;
	text-transform: capitalize;
	color: rgba(63, 83, 142, 0.85);
	display: inline-block;
	margin-right: 3px;
}

#publications .pub-title a,
.pub-title a,
{
	color: #3f538e;
	text-decoration: none;
}

.subsection a,
.subsection p a,
.modal-body a, 
.modal-body p a {
	color: #3f538e;
	border-bottom: 1px dotted rgba(151, 177, 253, 0.5);
	text-decoration: none;
}

.subsection .soc a,
.subsection#publications .pub-title a {
	border-bottom-width: 0px;
	border-bottom-color: rgba(151, 177, 253, 0.0);
}

.name-details a {
	color: #3f538e;
	text-decoration: none;
}

.subsection li p.title-p {
	margin-bottom:0px;
}

#portfolio li p.title-p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	color: #777777;
	font-size:14px;
	margin-top:15px;
	margin-left:0px;
}

.modal-header p.title-p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid rgba(204, 204, 204, 0);
	text-transform: uppercase;
	color: #777777;
	font-size:14px;
	margin-top: 3px;
	margin-left:0px;
}

.subsectiion#portfolio ul.simplefilter {
	margin-bottom: 35px;
}

.subsection#portfolio .simplefilter li {
	margin-bottom: 10px;
}

.subsection#portfolio li ul li {
	margin-bottom: 4px;
}

#publications .pub-title a:hover,
.subsection a:hover,
.name-details a:hover {
	color: #97b0fc;
	border-bottom: 1px dotted #97b0fc;
	text-decoration: none;
}

#prof-experience li h4 {
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	color: #3f538e;
	margin-bottom: 0px;
	margin-left: 40px;
}

#prof-experience .job-meta {
	margin-bottom: 3px;
	margin-top: 3px;
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 400;
	margin-left: 40px;
	font-size: 21px;
}

#prof-experience .job-one-liner {
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-ms-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
	font-size: 19px;
	line-height: 1.3;
	margin-bottom: 8px;
	margin-left: 40px;
}

.subsection li ul {
 list-style-type: none;
 list-style-position: outside;
 list-style-image: none;
}

.subsection li ul li {
    overflow: visible;
    padding-left: 20px;
    position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-ms-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 4px;
	margin-left: 60px;
}

.subsection li ul li:before {
	content: "\00BB";
	left: 0;
	position: absolute;	
}

.cd-project-info div.col-md-4 {
	width: 100%;
}
.cd-project-info div.row {
	width: 100%;
}
.cd-project-info div.container {
	width:100%;
}

#skills .container {
	margin-left: 40px;
	padding-left: 0px;
}

.subsection .col-md-4 {
	padding-left:0px;
	margin-bottom: 25px;
}

.subsection .col-md-4 p {
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	color: #3f538e;
	margin-top: 20%;
}

.subsection .col-md-4 h4 {
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	color: #3f538e;
	margin-bottom: 0px;
}

.subsection .col-md-4 ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none;
}

.subsection .col-md-4 li {
    overflow: visible;
    padding-left: 20px;
    position: relative;
/* 	font-family: "garamond-premier-pro",serif; */
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-ms-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
	line-height: 1.2;
	margin-bottom: 3px;
	margin-left: 20px;
}

.subsection .col-md-4 li:before {
	content: "\00BB";
	left: 0;
	position: absolute;	
}

.name-header,
.name-header p {
	font-family: "garamond-premier-pro-display",serif;
	font-style: normal;
	font-weight: 300;
	font-variant-ligatures: discretionary-ligatures;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "dlig", "onum";
	-ms-font-feature-settings: "dlig", "onum";
	-webkit-font-feature-settings: "dlig", "onum";
	font-feature-settings: "dlig", "onum";
	color: #3f538e;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.name-wrapper p {
	font-family: "garamond-premier-pro-display",serif;
	font-style: normal;
	font-weight: 300;
	font-variant-ligatures: discretionary-ligatures;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "dlig", "onum";
	-ms-font-feature-settings: "dlig", "onum";
	-webkit-font-feature-settings: "dlig", "onum";
	font-feature-settings: "dlig", "onum";
	color: #3f538e;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.name-header .name,
.name-wrapper .name {
	font-size: 27px;
	line-height: 1;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3f538e;
}

.name-header p.name-details,
.name-wrapper p.name-details {
	font-size: 22px;
	line-height: 1;
	text-align: right;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-ms-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
	display: none;
}

.name-header p.name-details {
	margin-bottom: 24px;
}

.RJE, .rje {
	text-transform: uppercase;
	font-size: 65%;
}

.vert-bars {
	padding-top:3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #8190bc;
	font-weight: 300;
	font-size: 75%;
}

.name-web .vert-bars-web {
	padding-top:3px;
	padding-left: 5px;
	padding-right: 5px;
	color: #8190bc;
	font-weight: 300;
	font-size: 75%;
	display: none;
}

.name-web {
	display: none;
}

.name-break {
	display: none;
}

.big-name {
	background-color: #ffffff;
	display: table;
	width: 100%;
	height: 30vh;
}

.big-name .name-wrapper {
	display: table-cell;
	vertical-align: middle;
}

.projects-container .cd-single-project {
	height: 17.5%;
	top: 30vh;
}

.projects-container .cd-single-project::after {
  /* background image */
  height: 17.5vh;
}


.projects-container .cd-single-project:nth-of-type(2) {
  top: 47.5vh;
}

.projects-container .cd-single-project:nth-of-type(3) {
  top: 65vh;
}

.projects-container .cd-single-project:nth-of-type(4) {
  top: 82.5vh;
}

.projects-container .cd-single-project.is-full-width {
  /* selected item */
  top: 0;
  height: auto;
}

#about-bio {
/* 	height: auto;	 */
}

#about-bio p {
	font-weight: 300;
	line-height: 1.25;
	font-size: 19.5px;
}

.photo-wrap-back {
	background-image: url("http://photojmb.com/core-img/josh-circle.png");
	background-repeat:no-repeat;
	margin-top: 1px;
	margin-bottom: 10px;
}

.textwrapcircle {
	height: auto;
}

#about-bio p.bio-lead {
	font-family: "garamond-premier-pro",serif;
	line-height: 1.4;
	font-size: 25px;
	font-weight: 300;
	margin-bottom: 15px;
}

.lW {
	float: left;
	clear: left; 
	height: 10px;
	margin-right: 15px;
}

.rW {
	float: right;
	clear: right;
	height: 15px;
}

.portfolio-pic-horiz {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 15px;
	border: 1px solid #5F6487;
}

.portfolio-pic-vert {
	width: 35%;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 1px solid #5F6487;
	float:right;
}

.portfolio-pic-vert-ipad {
	display: none;
	width:45%;
	float:right;
	margin-left: 15px;
	margin-bottom: 10px;
}

.portfolio-pic-horiz-ipad {
	width: 60%;
	margin-left:20%;
	margin-right:20%;
}

.soc {
	width: 350px;
	margin-left: 5%;
	margin-right: auto;
	overflow:hidden;
    padding:0;
    list-style:none;
    margin-top: 20px;
}

legend {
	border-bottom: 0px solid #ffffff;
}

@media only screen and (min-width: 400px) {
  .name-header p.name-details,
  .name-wrapper p.name-details {
	  display: block;
  }
  .name-header .name,
  .name-wrapper .name {
	  text-align: left;
  } 
}

@media only screen and (min-width: 700px) {
	.soc {
		width: 90%;
	}
	.back-text {
		display: inline-block;
	}
	
	.projects-container .cd-backcircle {
		width: 88px;
		height: 88px;
	}
	
	.projects-container .cd-closetext .cd-closelink {
/* 		margin-left:-5px; */
	}
}

@media only screen and (min-width: 1024px) {
  .is-loaded.is-full-width .cd-title {
	  width: 76%;
	  margin-left: 12%;
	  margin-right: 12%;
	  left: auto;
  }
  .projects-container .cd-single-project {
    top: 30vh;
    height: 70%;
  }
  .projects-container .cd-single-project:nth-of-type(2),
  .projects-container .cd-single-project:nth-of-type(3),
  .projects-container .cd-single-project:nth-of-type(4) {
    top: 30vh;
    height: 70%;
    }
  .big-name {
	  height: 25vh;
	  top: 0;
  }
  ul #projects {
	  top: 20%;
  }
  .projects-container .cd-single-project::after {
    /* background image */
    top: 0vh;
  }
  .projects-container .cd-single-project:first-of-type::before {
    content: 'img/img-1-large.jpg';
  }
  .projects-container .cd-single-project:first-of-type::after {
    background-image: url("../img/img-1-large.jpg");
  }
  .projects-container .cd-single-project:nth-of-type(2) {
    top: 30%;
    left: 25vw;
  }
  .projects-container .cd-single-project:nth-of-type(2)::before {
    content: 'img/img-2-large.jpg';
  }
  .projects-container .cd-single-project:nth-of-type(2)::after {
    background-image: url("../img/img-2-large.jpg");
  }
  .projects-container .cd-single-project:nth-of-type(3) {
    top: 30%;
    left: 50vw;
  }
  .projects-container .cd-single-project:nth-of-type(3)::before {
    content: 'img/img-3-large.jpg';
  }
  .projects-container .cd-single-project:nth-of-type(3)::after {
    background-image: url("../img/img-3-large.jpg");
  }
  .projects-container .cd-single-project:nth-of-type(4) {
    top: 30%;
    left: 75vw;
  }
  .projects-container .cd-single-project:nth-of-type(4)::before {
    content: 'img/img-4-large.jpg';
  }
  .projects-container .cd-single-project:nth-of-type(4)::after {
    background-image: url("../img/img-4-large.jpg");
  }
  .projects-container .cd-single-project::after {
    height: 100vh;
    width: 100%;
    opacity: 0;
  }
  .projects-container .cd-single-project.is-loaded {
    /* show items when background images have been loaded */
    opacity: 1;
  }
  .projects-container .cd-single-project.is-loaded::after {
    opacity: 1;
  }
  .projects-container .cd-single-project.is-full-width {
    /* selected item */
    top: 0;
    left: 0vw;
    width: 100vw;
    height: auto;
    -webkit-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
    -moz-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
    transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
  }
  .name-header .name,
  .name-wrapper .name {
	font-size: 48px;
  }
  .name-header p.name-details,
  .name-wrapper p.name-details {
	font-size: 30px;
  }
  .name-break {
	  display:none;
  }
  .vert-bars,
  .vert-bars-web,
  .name-web,
  .name-web .vert-bars-web {
	  display:inline;
  }
  .name-header p.name-details,
  .name-wrapper p.name-details {
	  display: block;
  }
  .subsection .col-md-4 li {
	  margin-left: 5px;
  }
  .cd-project-info div.col-md-4 {
	  width: 33.33%;
  }
  .cd-project-info div.row {
	  width: 100%;
  }
  .cd-project-info div.container {
	  width:100%;
  }
  .subsection .col-md-4 {
	  padding-left:15px;
  }
  #skills .container .row {
	  margin-bottom: 5px;
  }
  .portfolio-pic-horiz {
	  width:50%;
	  float:right;
	  margin-left: 15px;
	  margin-bottom: 10px;
  }
  .portfolio-pic-vert {
	  width:35%;
	  float:right;
	  margin-left: 15px;
	  margin-bottom: 10px;
  }
  
  .portfolio-pic-vert-ipad {
	  display: block;
  }
  
  .portfolio-pic-horiz-ipad {
	  display: none;
  }
}

@font-face {
    font-family: 'si';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(fonts/socicon.svg) format(svg);
    }
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 27px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-right: 20px;
    color: #3f538e;
    background-color: #ffffff;
/*     border: 1px solid #3f538e; */
}


.soc a:hover {
    z-index: 2;
    background-color:#3f538e !important;
    color: #ffffff;
    border-width: 0px;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'b';
}
.soc-twitter:before {
    content:'a';
}
.soc-linkedin:before {
    content:'j';
}
.soc-flickr:before {
    content:'v';
}
.soc-instagram:before {
    content:'x';
}
.soc-vimeo:before {
    content:'s';
}
.soc-wordpress:before {
    content:'y';
}
.soc-email2:before {
    content:'.';
}

.filtr-item {
    padding: 1rem;
    cursor: pointer;
}

.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    line-height: 1.1;
}

.row#port-filter-controls {
	margin: 20px 0px;
}
			
/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding: 1rem 2rem;
}
.simplefilter li {
    background-color: #585858;
}
.simplefilter li.active {
    background-color: #212121;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}

.modal-body .row {
	margin: 20px 0px;
}

.modal-body a.btn.btn-default,
.btn.btn-default {
	background-color: #3f538e;
	color: #fff;
	box-shadow: inset 0 0px 0 rgba(255,255,255,0), 0 0px 0px rgba(0,0,0,0);
	border: 1px solid #fff;
	text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
	background-image: none;
}

.modal-body a.btn.btn-default:hover,
.modal-body a.btn-default:hover,
.btn-default:hover {
	background-color: #fff;
	color: #3f538e;
	border: 1px solid #3f538e;
	box-shadow: inset 0 0px 0 rgba(255,255,255,0), 0 0px 0px rgba(0,0,0,0);
	background-image: linear-gradient(to bottom, #fff 0, #fff 0);
}

.modal-body a.btn-primary,
.modal-body a.btn.btn-primary,
a.btn.btn-primary,
.btn.btn-primary {
	background-color: #5F6487;
	color: #fff;
	box-shadow: inset 0 0px 0 rgba(255,255,255,0), 0 0px 0px rgba(0,0,0,0);
	border: 1px solid #fff;
	text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
	background-image: none;
}

.modal-body a.btn-primary:hover,
.modal-body a.btn.btn-primary:hover,
a.btn.btn-primary:hover,
.btn.btn-primary:hover {
	background-color: #fff;
	color: #5F6487;
	border: 1px solid #5F6487;
	box-shadow: inset 0 0px 0 rgba(255,255,255,0), 0 0px 0px rgba(0,0,0,0);
	background-image: linear-gradient(to bottom, #fff 0, #fff 0);
}

.btn .glyphicon {
	color: inherit;
}

.modal-body .row.graphics-grid .col-sm-6 {
	padding-bottom: 10px;
}

.modal-body .row.graphics-grid .row div {
	padding-bottom: 25px;
}


.modal-body .row.graphics-grid img.img-responsive,
.modal-body .row.graphics-grid img {
	border: 1px solid #b4b5bf;
	margin-top: 15px;
}

.modal-body .row.graphics-grid img.img-responsive.no-border,
.modal-body .row.graphics-grid img.no-border {
	border: 0px solid rgba(255, 255, 255, 0);
}

.modal-body .row.graphics-grid div p {
	font-family: 'Source Sans Pro', sans-serif;
	color: #b4b5bf;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	padding-top: 7px;
	line-height: 1;
}

.modal-body h5 {
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 300;
	font-variant-numeric: oldstyle-nums;
	-moz-font-feature-settings: "onum";
	-ms-font-feature-settings: "onum";
	-webkit-font-feature-settings: "onum";
	font-feature-settings: "onum";
	font-size: 20px;
	color: #3f538e;
	line-height: 1.1;
	margin-top: 12px;
	margin-bottom: 8px;
}

.modal-body h6 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #b4b5bf;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 0px;
}