body .home-icon {
	width: 130px;
}

body #content-wrapper section.hr {
    padding-top: 0px;
    padding-bottom: 0px;
}

body div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}

body div.light_square .pp_arrow_previous{background:url(../images/portfolio/arrow-l-b.svg) no-repeat}
body div.light_square .pp_arrow_next{background:url(../images/portfolio/arrow-r-b.svg) no-repeat}

body .portfolio-item .overlay .preview {
	opacity: 0;
    top: 0;
	width: 100%;
	height: 100%;
}

body .portfolio-item .overlay {
    background: rgba(255, 255, 255, 0.5);
}
body .portfolio-item .item-inner {
    height: 300px;
    overflow: hidden;
    box-shadow: 2px 2px 8px rgba(0,0,0,.2);
}

body div.light_square .pp_previous.nav_previous,
body div.light_square .pp_next.nav_next {
	position: fixed;
	top: 0;
	width: 30%;
	height: 100%;
	background-size: 10%;
	background-position: center;
	background-repeat: no-repeat;
}
body div.light_square .pp_previous.nav_previous {
	left: 0;
	background-image:url(../images/portfolio/arrow-l-w.svg);
}
body div.light_square .pp_next.nav_next {
	right: 0;
	background-image:url(../images/portfolio/arrow-r-w.svg);
}


body div.light_square .pp_close.nav_close {
    background-image: url(../images/portfolio/close-button.svg);
	background-position: center;
    cursor: pointer;
    height: 30px;
    width: 30px;
	background-color: #FFF;
	border: 1px solid #FFF;
	border-radius: 50%;
	box-shadow: 0px 0px 4px rgba(0,0,0,.5);
}

body div.light_square a.pp_close.nav_close {
    display: block;
    position: absolute;
    right: -13px;
    top: 18px;
	z-index: 9999;
}

.pp_details .pp_nav {
	overflow: hidden;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
}
body .fa-md{
	background-color: #309cc3;
}
body .service-block:hover .fa-md {
    color: #309cc3;
    box-shadow: 0 0 0 4px #309cc3;
}
body .tile-progress.tile-cyan .tile-footer {
    background: #309cc3;
}

body .btn-outlined.btn-primary {
    background: none;
    border: 2px solid #309cc3;
    color: #309cc3;
}
body .btn-outlined.btn-primary:hover, .btn-outlined.btn-primary:active {
    background: #309cc3;
}
body .portfolio-filter > li a.active {
    background: #309cc3;
    border: 2px solid #309cc3;
}

body .portfolio-item:hover h5, .team-member:hover .team-content, .post:hover .content {
    border-bottom: 4px solid #309cc3;
}

body .portfolio-item h5 {
    background: #e1e1e1;
    position: absolute;
    width: 100%;
    bottom: 0;
}

body .portfolio-item h5:after {
    border-bottom-color: #e1e1e1;
}

body a:hover, body a:focus, a {
    color: #309cc3;
}

body #footer a:hover, body #footer-wrapper a:hover {
    color: #FFF;
}
body .gototop {
    bottom: 35px;
}
body .fa-chevron-up {
    width: 30px;
    height: 30px;
    background-color: rgba(16, 16, 16, .5);
    padding: 6px 8px;
    border-radius: 50%;
}

body .appear {
opacity: 1;
  -webkit-transition: width .4s, height .4s, -webkit-transform .4s; /* Safari */
  transition: width .4s, height.4s, transform .4s;
}


.scroll-header {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  background-color: #f1f1f1;
}

.scroll-progress-container {
  width: 100%;
  height: 6px;
  background: #ccc;
}

.scroll-progress-bar {
  height: 6px;
  background: #f56954;
  width: 0%;
}