/* =============== # Common =============== */

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	overflow-x: hidden;
	height: 100%;
}

body {
	font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 400;
	font-size: 100%;
	line-height: 2;
}

a {
	text-decoration: none;
	transition: all .2s ease-in-out;
}

b {
	font-weight: 600;
}

p {
	margin: 0 auto 1.2rem;
}

h1 {
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: .5px;
	text-transform: capitalize;
	line-height: 2rem;
}

h3 {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 1rem 0;
	max-width: 680px;
	margin: 0 auto;
}

h3 span {
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
}

h5 {
	font-size: .90rem;
	font-weight: 400;
	letter-spacing: 1.3px;
	line-height: 2rem;
	text-transform: uppercase;
}

.container {
	max-width: 1170px;
	margin: auto;
}

.clearfix {
	clear: both;
}

.hint {
	font-style: italic;
	margin-bottom: 0;
}

.note {
	font-style: italic;
	margin-bottom: 0;
	text-align: center;
}

.img {
    max-width: 90%;
    height: auto;
    margin: 20px 3% 40px;
    border: none;
    box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 20px, rgba(101, 119, 134, 0.08) 0px 0px 3px 1px;
}

.img-m {
    max-width: 680px;
    height: auto;
    margin: 20px 3% 40px;
    border: none;
}

.img-s {
    max-width: 38%;
    height: auto;
    margin: 20px 3% 40px;
    border: none;
}

a[target="_blank"]::after {
  	content: "";
  	width: 1em;
  	height: 1em;
  	margin: 0 0 0.15em 0.1em;
  	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOSAyTDkgMyAxMi4zIDMgNiA5LjMgNi43IDEwIDEzIDMuNyAxMyA3IDE0IDcgMTQgMlpNNCA0QzIuOSA0IDIgNC45IDIgNkwyIDEyQzIgMTMuMSAyLjkgMTQgNCAxNEwxMCAxNEMxMS4xIDE0IDEyIDEzLjEgMTIgMTJMMTIgNyAxMSA4IDExIDEyQzExIDEyLjYgMTAuNiAxMyAxMCAxM0w0IDEzQzMuNCAxMyAzIDEyLjYgMyAxMkwzIDZDMyA1LjQgMy40IDUgNCA1TDggNSA5IDRaIi8+PC9zdmc+) no-repeat;
  	background-size: contain;
  	display: inline-block;
  	opacity: .5;
  	vertical-align: text-bottom;
}

/* =============== # Top Navigation =============== */

#main-header {
  	top: 0;
  	width: 100%;
  	position: fixed;
  	transition: all 0.3s ease;
  	z-index: 100;
}

#main-header.hide {
  	top: -60px;
}

#main-header.hide h1 {
  	font-size: 1.5rem;
  	transition: .8s;
  	line-height: 1.5rem;
	padding-top: 3px;
}

#main-header.hide h5 {
  	font-size: .85rem;
  	transition: .8s;
}

.logo {
	height: 28px;
	margin-top: 16px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: .9rem;
	font-weight: 600;
}

/* =============== # Title Header =============== */

.title-header {
	width: 100%
}

.title {
	padding: 16px 0 0;
	text-align: center;
}

/* =============== # Content =============== */

.home {
	padding: 80px 0 50px;
}

.home p {
	max-width: 680px;
	font-size: 1.01rem;
	line-height: 1.8;
}

.quote p {
	margin-bottom: 0.6rem;
	margin-top: 2.2rem;
	line-height: 2;
}

.single-project {
	padding: 130px 0 0;
}

.single-project p, .single-project ul, .single-project ul li {
	max-width: 680px;
	font-size: 1rem !important;
}

.single-project ul {
	padding-left: 50px;
	margin: -.6rem auto 1.2rem;
}

.single-project ul li {
	margin-bottom: 1rem;
	line-height: 1.8 !important;
	padding-left: .15rem;
}

.single-project ul li:first-child {
    margin-top: .6rem;
}

.hl {
    border-left: solid 15px;
    display: block;
    padding: .6em .8em .6em 1.4em;
    line-height: 1.75;
    font-size: 1.04rem !important;
}

.first-p {
	margin-top: 2rem;
}


/* =============== # Bottom Navigation =============== */

.bottom-nav ul {
	list-style: none;
	text-align: center;
	font-size: 1.1rem;
	margin: 120px 0 70px;
}

.bottom-nav ul li {
	margin-bottom: .6rem;
}

.bottom-nav ul li a, .current span {
	border-radius: 22px;
	padding: 9px 26px 9px 31px;
}

.section, .section1 {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.section {
	margin-top: 1.8rem;
}


/* =============== # Footer =============== */

.footer-default {
	font-size: .8rem;
	height: 60px;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.footer-default .copyright {
	float: left;
}

.footer-default .back-to-top {
	float: right;
}


/* =============== # Image Overlay =============== */

.overlay {
  position: fixed;
  z-index: 2600;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: flex;
  align-items: center;
  text-align: center;
  visibility: hidden;
  opacity: 1;
  transition: opacity .6s;
}

.overlay img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  transform: scale(0.95);
  transition: transform .6s;
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xNS44NTMgMTYuNTZjLTEuNjgzIDEuNTE3LTMuOTExIDIuNDQtNi4zNTMgMi40NC01LjI0MyAwLTkuNS00LjI1Ny05LjUtOS41czQuMjU3LTkuNSA5LjUtOS41IDkuNSA0LjI1NyA5LjUgOS41YzAgMi40NDItLjkyMyA0LjY3LTIuNDQgNi4zNTNsNy40NCA3LjQ0LS43MDcuNzA3LTcuNDQtNy40NHptLTYuMzUzLTE1LjU2YzQuNjkxIDAgOC41IDMuODA5IDguNSA4LjVzLTMuODA5IDguNS04LjUgOC41LTguNS0zLjgwOS04LjUtOC41IDMuODA5LTguNSA4LjUtOC41em0tNC41IDhoOXYxaC05di0xeiIvPjwvc3ZnPg==) 100 100, zoom-out !important;
}

.overlay:target {
  visibility: visible;
  outline: none;
}

.overlay:target img {
    transform: scale(1);
}

a img {
	cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xNS44NTMgMTYuNTZjLTEuNjgzIDEuNTE3LTMuOTExIDIuNDQtNi4zNTMgMi40NC01LjI0MyAwLTkuNS00LjI1Ny05LjUtOS41czQuMjU3LTkuNSA5LjUtOS41IDkuNSA0LjI1NyA5LjUgOS41YzAgMi40NDItLjkyMyA0LjY3LTIuNDQgNi4zNTNsNy40NCA3LjQ0LS43MDcuNzA3LTcuNDQtNy40NHptLTYuMzUzLTE1LjU2YzQuNjkxIDAgOC41IDMuODA5IDguNSA4LjVzLTMuODA5IDguNS04LjUgOC41LTguNS0zLjgwOS04LjUtOC41IDMuODA5LTguNSA4LjUtOC41em0tNC41IDhoNHYtNGgxdjRoNHYxaC00djRoLTF2LTRoLTR2LTF6Ii8+PC9zdmc+) 100 100, zoom-in !important;
}