.external {
  padding: 5px 20px 5px 0;
  background: transparent url(../_icons/external.png) no-repeat center right;
}
/* use this class to make sure that images won't get iconized */
.imageLink {
  padding-right: 0px !important;
  background: none !important;
}
.noicon {
  padding: 0 0 0 0;
  background: transparent;
}
a.pdficon {
  padding: 5px 20px 5px 0;
  background: transparent url(../_icons/icon_pdf.gif) no-repeat center right;
}
/*Portfolio Top Spacing*/
.mar-top20 {
  margin-top: 8em;
}
.mar-top5 {
  margin-top: 5em;
}
.mar-btm {
  margin-bottom: 8em;
}
/*.main .opener{
  position: relative;
  z-index: 1;
  padding:13em 0 13em;
  width: 10000px;
  display:table-cell;
  vertical-align: middle;
}*/
.main2 .opener {
  /*padding: 15em 30em 13em 0;*/
}
.main-bg2 {
  background: url("../img/logo-header.jpg") 50% 0 no-repeat;
  background-size: cover;
}
.main-full .opener {
  /*height: 100vh;*/
}
h1, .h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 2.8em;
  line-height: 1.2;
  color: #3b3b3b;
  margin: 0.6em 0;
}
p {
  line-height: 1.65em;
}
.navbar.affix, .navbar.light {
  top: 0;
  z-index: 5;
  top: 0;
  background-color: #d7e5f5; /*#b3d5ff*/
}
.bluelink a {
  color: #1f6a99;
  text-decoration: underline;
}
.bluelink a:visited {
  color: #000;
  text-decoration: underline;
}
.bluelink a:hover, .bluelink a:focus {
  color: #000;
  text-decoration: none;
  background-color: #d7e5f5;
}
.ftrlink a {
  color: #1f6a99;
  text-decoration: none;
}
.ftrlink a:visited {
  color: #1f6a99;
  text-decoration: none;
}
.ftrlink a:hover, .ftrlink a:focus {
  color: #000;
  text-decoration: none;
  background-color: #d7e5f5;
}
img.thinborder {
  border: 1px solid silver;
}
.btn-dark {
  background-color: #1f6a99;
}
.resume-btn {
  letter-spacing: 2px;
}
.steps-btn {
  padding: .3em 1.2em .25em 1.2em;
  height: 2em;
  letter-spacing: normal;
  text-transform: none;
}
svg:hover {
  fill: #1f6a99;
}
svg {
  fill: #3b3b3b;
}
svg.jclogo-svg:hover {
  fill: #000;
}
.jclogotype {
  padding-top: 5px;
}
.brand {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  /*font-size: 1.875em;
    font-weight: 700;
    line-height: 1;
    color: #303030;*/
}
.ftrpad {
  padding-left: 55px;
}
.jcname {
  font-family: good-times, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: .85em;
  line-height: 1.5em;
}
h1.jcnametitle {
  font-family: good-times, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.7em;
}
.darksocial li a {
  color: #3d3d3d;
}
.darksocial li a:hover, .darksocial li a:focus {
  color: #d7e5f5;
}
.section {
  padding-top: 7.1em;
} /*7.1em*/
/*portfolio pages*/
.notopbtmpad {
  padding-top: 0;
  padding-bottom: 0;
}
.ftr-lh {
  line-height: 3em;
}
.addr-lh {
  line-height: .25em;
}
.ftr-pad-r2 {
  padding-right: 2em
}
.ftr-pad-b2 {
  padding-right: 2em;
  padding-left: 2em;
}
.photospace {
  margin-top: 1.5em
}
.topphotospace-1 {
  margin-top: 1em
}
.topphotospace-2 {
  margin-top: 2em
}
.topphotospace-3 {
  margin-top: 3em
}
.topphotospace-4 {
  margin-top: 4em
}
.topphotospace-5 {
  margin-top: 5em
}
.btmspace-1 {
  margin-bottom: 1em
}
.btmspace-2 {
  margin-bottom: 2em
}
.btmspace-3 {
  margin-bottom: 3em
}
.btmspace-4 {
  margin-bottom: 4em
}
.section-title {
  text-align: center;
}
.top-par {
  font-size: 1.25em;
  line-height: 1.75;
}
.top-par-launch {
  font-size: 1.25em;
  line-height: 1.75;
  padding-top: 0;
  margin-top: 0;
}
.launch-top {
  padding-top: 0;
  margin-top: 0;
}
.launch-col {
  padding-right: 2em;
  margin-top: 0;
  line-height: 1.65;
}
.top-space {
  padding: 0;
  margin-bottom: 1.5em;
}
.jcp-link {
  margin-top: 2.5em;
  padding-bottom: 0;
  margin-bottom: 2em;
  line-height: 1.75;
  font-size: 1.3em;
  text-align: center;
}
.blkborder {
  border: 1px solid #000;
  background-color: #000000;
}
.vidcaption-1 {
  font-style: italic;
  margin-top: 1.3em;
  font-size: .8em;
}
.vidcaption-2 {
  font-style: italic;
  margin-top: 1.3em;
  font-size: .8em;
}
.six40x360vid {
  padding-bottom: 56.245%;
}
.coolvid {
  padding-bottom: 27.9%;
}
.wowvid {
  padding-bottom: 19%;
}
.challengebox {
  padding: 1em;
  border: 1px solid #7D7D7D;
  margin-top: 1.5em;
  font-size: 1em;
}
.form-space {
  padding-top: 3.5em;
  padding-bottom: 5em;
}
.notopbtmpad {
  padding: 2em 0;
}
.main2 .opener {
  padding: 8em 0 7em; /*15em 0 13em*/
}
.darkred {
  color: darkred;
}
.ta-ctr {
  text-align: center;
}
.box-skills {
  margin-top: 2em;
  line-height: 1.75;
  border: 1px solid black;
  padding-bottom: 1em;
  background-color: #F1F1F1;
  margin-bottom: 2em;
}
.box-skills-head {
  text-align: center;
  font-size: 1em;
}
.box-skills-items {
  padding-right: 2em;
  margin-top: 0;
  line-height: 1.65;
}
ul.box-skills-indent {
  margin-left: 3em
}
.avail-blk {
  margin-top: 2em;
  padding-bottom: 0;
  line-height: 1.75;
}
h3.avail {
  font-size: 1.2em;
  margin-top: 2em;
  margin-bottom: 0;
  text-align: center;
  font-weight: bold;
}
.aboutphoto {
  margin-top: 1.5em;
  padding-bottom: 0;
  line-height: 1.75;
  text-align: center;
}
.copy-hl {
  font-size: 1.25em;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.hometag {
  font-size: 1.25em;
  line-height: 2.5em;
  margin-top: 1.5em;
}
h2 {
  font-size: 2em;
}
/*.affix-top {
  color: red;
}*/
input[type=text], input[type=email] {
  font-size: 1.2em;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.2;
}
textarea {
  font-size: 1.2em;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.2;
}
.affix-top .svgdisplay {
  display: none;
}
/*SVG*/ /*style="enable-background:new 0 0 42 42;"*/
.svg-back {
  enable-background: new 0 0 42 42;
}
.logoctr {
  margin: 0 auto;
}
.mar-btm {
  margin-bottom: 1.25em;
}
.pad-top-btm-1 {
  padding-top: 1em;
  padding-bottom: 1em;
}
.site-page-cont {
  margin-top: 1.5em;
  padding-bottom: 0;
  line-height: 1.75;
}
.site-par {
  font-size: 1.25em;
  margin-top: 1em;
  margin-bottom: 1.5em;
}
.pic-float-rt {
  width: 50%;
  display: inline-block;
  float: right;
  margin-top: 1em;
  margin-left: .5em;
}
.rt-col-left-mar {
  margin-left: 3em;
}
@media (max-width: 768px) {
  h2 {
    font-size: 2em;
  }
  .pic-float-rt {
    width: 100%;
    margin-top: 1em;
    float: none;
    display: block;
    margin-left: 0;
  }
  .rt-col-left-mar {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {}