a:focus,
a:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

.visible-hidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.visible-hidden:focus {
  clip: auto;
  height: auto;
  overflow: auto;
  position: absolute;
  width: auto;
}

.hidden {
  display: none;
}

/* HEADER */
header .espa-container {
  margin-top: -20px;
}

header .espa-container .col {
  display: flex;
  flex-flow: column wrap;
}

header .espa-container a {
  align-self: center;
}

header .espa-container img {
  max-width: 400px;
  width: 100%;
  padding: 0.5rem 1rem;
}

.headerMargin {
  margin-top: 135px;
}

/* CV MODULE */
.cv-wrapper {
	padding-bottom:50px;
}

.cv-wrapper h3 {
	margin-top:0px;
  font-size: 18px;

}

.cv-wrapper h4 {
  text-transform: uppercase;
  font-size: 14px;
}
.cv-wrapper .cv .desc {
	color: #aaa;
}

.cv-wrapper .cv:not(:first-child) {
	padding-top: 90px;
}

.cv-wrapper .cv .date {
	color: #aaa;
}
.cv-wrapper .cv .date .fa,
.cv-wrapper .cv .main .fa{
	color:#D3D3D3;
}

#bio .cv-wrapper .main p.no-margin {
  margin: 0;
}


/*
 * animation helper
 */
 .animated {
	visibility: hidden;
}
.visible {
	visibility: visible;
}

#contact .info-box {
  padding: 15px 0;
}

#contact .info-box .icon {
  display: block;
  margin: 0 auto;

  width: 60px;
  height: 60px;
  border-radius: 4px;
  text-align: center;
  position: relative;
  z-index: 1;
}

#contact .info-box label {
  display: block;
  margin: 0 auto;
  text-align: center;
}

#contact .info-box .icon i {
  color: #17456D;
  font-size: 24px;
  line-height: 60px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#about-me img {
  width: 75%;
  margin: 0 auto;
  display: block;
}

.recent-blog-container {
	overflow:hidden;
}

.recent-blog-container h3 {
  font-size: 18px;
  color: black;
}

.recent-blog-container .body p, .recent-blog-container .meta li { 
  color: #7E8385;
}

.recent-blog-container .background-icon{
	position:absolute;
	bottom: -80px;
    font-size: 150px;
    line-height: 150px;
    opacity: 0.06;
    position: absolute;
    right: 0px;
}
.recent-blog-container .background-icon .fa{
	opacity:0.06;
}
.recent-blog-container .background-icon.left{
    left: 0px;
}

.recent-blog-container .image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recent-blog-container .image img{

	-webkit-border-radius:3px;
   	-moz-border-radius:3px;
    border-radius:3px;
	-webkit-transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -webkit-transform 3.4s ease 0s;
	-moz-transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -moz-transform 3.4s ease 0s;
	-o-transition: opacity 500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -o-transform 3.4s ease 0s;
	transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, transform 3.4s ease 0s;
}


.recent-blog-container .fa-heart{
	color:#E13636;
}

.navbar-brand {
  padding-top: .1125rem;
  padding-bottom: .1125rem;
}

.navbar-brand img {
  max-width: 195px;
}

.navbar-brand .espa-container {
  
}

.section {
  padding: 140px 0 0 0 ;
}

#hero-area .contents {
  padding: 140px 0 90px;
}

#hero-area .contents p {
  margin-bottom: 45px;
}

#hero-area .contents h1 {
  font-size: 40px;;
  background-color: unset;
}

#hero-area .contents h2 {
  font-weight: 100;
  font-size: 1.25rem;
  background-color: unset;
}

#bio .cv-wrapper .main p {
  margin-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2rem;
}

#portfolio .portfolio-item .lightbox {
  width: 355px;
  height: 266px;
  background-position: top 0px bottom 0px;
}

#portfolio .overlay.office-image-1 { background: no-repeat center/100% url('../img/office/small/1s.jpg'); }
#portfolio .overlay.office-image-2 { background: no-repeat center/130% url('../img/office/small/2s.jpg'); }
#portfolio .overlay.office-image-3 { background: no-repeat center/130% url('../img/office/small/3s.jpg'); }
#portfolio .overlay.office-image-4 { background: no-repeat center/100% url('../img/office/small/4s.jpg'); }
#portfolio .overlay.office-image-5 { background: no-repeat center/100% url('../img/office/small/5s.jpg'); }
#portfolio .overlay.office-image-6 { background: no-repeat center/100% url('../img/office/small/6s.jpg'); }
#portfolio .overlay.office-image-7 { background: no-repeat center/100% url('../img/office/small/7s.jpg'); }
#portfolio .overlay.office-image-8 { background: no-repeat center/130% url('../img/office/small/8s.jpg'); }
#portfolio .overlay.office-image-9 { background: no-repeat center/130% url('../img/office/small/9s.jpg'); }

.nivo-lightbox-nav {
  margin: 0 50px;
  font-size: 30px;
  color: white; 
}

.nivo-lightbox-nav:hover,
.nivo-lightbox-nav:focus,
.nivo-lightbox-nav:active {
  color: white; 
}

#features .title1 {
  color: #17456D;
  font-size: 22px;
  display: block;
}

#features .title2 {
  color: #17456D;
  font-size: 24px;
  display: block;
}

.back-to-top i {
  display: inline-block;
}

iframe#gmap_canvas {
	height: 500px;
	width: 100%;
	border: 0;
	overflow: hidden;
	margin: 0;
}

@media (max-width: 576px) {
  .row.mobile-revert-columns {
    flex-wrap: wrap-reverse !important;
    flex-direction: row-reverse !important;
  }

  .recent-blog-container .image {
    margin: 20px 0;
  }

  #portfolio .portfolio-item .lightbox {
    width: 100%;
  }

  #contact > .container > .row {
    margin-bottom: 40px;
  }

  #about-me img {
    margin-bottom: 20px;
  }

  #hero-area {
    background-position: center !important;
  }

  .navbar-collapse {
    left: -15px;
    right: -15px;
    width: auto !important;
  }
}

@media (min-width: 577px) {
  .recent-blog-container {
    margin: 100px 0px;
  }
}