@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Titillium Web Light';
    src: url('../fonts/TitilliumWeb-Light.eot');
    src: url('../fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb-Light.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-Light.woff') format('woff'),
         url('../fonts/TitilliumWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Regular.eot');
    src: url('../fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-Regular.woff') format('woff'),
         url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web Medium';
    src: url('../fonts/TitilliumWeb-SemiBold.eot');
    src: url('../fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
         url('../fonts/TitilliumWeb-SemiBold.woff') format('woff'),
         url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*@font-face {
    font-family: "TitilliumRegular";
    src: url('../fonts/titillium-regular.eot');
    src: url('../fonts/titillium-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-regular.woff') format('woff'),
         url('../fonts/titillium-regular.ttf') format('truetype'),
         url('../fonts/titillium-regular.svg#TitilliumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('../fonts/titillium-bold.eot');
    src: url('../fonts/titillium-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-bold.woff') format('woff'),
         url('../fonts/titillium-bold.ttf') format('truetype'),
         url('../fonts/titillium-bold.svg#TitilliumBold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {
    font-family: 'TitilliumLtBold';
    src: url('../fonts/titillium-light.eot');
    src: url('../fonts/titillium-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-light.woff') format('woff'),
         url('../fonts/titillium-light.ttf') format('truetype'),
         url('../fonts/titillium-light.svg#TitilliumLtBold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'embarclight';
    src: url('../fonts/embarc.otf')
        ,url('../fonts/embarc.eot?#iefix') format('embedded-opentype');   
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Antenna-Light';
    src: url('../fonts/Antenna-Light.eot');
    src: url('../fonts/Antenna-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Antenna-Light.woff') format('woff'),
         url('../fonts/Antenna-Light.otf') format('truetype'),
         url('../fonts/Antenna-Light.svg#Antenna-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Antenna-Regular';
    src: url('../fonts/Antenna-Regular.eot');
    src: url('../fonts/Antenna-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Antenna-Regular.woff') format('woff'),
         url('../fonts/Antenna-Regular.otf') format('truetype'),
         url('../fonts/Antenna-Regular.svg#Antenna-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MuseoSans_500;
    src: url('../fonts/MuseoSans-500.eot');
    src: url('../fonts/MuseoSans-500.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans-500.woff') format('woff'),
         url('../fonts/MuseoSans_500.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: MuseoSans_500_Italic;
    src: url('../fonts/MuseoSans_500_Italic.eot');
    src: url('../fonts/MuseoSans_500_Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_500_Italic.woff') format('woff'),
         url('../fonts/MuseoSans_500_Italic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: MuseoSans_700;
	src: url('https://benlevywebdesign.com/fonts/MuseoSans_700.otf')
	    ,url('https://www.benlevywebdesign.com/fonts/MuseoSans_700.otf');
}

/*@import url('https://fonts.googleapis.com/icon?family=Material+Icons');*/

/*@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.eot');
    src: url('../fonts/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MaterialIcons-Regular.woff') format('woff'),
         url('../fonts/MaterialIcons-Regular.woff2') format('woff'),
         url('../fonts/MaterialIcons-Regular.ttf') format('truetype')
}*/

.material-icons.md-18 { font-size: 16px; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.sdxcallout {
    color: #123250;
    position: relative;
    top: 5px;
}

.hero-img .hero-title {
    bottom: 3%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

section.herotitlebg::before {
    content: '';
    /*background-color: #000;*/
    background: rgba(102,102,102,0);
    background: -moz-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(36,36,36,1) 65%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(102,102,102,0) 0%,rgba(36,36,36,1) 65%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(102,102,102,0) 0%,rgba(36,36,36,1) 65%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00666666', endColorstr='#000000',GradientType=0 );
    /*background: -moz-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -webkit-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -o-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -ms-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: linear-gradient(to bottom, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);*/
    opacity: 0.5;
    width: 100%;
    min-height: 125px;
    position: absolute;
    bottom: 0;
    left: 0;
}

section.phototitlebg::before {
    content: '';
    /*background-color: #000;*/
    background: rgba(102,102,102,0);
    background: -moz-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,102,102,0)), color-stop(35%, rgba(54,54,54,1)), color-stop(75%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -o-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -ms-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: linear-gradient(to bottom, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000', GradientType=0 );
    opacity: 0.5;
    width: 100%;
    min-height: 125px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.center{
    text-align: center;
}

/* MAIN HEADER TEXT STYLES AND EFFECTS */

.hero-title-index {
  margin-top: 5.8em;
  font-family: "Antenna-Regular", "Antenna-Light", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
  font-size: 5em;
  color: #123250;
}

.hero-icons {
    /*font-size: 60px;*/
    width: 80px;
    position: relative;
    top: -5px;
}

.hero-hi {
    color: #0668a6;
}

.title-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.title-words-wrapper p {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}

.title-words-wrapper p.is-visible {
  position: relative;
}

.no-js .title-words-wrapper p {
  opacity: 0;
}

.no-js .title-words-wrapper p.is-visible {
  opacity: 1;
}

.title-headline {
  font-family: "Antenna-Light", "Titillium Web Light", 'OpenSans-Regular', sans-serif;
  font-size: 5em;
  color: #123250;
}

.title-headline.clip span {
  display: inline-block;
  padding: 0 0 .2em 0;
}

.title-headline.clip .title-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.title-headline.clip .title-words-wrapper::after {
  /* line */
  content: '';
  position: absolute;
  top: -5px;
  right: 0;
  width: 2px;
  height: 75%;
  background-color: #0668a6;
}

.title-headline.clip p {
  opacity: 0;
}

.title-headline.clip p.is-visible {
  opacity: 1;
}

/* END HEADER TEXT STYLES AND EFFECTS */

.title {
    font-family: "Titillium Web Light", 'OpenSans-Regular', sans-serif;
    /*text-transform: uppercase;*/
    position: relative;
    color: #F5F7FA;
    opacity: 1;
}

/*.title-index, .sub-title,*/ .indexsub-title {
    display: inline-block;
    font-size: 2.25em;
    font-weight: 500;
    font-family: "Antenna-Light", "Titillium Web", 'OpenSans-Regular', sans-serif;
    color: #123250;
    padding-bottom: 15px;
}

/*#changingword {
    border-bottom: 2px solid #123250;
    padding: 0px 0px 5px 0px;
    display: inline-block;
    width: 200px;
    margin: 0 5px;
}*/

/*.indexsub-title {
    display: none;
    color: #0668a6;
    font-family: "Antenna-Light", "Titillium Web", 'OpenSans-Regular', sans-serif;
}*/

section.projectindexbg::before {
    /*content: '';*/
    /*background-color: #000;*/
    /*background: rgba(102,102,102,0);
    background: -moz-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,102,102,0)), color-stop(35%, rgba(54,54,54,1)), color-stop(75%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -o-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -ms-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: linear-gradient(to bottom, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000', GradientType=0 );
    opacity: 0.5;
    width: 100%;
    min-height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;*/
}

.projectindextitle {
    font-family: "Titillium Web Light", "Titillium Web", 'OpenSans-Regular', sans-serif;
    color: #F5F7FA;
}

.projectindexsubtitle {
  font-family: "OpenSans-Regular", sans-serif;
  color: #F5F7FA;
  margin-bottom: 1em;
}

h2.projectobjective {    
    font-family: 'Titillium Web Light', 'OpenSans-Regular', sans-serif;
    /*text-transform: uppercase;
    text-transform: capitalize;*/
    font-size: 2.5em;
    font-weight: normal;
    color: #123250;
    margin-bottom: 15px;
}

p.projectdescription {
    font-family: 'OpenSans-Regular', sans-serif;
    font-size: 1em;
    line-height: 1.6;
    padding-right: 15px;
    color: #2b2b2b;
}

/* OLD STYLE */

/*figcaption.worktitle {
    font-family: "TitilliumRegular", 'OpenSans-Regular', sans-serif;
    font-size:2em;
    text-transform: none;
    border-bottom: 2px solid #123250;
    margin-top: 10px;
    margin-bottom: 5px;
}*/

/* NEW STYLE */

figcaption.worktitle {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    font-size:1.5em;
    text-transform: uppercase;
    border-bottom: 2px solid #0668a6;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

figcaption.worktitle.margin {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    font-size: 1.5em;
    /*text-transform: none;*/
    border-bottom: 2px solid #0668a6;
    margin-top: 75px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

/* OLD STYLE */

/*figcaption.worksubtitle {
    font-family: "TitilliumRegular", 'OpenSans-Regular', sans-serif;
    font-size:1em;
    text-transform: none;
    margin-bottom: 5px;
}*/

/* NEW STYLE */

figcaption.workdescription {
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 1em;
    text-transform: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f3f3f3;
}

figcaption.worksubtitle {
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 1em;
    text-transform: none;
    margin-bottom: 15px;
}

figcaption.worksubtitlecaption {
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 0.875em;
    text-transform: none;
    margin-bottom: 15px;
    border-left: 1px solid #CCD1D9;
    padding-left: 0.5rem;
}


 .btn-lg, .btn-lg-index, a .btn-lg{
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    font-weight: 700;
    margin: 25px 0;
    color: #123250;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}

a:hover .btn-lg, .btn-lg:hover, .btn-lg-index:hover {
    text-decoration: none;
    color: #be1e2d;
    /*-webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;*/    
}

.btn-pti-right, .btn-pti-left {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    /*font-weight: 700;*/
    font-size: 20px;
    color: #AAB2BD;
    text-transform: uppercase;
}

.btn-pti-right:hover, .btn-pti-left:hover {
    color: #F5F7FA;
}

.btn-pti-right .fa {
    font-size: 22px;
    position: relative;
    right: -5px;
    opacity: 0;
    /*-webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;*/
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

.btn-pti-right:hover .fa{
    color: #F5F7FA;
    display: inline;
    position: relative;
    right: 10px;
    opacity: 1;
}

.btn-pti-left .fa {
    font-size: 22px;
    position: relative;
    left: -5px;
    opacity: 0;
    /*-webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;*/
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
}

.btn-pti-left:hover .fa{
    color: #F5F7FA;
    display: inline;
    position: relative;
    left: 10px;
    opacity: 1;
}


.btn-lg.resumedownload {
    margin: 0px;
}

.btn-lg.sendform {
    margin: 0 0 15px 0;
}

figure.projnav h2,
figure.projnav p {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    /*text-transform: uppercase;*/
    font-size:1.6em;
    color: #123250;
    /*text-shadow: 0px 0px 3px #F5F7FA;*/
    text-shadow: 0 1px 20px rgba(250,250,250,1);
    margin: 0;
}

/*figure.projnav:hover h2 {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    color: #0668a6;
}*/

figure.projnav p{
    font-size:1em;
}

figure.projnav .fa {
    padding-left: 5px;
    font-size:0.8em;
    font-weight: lighter;
}

.sectiontitle {
    font-family: Titillium Web, "Titillium Web Light", 'MuseoSans_500', Trebuchet MS;
    font-size:24px;
    color:#0668a6;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);*/
    margin-bottom:20px;
    /*position: relative;
    margin-left:24px;*/
}

/*.errorbox {
    border-bottom: 2px solid #123250;
    background-color:#FBFDFD;*/
    /*margin-bottom:10px;
}*/

.error {
    font-family: "OpenSans-Regular", 'Titillium Web Light', "MuseoSans_500", "Trebuchet MS";
    color: #94002C;
    font-size:16px;
    font-weight: normal;
    margin-top: -44px;
    padding: 0px;
    float: right;
    /*border-style: none solid solid solid;
    border-bottom: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;*/
}

#message-error {
    margin-top: -32px;
    margin-bottom: 0;
}

#contactform {
    position: fixed;
    top:0;
    left: 0;
    padding: 15px;
    margin: 0;
    width: 100%;
    background-color: #fafafa;
    z-index: 9999;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
}

p.contactformsentname {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    font-size: 30px;
    color: #0668a6;
}

p.contactformsent {
    font-family: "OpenSans-Regular", 'OpenSans-Regular', sans-serif;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    font-size: 16px;
    color: #454545;
}

/*.error:last-child{
    font-family:"OpenSans-Regular", 'TitilliumLtBold', "MuseoSans_500", "Trebuchet MS";
    color: #94002C;
    font-size:18px;
    margin-top:0px;
    margin-bottom:0px;
}*/

h4.footersocial {
    font-family:  "Titillium Web", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    margin: 0 0 10px 0;
    padding: 5px;
}

li.footersocial {
    list-style: none;
    float: left;
    /*padding: 5px;*/
    width: 33.3%;
}

li.footersocial.center {
    text-align:center;
}

li.footersocial:last-child {
    float: right;
    text-align:right;
}

li.footersocial a {
    font-size: 18px;
    color: #656D78;
    background-color: #F5F7FA;
    padding: 6px 30px;
    border:2px solid #CCD1D9;
    border-radius: 1.625em;
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -o-transition: 0.35s;
    -ms-transition: 0.35s;
    transition: 0.35s;
}

li.footersocial a:hover {
    color: #0668a6;
    border:2px solid #123250;
    /*-webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -o-transition: 0.35s;
    -ms-transition: 0.35s;
    transition: 0.35s;*/
}

h4.footersocialcreateby {
    font-family:  "Titillium Web", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 16px;
    margin: -20px 0 0px 0;
    /*padding: 5px;*/
    text-align: center;
    /*text-transform: uppercase;*/
    color: #2b2b2b;
}

.sf-bmlsite {
    position: relative;
    top: 5px;
    margin:5px;
    color: #434A54;
}

p.fourohfour {
    font-family: 'Titillium Web' ,"Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 35px;
    line-height:35px;
    text-transform:uppercase;
    color:#94002C;
    text-align:center;
}

p.fourohfour2 {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    font-size: 25px;
    line-height:35px;
    letter-spacing:0px;
    color:#123250;
    text-align:center;
}

a.fourohfour2 {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    font-size: 25px;
    line-height:normal;
    color:#2b2b2b;
}

a.fourohfour2:hover{
    color: #94002C;
    text-decoration:underline;
}

/*----------------------------*/
/* Resume and Bio Text Styles */
/*----------------------------*/

.biocallout-type {
    font-size: 1.5em;
    font-family: /*"Antenna-Regular", "Antenna-Light",*/ "Titillium Web", 'OpenSans-Regular', sans-serif;
    color:#123250;
    text-align: center;
}

.biocallout-type .fa-angle-double-right {
    margin: 15px;
    color: #BE1E2D;
    /*display: none;*/
}

.biocallout-type .fa-angle-double-down {
    display: none;
}

p.bio {
    font-family: "OpenSans-Regular","Titillium Web Light", "MuseoSans_500";
    font-size:14px;
    line-height:30px;
    color: #2b2b2b;
    /*margin-left:5px;*/
}

/*p.bioresume {
    font-family: "OpenSans-Regular","TitilliumLtBold", "MuseoSans_500";
    font-size:18px;
    color:#123250;
    line-height:30px;
    margin-left:5px;
    margin-top:-5px;
    padding:5px;
}*/

p.bioresume {
   margin: 0px;
}

p.bioresume .fa {
    margin-right: 5px;
    font-size:18px;
}

p.downloadresume {
    font-family: "OpenSans-Regular","Titillium Web Light", "MuseoSans_500";
    font-size:18px;
    color:#123250;
    /*margin-left:15px;*/
    margin:0px;
    /*margin-top:0px;*/
}

a.downloadresume {
    text-decoration:none;
}

.show_hide {
    font-family: "OpenSans-Regular","Titillium Web Light", "MuseoSans_500";
    font-size:20px;
    color:#123250;
    cursor:pointer;
    /*line-height:30px;*/
    padding:0.313em 0.938em 0.313em 0.938em;
    /*outline:0;*/
    background-color: transparent;
    border: 2px solid #E6E9ED;
    border-radius: 1.625em;
    margin:0px;
}

p.bioresume:hover, .show_hide:hover, p.downloadresume:hover {
    text-decoration:none;
    color:#be1e2d;
    cursor:pointer;
}

h1.resume {
    font-family: "Titillium Web Light", "MuseoSans_700", "Trebuchet MS";
    font-size: 36px;
    color: #123250;
    text-shadow:0 1px 0 rgba(157,157,157,0.75);
    padding-right:10px;
    /*padding-left:25px;*/
    line-height: 52px;
    /*margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-8px;*/
    margin: 0;
}

h1.resumename {
    font-family: "Titillium Web Light", "MuseoSans_700", "Trebuchet MS";
    font-size: 18px;
    text-transform:uppercase;
    color: #123250;
    text-shadow:0 1px 0 rgba(157,157,157,0.75);
    padding-right:10px;
    margin-top:10px;
    /*margin: 0;*/
}

h1.resumetitle {
    font-family: "Titillium Web Light", "MuseoSans_700", "Trebuchet MS";
    font-size: 18px;
    color: #123250;
    text-shadow:0 1px 0 rgba(157,157,157,0.75);
    margin-top:10px;
    text-align:right;
    position: relative;
}

h2.resume {
    font-family: "Titillium Web Light", "MuseoSans_700", "Trebuchet MS";
	/*font-size: 32px;*/
    color: #123250;
    text-shadow:0 1px 0 rgba(157,157,157,0.75);
    padding-right:10px;
    /*padding-left:25px;*/
    line-height: 52px;
    /*margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-8px;*/
    margin: 0;
    background-attachment:scroll;
    background-repeat:repeat-y;
}

.bml-res-icons {
  font-size: 1.5em;
  position: relative;
  top: -1px;
  margin: 0px;
  left: -5px;
  padding-right: 5px;
  color: #0668a6;
}

h3.resume { font-family: "Titillium Web Light" , "MuseoSans_500", "Trebuchet MS";
    font-size:18px;
    font-weight: bold;
    color: #181818;
    padding-left:10px;
    line-height: 25px;
    /*margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-2px;*/
    margin: 0;
}

h4.resume { 
    font-family: "Titillium Web Light", "MuseoSans_500", "Trebuchet MS" ;
    font-size:16px;
    line-height: 24px;
    color: #181818;
    padding-left:26px;
    list-style: disc;
    /*margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-2px;*/
    margin: 0;
}

.resume-callout { 
    font-family: "Titillium Web Light", "MuseoSans_500", "Trebuchet MS" ;
    /*font-weight: bold;*/
    font-size:24px;
    color: #be1e2d;
    list-style: disc;
}

address {
    margin-bottom:20px;
}

ul.restext{
    font-family: "OpenSans-Regular", "MuseoSans_500";
    font-size:14px;
    line-height: 24px;
    color: #181818;
    padding-left:45px;
    list-style: none;
    margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-2px;
    padding-bottom:24px;
}

ul.restextskills{
    font-family: "OpenSans-Regular", "MuseoSans_500";
    font-size:14px;
    line-height: 24px;
    color: #181818;
    padding-left:45px;
    list-style: none;
    margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-2px;
    padding-bottom:24px;
}

li.resinfo .fa {
    font-weight: bold;
}

/*li.resinfo:before {
  font-family: FontAwesome; /* FontAwesome or whatever */
  /*content: "\f105"; /* FontAwesome char code inside the '' */
  /*display: inline-block;
  width: 1em;  /*same as padding-left set on li */
  /*margin-left: -1.2em;
}​*/

p.restext {
    font-family: "OpenSans-Regular" , "Titillium Web Light", "MuseoSans_500";
    font-size:14px;
    color: #181818;
    padding-left:30px;
    padding-right:20px;
    line-height: 24px;
    margin-top:10px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-1px;
    padding-bottom:24px;
}

p.resaddresstext {
    position: relative;
    /*right:5px;*/
    /*top:-29px;*/
    text-align:left;
    font-family: "OpenSans-Regular" , "MuseoSans_500";
    font-size:14px;
    color: #181818;
    /*padding-left:30px;*/
    /*padding-right:20px;*/
    line-height: 20px;
    margin-top:0px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0px;
}

p.resaddresstextright {
    position: relative;
    right:5px;
    /*top:-29px;*/
    text-align:right;
    font-family: "OpenSans-Regular" , "MuseoSans_500";
    font-size:14px;
    color: #181818;
    /*padding-left:30px;*/
    /*padding-right:20px;*/
    line-height: 20px;
    margin-top:0px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0px;
}

p.resdatetext {
    position: relative;
	/*right:5px; */
    /*top:-29px;*/
    text-align:right;
    font-family: "OpenSans-Regular" , "MuseoSans_500";
    font-size:16px;
    color: #181818;
    /*padding-left:30px;*/
    /*padding-right:20px;*/
    line-height: 20px;
    margin-top:0px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0px;
}

p.restextbtm {
    font-family: "OpenSans-Regular" , "Titillium Web Light", "MuseoSans_500", "Trebuchet MS";
    font-size:14px;
    color: #181818;
    padding-left:40px;
    padding-right:20px;
    line-height: 24px;
    margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}

/* D&P Policy and Terms Styles */

p.dpprivacytermsbigtext {
    font-family: 'Titillium Web' ,"Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 35px;
    line-height:35px;
    text-transform:uppercase;
    color:#94002C;
    text-align:center;
}

p.dpprivacytermstext {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    font-size: 25px;
    line-height:35px;
    letter-spacing:0px;
    color:#123250;
/*    text-align:center;*/
}

p.dpprivacyterms {
    font-family: 'OpenSans-Regular', sans-serif;
    font-size: 1em;
/*    line-height: 1.6;*/
/*    padding-right: 15px;*/
    color: #2b2b2b;
}

ul.dpprivacyterms{
    font-family: "OpenSans-Regular", "MuseoSans_500";
/*    line-height: 2em;*/
    color: #181818;
    list-style: none;
    padding-left: 20px;
}

li.dpterms {
    padding-bottom:8px;
}

li.dpterms .fa {
    font-weight: bold;
}

@media screen and (min-width:960px){

.hero-title-index {
    margin-top: 7.3em;
    font-family: "Antenna-Regular", "Antenna-Light", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 4em;
    color: #123250;
}

}

@media screen and (min-width:768px) and (max-width:960px) {

.hero-title-index {
    margin-top: 7.3em;
    font-family: "Antenna-Regular", "Antenna-Light", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 4em;
    color: #123250;
}

.hero-icons {
    width: 50px;
    position: relative;
    top: -6px;
}

}

@media (max-width: 640px) {

a .btn-lg {
    margin: 10px 0;
}

.btn-lg.resumedownload {
    margin: 10px 0;
}

.title {
    font-family: "Titillium Web Light", 'OpenSans-Regular', sans-serif;
    /*text-transform: uppercase;*/
    position: relative;
    color: #F5F7FA;
    opacity: 1;
    text-align: left;
}

/*.hero-title-index {
    margin-top: 8em;
    position: fixed;
}*/

.title-index, .sub-title, .indexsub-title {
    display: inline-block;
    font-size: 1.8em;
    font-weight: 500;
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    color: #123250;
    padding-bottom: 15px;
}

#changingword {
    border-bottom: 2px solid #123250;
    padding: 10px 10px 5px 10px;
    display: inline-block;
    width: 175px;
    margin-bottom: 0.5em;
}

.indexsub-title {
    display: none;
    color: #0668a6;
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    /*border-bottom:2px solid #123250;*/
}

.title-index {
    padding-bottom: 0px;
}

.sub-title {
    /*padding-top: 15px;*/
    padding-bottom: 0px;
}

.projectindextitle {
    font-family: "Titillium Web Light", "Titillium Web", 'OpenSans-Regular', sans-serif;
    color: #F5F7FA;
    font-size: 28px;
}

section.herotitlebg::before {
    content: '';
    /*background-color: #000;*/
    background: -moz-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -webkit-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -o-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: -ms-linear-gradient(top, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    background: linear-gradient(to bottom, rgba(102,102,102,0) 0%, rgba(54,54,54,1) 35%, rgba(0,0,0,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000', GradientType=0 );
    opacity: 0.5;
    width: 100%;
    min-height: 125px;
    position: absolute;
    bottom: 0;
    left: 0;
}

p.bio {
    font-family: "OpenSans-Regular","Titillium Web Light", "MuseoSans_500";
    font-size:14px;
    line-height:25px;
    color: #2b2b2b;
    margin-top:10px;
}

h4.footersocial {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    margin: 0 0 10px 0;
    padding: 5px;
}

li.footersocial {
    list-style: none;
    float: left;
    /*padding: 5px;*/
    width: 33.3%;
}

li.footersocial.center {
    text-align:center;
}

li.footersocial:last-child {
    float: right;
    text-align:right;
}

li.footersocial a {
    font-size: 18px;
    color: #123250;
    background-color: #F5F7FA;
    padding: 5px 25px;
    border:2px solid #CCD1D9;
    border-radius: 1.625em;
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -o-transition: 0.35s;
    -ms-transition: 0.35s;
    transition: 0.35s;
}

li.footersocial a:hover {
    color: #0668a6;
    /*-webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -o-transition: 0.35s;
    -ms-transition: 0.35s;
    transition: 0.35s;*/
}

h4.footersocialcreateby {
    font-family:  "Titillium Web", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 16px;
    margin: -20px 0 0px 0;
    /*padding: 5px;*/
    text-align: left;
    /*text-transform: uppercase;*/
    color: #2b2b2b;
}

.sf-bmlsite {
    position: relative;
    top: 5px;
    margin:0px;
    color: #434A54;
}

p.fourohfour {
    font-family: "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 35px;
    line-height:35px;
    text-transform:uppercase;
    color:#94002C;
    text-align:center;
}

p.fourohfour2 {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    font-size: 25px;
    line-height:35px;
    letter-spacing:0px;
    color:#123250;
    text-align:center;
}

a.fourohfour2 {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    font-size: 25px;
    line-height:normal;
    color:#2b2b2b;
}

a.fourohfour2:hover{
    color: #94002C;
    text-decoration:underline;
}

h1.resumename {
    text-shadow: none;
}

h1.resumetitle {
    font-family: "Titillium Web Light", "MuseoSans_700", "Trebuchet MS";
    font-size: 18px;
    color: #123250;
    text-shadow: none;
    margin-top:0px;
    text-align:left;
    position: relative;
}

h3.resume { font-family: "Titillium Web Light" , "MuseoSans_500", "Trebuchet MS";
    font-size:18px;
    font-weight: bold;
    color: #181818;
    padding-left:0px;
    line-height: 25px;
    margin: 0;
    padding-left: 1em;
    text-indent:-1em;
}

h4.resume { 
    font-family: "Titillium Web Light", "MuseoSans_500", "Trebuchet MS" ;
    font-size:16px;
    line-height: 34px;
    color: #181818;
    padding-left:20px;
    list-style: disc;
    margin: 0;
}

ul.restext{
    font-family: "OpenSans-Regular", "MuseoSans_500";
    font-size:14px;
    line-height: 24px;
    color: #181818;
    padding-left:30px;
    list-style: none;
    margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-2px;
    padding-bottom:24px;
}

ul.restextskills{
    font-family: "OpenSans-Regular", "MuseoSans_500";
    font-size:14px;
    line-height: 24px;
    color: #181818;
    padding-left:0px;
    list-style: none;
    margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:-2px;
    padding-bottom:24px;
}

p.resaddresstextright {
    position: relative;
    right:0px;
    /*top:-29px;*/
    text-align:left;
    font-family: "OpenSans-Regular" , "MuseoSans_500";
    font-size:14px;
    color: #181818;
    /*padding-left:30px;*/
    /*padding-right:20px;*/
    line-height: 20px;
    margin-top:0px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0px;
}

p.restextbtm {
    font-family: "OpenSans-Regular" , "Titillium Web Light", "MuseoSans_500", "Trebuchet MS";
    font-size:14px;
    color: #181818;
    padding-left:0px;
    padding-right:20px;
    line-height: 24px;
    margin-top:1px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}

}

@media screen and (min-width:480px) and (max-width:768px) {

/* MAIN HEADER TEXT STYLES AND EFFECTS */

.hero-title-index {
    margin-top: 6.3em;
    font-family: "Antenna-Regular", "Antenna-Light", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 3em;
    color: #123250;
}

.hero-icons {
    width: 50px;
    position: relative;
    top: -6px;
}

.hero-hi {
    color: #0668a6;
}

.title-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.title-words-wrapper p {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.title-words-wrapper p.is-visible {
    position: relative;
}

.no-js .title-words-wrapper p {
    opacity: 0;
}

.no-js .title-words-wrapper p.is-visible {
    opacity: 1;
}

.title-headline {
    font-family: "Antenna-Light", "Titillium Web Light", 'OpenSans-Regular', sans-serif;
    font-size: 3em;
    color: #123250;
}

.title-headline.clip span {
    display: inline-block;
    padding: 0 0 .2em 0;
}

.title-headline.clip .title-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.title-headline.clip .title-words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: -20px;
    right: 0;
    width: 2px;
    height: 88%;
    background-color: #0668a6;
}

.title-headline.clip p {
    opacity: 0;
}

.title-headline.clip p.is-visible {
    opacity: 1;
}

/* END HEADER TEXT STYLES AND EFFECTS */

.show_hide {
    margin-top: 10px;
}

}

@media (max-width: 480px) {

/* MAIN HEADER TEXT STYLES AND EFFECTS */

.hero-title-index {
    margin-top: 10.3em;
    font-family: "Antenna-Regular", "Antenna-Light", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 1.8em;
    color: #123250;
}

.hero-icons {
    width: 36px;
    position: relative;
    top: -3px;
}

.hero-hi {
    color: #0668a6;
}

.title-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.title-words-wrapper p {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.title-words-wrapper p.is-visible {
    position: relative;
}

.no-js .title-words-wrapper p {
    opacity: 0;
}

.no-js .title-words-wrapper p.is-visible {
    opacity: 1;
}

.title-headline {
    font-family: "Antenna-Light", "Titillium Web Light", 'OpenSans-Regular', sans-serif;
    font-size: 2em;
    color: #123250;
}

.title-headline.clip span {
    display: inline-block;
    padding: 0 0 .2em 0;
}

.title-headline.clip .title-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.title-headline.clip .title-words-wrapper::after {
    /* line */
    content: '';
    position: absolute;
    top: -15px;
    right: 0;
    width: 2px;
    height: 85%;
    background-color: #0668a6;
}

.title-headline.clip p {
    opacity: 0;
}

.title-headline.clip p.is-visible {
    opacity: 1;
}

/* END HEADER TEXT STYLES AND EFFECTS */

.projectindextitle {
    margin-bottom: 0.1em;
}

.projectindexsubtitle {
    font-family: "OpenSans-Regular", sans-serif;
    color: #F5F7FA;
    margin-bottom: 0.5em;
}

.biocallout-type {
    font-size: 1.5em;
    font-family: /*"Antenna-Regular", "Antenna-Light",*/ "Titillium Web", 'OpenSans-Regular', sans-serif;
    /*font-style: italic;*/
    /*font-size:20px;*/
    color:#123250;
    text-align: center;
}

.biocallout-type .fa-angle-double-right {
    display: none;
}

.biocallout-type .fa-angle-double-down {
    color: #BE1E2D;
    margin: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p.resdatetext {
    position: relative;
    /*right:5px; */
    top:5px;
    text-align:right;
    font-family: "OpenSans-Regular" , "MuseoSans_500";
    font-size:14px;
    color: #181818;
    /*padding-left:30px;*/
    /*padding-right:20px;*/
    line-height: 20px;
    margin-top:0px;
    margin-left:0;
    margin-right:0;
    margin-bottom:0px;
}

.show_hide {
    margin: 15px 0 5px 0;
}

.emailphone {
    font-size: 90%;
}

}

@media (max-width: 320px) {

.hero-title-index {
    margin-top: 85%;
    font-family: "Antenna-Regular", "Antenna-Light", "Titillium Web Medium", 'OpenSans-Regular', sans-serif;
    font-size: 1.5em;
    color: #123250;
}

.projectindextitle {
    font-family: "Titillium Web Light", "Titillium Web", 'OpenSans-Regular', sans-serif;
    color: #F5F7FA;
    font-size: 24px;
    letter-spacing: -0.031em;
}

.projectindexsubtitle {
    font-family: "OpenSans-Regular", sans-serif;
    color: #F5F7FA;
    margin-bottom: 0.5em;
}

p.bio {
    font-family: "OpenSans-Regular","Titillium Web Light", "MuseoSans_500";
    font-size:13px;
    line-height:25px;
    color: #2b2b2b;
    margin-top:10px;
}
    
.btn-pti-right, .btn-pti-left {
    font-family: "Titillium Web", 'OpenSans-Regular', sans-serif;
    /*font-weight: 700;*/
    font-size: 16px;
    color: #AAB2BD;
    text-transform: uppercase;
}

.btn-pti-right .fa {
    display: inline;
    font-size: 18px;
    position: relative;
    right: 5px;
    opacity: 1;
}

.btn-pti-right:hover .fa{
    color: #F5F7FA;
    display: inline; 
}

.btn-pti-left .fa {
    display: inline;
    font-size: 18px;
    position: relative;
    left: 5px;
    opacity: 1;
}

.btn-pti-left:hover .fa{
    color: #F5F7FA;
    display: inline; 
}

.emailphone {
    font-size: 80%;
}

}