/* PLACE YOUR CUSTOM STYLES IN THIS FILE */


	
.keyline {
height: 1.5px;
width:65px;
background: #B2B2B2;
transform-origin: center;
	
}

.bold {
font-weight: bold;
	
}

.red {
color: firebrick
}

.green {
color: forestgreen;
}

ul {
list-style-type: circle;
list-style-position: outside;
padding-left: 25px;
	
}

ol {
list-style-position: outside;
padding-left: 25px;
	
}

.spacing {
color: #B2B2B2;
	
}

.quotes {
font-size: 1.3rem;
font-style: italic;
text-align: left;

}


.review {
font-style: italic;
}

hr.solid {
border-top: 1px solid #b5b5b5;
	
}

.pl-200 {
	padding-left: 200px;
}

.pr-200 {
	padding-left: 200px;
}

.bg-pod {
background-color: #f2f2f2;	
border-radius: 15px;
	margin: 20px;
}

.bg-pod-education {
background-color: #f2f2f2;	
border-radius: 15px;

}

.nk-gallery-item img.image-hover {
position: absolute;
top: .5;
right: 0;
left: 0;
bottom: 0;
object-fit:contain;
opacity: 0;
transition: opacity .75s;
}

.nk-gallery-item:hover img.image-hover {
opacity: 1;
}

.nk-gallery-item:hover img.image-main {
opacity: 0;
}

.nk-gallery-item img.image-main {
transition: opacity .5s;
}

.typography-headline-elevated-bold {
font-size: 67px;
line-height: 1;
font-weight: 600;
letter-spacing: -.012em;
font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.section-text {
font-size: 21px;
line-height: 1.65;
font-weight: 400;
letter-spacing: .009em;
font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.hero-intro {
font-size: 26px;
line-height: 1.45;
font-weight: 500;
letter-spacing: .009em;
font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.orange {
color: #e85d00;	
text-decoration: none;
}

a.h5 {
text-decoration: none;
}

a.nk-gallery-item.nk-portfolio-item-image.resumeLink {
color: #e85d00;	
text-decoration: none;
display: block;
background: url(../images/about/pdf_icon.png) no-repeat 0;
text-indent: 25px;
}

a.social-links {
color: #171717;	
font-weight: 400;	
text-decoration: none;
}


.white-text {
color: #FFFFFF;
	
}

.sub-titles {
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 32px;
	font-weight: 600;
    color: #171717;
}

.space {
list-style-type: none;
margin: 0;
padding: 0;
}



.skills {
line-height: .25;
}


.edumacation {
line-height: 1;
}


.light {
color: #888;
}



.pro {
	
}

.tres {
	
}


.BG-horizon {
  background-image:url("../images/fuji/BG-horizon.jpg");
  background-position: bottom left; 
  background-repeat: repeat-x;
	
}






@media (max-width: 767px) {
    .pro {
        width: 75%;
		margin-left: 60px;

    }
}


@media (max-width: 500px) {
    .pro {
        width: 85%;
		margin-left: 35px;

    }
}



.imgsm {
	
        width: 100%;

}

@media (max-width: 991px) {
	
.imgsm {
	
        width: 60%;
		margin-left: 17%

    }
}

@media (max-width: 767px) {
	
.imgsm {
	
        width: 65%;
    }
}


.imgrole {
	
width: 75%;

}

@media (max-width: 991px) {
	
.imgrole {
	
        width: 80%;
		margin-bottom: 10%;

    }
}

@media (max-width: 767px) {
	
.imgrole {
	
        width: 85%;
		margin-bottom: 15%;
	
    }
}










.design {
	margin: 5px;
}

.nk-isotope.nk-isotope-2-cols .nk-isotope-item.design {
        width: 49.3%;}


@media (max-width: 1920px) {
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item.design {
        width: 49.3%;
    }
}

@media (max-width: 1780px) {
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item.design {
        width: 49.3%;
    }
}

@media (max-width: 1366px) {
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item.design {
        width: 48.55%;
	}
}

@media (max-width: 1024px) {
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item.design {
        width: 49%;

    }
}

@media (max-width: 991px) {
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item.design {
        width: 48.55%;
    }
}

@media (max-width: 767px) {
    .nk-isotope.nk-isotope-2-cols .nk-isotope-item.design {
        width: 100%;
    }
}



.mow {
	
}

.nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow {
    width: 31%;
}

@media (max-width: 1920px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow {
    width: 32%;
    }
}

@media (max-width: 1780px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow {
    width: 32%;
    }
}

@media (max-width: 1366px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow {
    width: 30%;

    }
}

@media (max-width: 1024px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow {
    width: 30%;

    }
}

@media (max-width: 991px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow {
    width: 40%;
    }
}

@media (max-width: 767px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow {
        width: 65%;
    }
}

@media (max-width: 500px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow {
        width: 65%;
    }
}




.mow1 {
	
}

.nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow1 {
    width: 32%;
}

@media (max-width: 1920px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow1 {
    width: 35%;
    }
}

@media (max-width: 1780px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow1 {
    width: 33%;
    }
}

@media (max-width: 1366px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow1 {
    width: 32%;

    }
}

@media (max-width: 1024px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow1 {
    width: 32%;

    }
}

@media (max-width: 991px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow1 {
    width: 32%;
    }
}

@media (max-width: 767px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow1 {
        width: 50%;
    }
}

@media (max-width: 500px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.mow1{
        width: 90%;
    }
}




.bg-footer {
border-top: 1px solid #F2F2F2;
	
}




.win {
	
}

.nk-isotope.nk-isotope-1-cols .nk-isotope-item.win  {
    width: 50%;
}

@media (max-width: 1920px) {
    .nk-isotope.nk-isotope-3-cols .nk-isotope-item.win  {
    width: 25%;
    }
}

@media (max-width: 1780px) {
    .nk-isotope.nk-isotope-1-cols .nk-isotope-item.win  {
    width: 50%;
    }
}

@media (max-width: 1366px) {
    .nk-isotope.nk-isotope-1-cols .nk-isotope-item.win  {
    width: 50%;

    }
}

@media (max-width: 1024px) {
    .nk-isotope.nk-isotope-1-cols .nk-isotope-item.win  {
    width: 50%;

    }
}

@media (max-width: 991px) {
    .nk-isotope.nk-isotope-1-cols .nk-isotope-item.win  {
    width: 50%;
    }
}

@media (max-width: 767px) {
    .nk-isotope.nk-isotope-1-cols .nk-isotope-item.win {
        width: 100%;

    }
}

@media (max-width: 500px) {
    .nk-isotope.nk-isotope-1-cols .nk-isotope-item.win  {
        width: 100%;

    }
}











.nk-img-hero {
        width: 88%;
		margin-left: 6%; 
    }
}

@media (max-width: 1920px) {
.nk-img-hero {
    width: 100%;
	margin-left: 1.10%; 	}
}

@media (max-width: 1780px) {
.nk-img-hero {
    width: 100%;
	margin-left: 1.10%; 	}
}

@media (max-width: 1366px) {
.nk-img-hero {
    width: 120%;	
	margin-left: -8%; 
    }
}

@media (max-width: 1024px) {
.nk-img-hero {
    width: 120%;	
	margin-left: -8%; 	
	}
}

@media (max-width: 991px) {
.nk-img-hero {
        width: 70%;
		margin-left: 14.5%;
    }
}

@media (max-width: 767px) {
.nk-img-hero {
        width: 70%;
		margin-left: 14.5%;
    }
}

@media (max-width: 700px) {
.nk-img-hero {
        width: 78%;
		margin-left: 10.5%; 
    }
}

@media (max-width: 620px) {
.nk-img-hero {
        width: 88%;
		margin-left: 6%; 
    }
}


@media (max-width: 576px) {
.nk-img-hero {
    width: 100%;
	margin-left: .35%; 	
    }
}

@media (max-width: 500px) {
.nk-img-hero {
    width: 100%;
	margin-left: .35%; 	
    }
}

@media (max-width: 414px) {
.nk-img-hero {
    width: 98%;	
	margin-left: 1.5%; 
    }
}

@media (max-width: 375px) {
.nk-img-hero {
    width: 98%;	
	margin-left: 1.5%; 
	}
}

@media (max-width: 320px) {
.nk-img-hero {
        width: 70%;
		margin-left: 15%; 
	}
}

























.c-number {
border-radius: 50%;
width: 38px;
height: 38px;
background: #fff;
border: 3px solid #000;
color: #000;
text-align: center;
font: 26px Arial, sans-serif;
	
}





.BGC {
	
	background-image: url("../images/viewport.png");
	background-repeat: no-repeat;
	background-position: center;
}






.div-img{
    justify-content: center;
    align-items: center;
    display:flex;
    padding-top:20%;
}
.img-H{
    transition: transform .2s;
    margin:0 auto;
}
.img-H:hover{
    transform:scale(1.35);
	position: relative;
	z-index: 1;
}




.body-title {
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 40px;
	line-height: 1.25;
    -webkit-font-smoothing: antialiased;
	font-weight: 600;
    color: #171717;
}

.body-eyebrow {
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
	font-weight: 700;
	line-height: 1.65;
    -webkit-font-smoothing: antialiased;
	letter-spacing: .009em;
    color: #e85d00;
    text-transform: uppercase;
    margin-bottom:0
}

.body-heading {
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 26px;
	line-height: 1.25;
    -webkit-font-smoothing: antialiased;
	font-weight: 600;
    color: #171717;
}

.body-topics {
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 21px;
	line-height: 1.25;
    -webkit-font-smoothing: antialiased;
	font-weight: 600;
    color: #171717;
}

.body-subhead {
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
	line-height: 1.25;
    -webkit-font-smoothing: antialiased;
	font-weight: 600;
    color: #171717;
}

.body-text {
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.body-component {
    margin: 15px;
}




.center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}

@media (max-width: 1200px) {
.center-img {
  display: block;
  margin-top: 10%;
  width: 85%;
    }
}

@media (max-width: 992px) {
.center-img {
  display: block;
  margin: auto;
  width: 45%;
	}
}

@media (max-width: 768px) {
.center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 55%;
    }
}

@media (max-width: 576px) {
.center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 55%;
    }
}