/*
Theme Name: TSU Child Theme
Theme URI: http://thesetupdesign.com/
Template: tsu
Description: TSU Wordpress Child Theme
Author: Ilona Ferenc
Author URI: http://ilonaferenc.co.uk
Version: 1.0.9
License:
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, yellow, two-columns, fluid-layout, custom-background, custom-colors, featured-images, theme-options
Text Domain: tsu-child
*/


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

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=b5d7732f-7e76-4106-8cae-4eb766ab64ad");
    @font-face{
        font-family:"DIN";
        src:url("css/fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
        src:url("css/fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"),url("css/fonts/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"),url("css/fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("css/fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("css/fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
		font-weight: 400;
    }
    @font-face{
        font-family:"DIN";
        src:url("css/fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix");
        src:url("css/fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix") format("eot"),url("css/fonts/be607c9f-3c81-41b4-b7ad-17af005c80bb.woff2") format("woff2"),url("css/fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"),url("css/fonts/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"),url("css/fonts/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd") format("svg");
		font-weight: 600;
    }
    @font-face{
        font-family:"DIN";
        src:url("css/fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix");
        src:url("css/fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix") format("eot"),url("css/fonts/121784c1-863c-4e49-b682-625ea7de55b0.woff2") format("woff2"),url("css/fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"),url("css/fonts/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"),url("css/fonts/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6") format("svg");
		font-weight: 800;
    }

/*  HTML5 Boilerplate STARTS  */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}html,button,input,select,textarea{color:#222;}body{font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}img{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}.ir:before{content:"";display:block;width:0;height:100%;}.hidden{display:none !important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}@media only screen and (min-width:35em){}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}
/*  HTML5 Boilerplate END  */

/*  START General styles  */
html {
	font-size: 1em;
	font-size: 62.5%;
}

body {
	font-family: "DIN";
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	font-size: 1.6rem;
	color: #555;
}
h1 {
	font-weight: 800;
}
h2, h3, h4, h5, h6 {
	font-weight: 600;
}
.main-content-area p {
	font-size:17px;
	font-size: 1.7rem;
	line-height: 1.6;
}
.main-content-area a {
    color: #333;
    border-bottom: 1px dotted #f7953d;
	text-decoration: none;
}
.main-content-area a:hover {
    color: #000;
	border-bottom: 1px solid #f7953d;
}
.main-content-area {
    /*margin-bottom: 80px;*/
}
::-moz-selection {background:#fcd5b1;text-shadow:none;}
::selection{background:#fcd5b1;text-shadow:none;}

.stop-scrolling {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}
.header-image {
	max-height: 48vh;
    overflow: hidden;
}
.header-image img {
	width: 100%;
    height: auto;
}
@media only screen and (max-width: 767px) {
/*.header-image img{
	width: auto;
    height: 100%;
}*/
.header-image {
	max-height: 40vh;
}
}
@media (max-height: 800px) and (min-width: 1000px) {
.header-image img {
	margin-top: -5%;
}
}
.page-heading h1 {
	font-size: 34px;
	font-size: 3.4rem;
	color: #f7953d;
	background: #fff;
	margin-top: -35px;
	margin-left: -25px;
	padding: 10px 25px;
	display: inline-block;
	margin-bottom: 0;
}
.error404 .page-heading h1{
    margin-top: 0;
}
h2 {
	font-size: 22px;
	font-size: 2.2rem;
	color: #555;
}
.container-main {
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 30px;
	max-width: 1170px;
}
blockquote {
    border-left: 2px solid #f89c49;
    padding-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	/*font-style: italic;*/
	color: #777;
}
blockquote strong {
    font-size:12px;
    font-family:"DIN";
	font-weight: 600;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	font-style: normal;
	color: #333;
}
.tab-content blockquote p{
    line-height: 1.5;
	font-size: 16px;
	font-size: 1.6rem;
    margin: 0;
}

/* = Nav/Logo
----------------------------------------------- */
.nav-wrap {
	background: #fff;
	height: 55px;
}
.navbar {
    position: relative;
    z-index: 2000;
	float: left;
}
#nav-icon {
  width: 32px;
  height: 22px;
  position: relative;
  margin: 20px 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon:after {
    content: "MENU";
    color: #999;
    margin-left: 44px;
    letter-spacing: 0.15rem;
    font-size: 1.4rem;
	font-size: 14px;
    font-weight: 600;
}
#nav-icon.open:after {
    content: "CLOSE";
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #333;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}
#nav-icon span:nth-child(2) {
  top: 8px;
}
#nav-icon span:nth-child(3) {
  top: 16px;
}
#nav-icon.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon.open span:nth-child(3) {
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.menu-wrapper ul {
    padding: 0;
    list-style: none;
}
.menu-wrapper ul li {
    font-size: 30px;
	font-size: 3rem;
	line-height: 2;
	font-weight: 800;
	color: #646666;
}
.menu-wrapper ul li.current-menu-item a{
    color: #c9caca;
}
.menu-wrapper ul li a {
	color: #646666;
	text-decoration: none;
	border-bottom: 2px solid #f7953d;
	padding-bottom: 2px;
}
.menu-wrapper ul li a:hover {
	color: #999;
}
.nav-logo a {
	background: url("css/images/urban-shape_logo.svg") no-repeat transparent;
	background-size: 100% auto;
    height: 80px;
    margin: 50px 0 40px;
    text-align: center;
    text-indent: -9999px;
    width: 230px;
	display: block;
}
.nav-social-icons {
	font-size: 26px;
	font-size: 2.6rem;
}
.nav-social-icons a {
	color: #9eacaa;
}
.nav-social-icons a:hover {
	color: #646666;
}
.nav-social-icons .fa-w-16 {
	margin-right: 15px;
}
.nav-footnote {
	font-size: 13pxm;
	font-size: 1.3rem;
	color: #777;
	margin-top: 30px;
}
.nav-footnote a {
	color: #444;
	text-decoration: none;
}
.nav-footnote a:hover {
	color: #333;
	border-bottom: 1px dotted #f7953d;
}

header.page-header {
    position: fixed;
	width: 500px;
    /*overflow: auto;*/
    top:0;
    bottom: 0;
	left: -500px;
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    transform: translateX(-30%);
    background-color: #fff;
    -webkit-transition: all 0.6s cubic-bezier(0.82, 0.01, 0.77, 0.78);
    -moz-transition: all 0.6s cubic-bezier(0.82, 0.01, 0.77, 0.78);
    transition: all 0.6s cubic-bezier(0.82, 0.01, 0.77, 0.78);
	z-index: 1000;
	padding: 120px 20px 20px 80px;
	border: none;
}
.page-header.open {
  z-index: 8;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  left: 0;
}
/*  Page content  */
.page-content-wrap {
    position: relative;
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.91, 0.01, 0.6, 0.99);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.91, 0.01, 0.6, 0.99);
    transition: transform 0.5s cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
.page-content-wrap.open {
    -webkit-transform: translateX(500px);
    -moz-transform: translateX(500px);
    -ms-transform: translateX(500px);
    -o-transform: translateX(500px);
    transform: translateX(500px);
}
.page-header .main-overlay {
	background:rgba(0,0,0.3);
	position: fixed;
	opacity: 0;
	transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}
.page-header.open .main-overlay {
	background:rgba(0,0,0,0.1);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 500px;
	right: -5000px;
	opacity: 1;
}
@media only screen and (max-width: 500px) {
header.page-header {
    position: fixed;
	width: 100%;
	padding: 50px 20px 20px 30px;
}
.nav-logo a {
	margin: 30px 0;
}
.menu-wrapper ul li {
    font-size: 28px;
    font-size: 2.8rem;
}
.nav-footnote {
    margin-top: 20px;
}
}
@media only screen and (max-height: 550px) {
	header.page-header {
		overflow-x: hidden;
	}
}
/* END Nav/Logo ----------------------- */

/* Page = Home
----------------------------------------------- */

.logo-min a {
	font-size:22px;
	font-size:2.2rem;
	font-weight: 800;
	color: #667375;
	text-align: right;
	float: right;
	margin-top: 15px;
	text-decoration: none;
}
.home .logo-min {
	display: none;
}
.site-logo {
	margin: 0;
}
.site-logo a {
	background: url("css/images/urban-shape_logo.svg") no-repeat transparent;
	background-size: 100% auto;
    height: 104px;
    margin: 0 auto 40px;
    text-align: center;
    text-indent: -9999px;
    width: 284px;
	display: block;
}
.strapline{
	font-weight: 400;
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
	color: #707373;
}
.strapline:after {
	content: "";
	width: 1px;
	height: 55px;
	background-color: #ccc;
	display: block;
	margin: 10px auto 30px;
}
.actionboxes {
    margin-top: 80px;
}
.home .actionboxes {
    margin-top: 0;
}
.actionboxes img {
	width: 100%;
	height: auto;
}
.actionboxes #menu-footer-menu-1{
    list-style: none;
    padding: 0;
}
.actionboxes li{
    width: 25%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
@media only screen and (max-width: 767px) {
    .actionboxes li{
        width: 50%;
    }
}
.actionboxes h2 {
	border-top: 2px solid #ecefef;
	padding-top: 22px;
}
.home .actionboxes h2 {
	border-top: none;
	padding-top: 5px;
}
@media only screen and (max-width: 767px) {
.home .actionboxes h2 {
    padding-top: 0;
}
}
.actionboxes h2 a {
	color: #646666;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 800;
    text-decoration: none;
}
.actionboxes h2 a:hover {
	color: #999;
}
.actionboxes li.current-menu-item h2 a{
    color: #c9caca;
    cursor: initial;
}
.actionboxes li.current-menu-item h2 a:hover {
    color: #c9caca;
    cursor: initial;
}
.actionboxes svg.fa-arrow-circle-right {
    margin-left: 12px;
    font-size: 20px;
    color: #f7953d;
}
.home .actionboxes h2 a {
	border-top: none;
	padding-top: 5px;
}

@media only screen and (max-width: 991px) {
.actionboxes h2 a {
	font-size: 17px;
	font-size: 1.7rem;
}
.actionboxes svg.fa-arrow-circle-right {
    margin-left: 6px;
    font-size: 17px;
}
}
@media only screen and (max-width: 500px) {
.site-logo {
	margin-top: 30px;
}
.actionboxes li {
    padding-right: 10px;
    padding-left: 10px;
}
}
@media only screen and (max-width: 369px) {
.actionboxes li{
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.actionboxes h2 a {
	font-size: 20px;
	font-size: 2rem;
}
.home .actionboxes h2 a {
	font-size: 16px;
	font-size: 1.6rem;
}
.actionboxes svg.fa-arrow-circle-right {
    margin-left: 10px;
    font-size: 20px;
}
.home .actionboxes svg.fa-arrow-circle-right {
    margin-left: 6px;
    font-size: 16px;
}
}
@media only screen and (max-width: 342px) {
.home .actionboxes svg.fa-arrow-circle-right {
	display: none;
}
}
/* END Page = Home ----------------------- */

/* Page = How we can help
----------------------------------------------- */

/*.service {
    background: #f3f3f3;
    padding: 5px 50px 5px 20px;
	margin: 20px 0;
	position: relative;
}
.service a:hover {
	background:#f8e6d5
}
.service .svg-inline--fa {
    position: absolute;
    right: 32px;
    top: 27px;
    font-size: 18px;
}
.service p {
	display: none;
}*/
/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}
.tab h2 {
    line-height: 1.3;
    padding: 20px 65px 20px 0;
}
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #f3f3f3;
  font-weight: bold;
  line-height: 3.4;
  cursor: pointer;
  margin: 20px 0 0;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .65s;
  -o-transition: max-height .65s;
  transition: max-height .65s;
  border-left: 3px solid #f3f3f3;
  border-right: 3px solid #f3f3f3;
  border-bottom: 3px solid #f3f3f3;
  color: #555;
}
.tab-content p {
  margin: 1em;
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 100em;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2em;
  height: 2em;
  line-height: 2;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
input[type=checkbox] + label::after {
  content: "+";
  font-size: 34px;
	color: #555;
}
input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(135deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

label h2 {
    margin: 0;
}
.case-study-link a {
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    font-size: 1.3rem;
    margin: 20px 0 15px;
    display: inline-block;
	font-weight: 600;
	color: #f89c49;
	border: none;
}
.case-study-link a:after {
	content:"";
	color: #f89c49;
	margin-left: 6px;
	transition: all 0.3s;
}
.case-study-link a:hover:after {
	margin-left: 14px;
}
.case-study-link a:hover {
	border: none;
	color: #e26c01;
}
/* END Page = How we can help ----------------------- */


/* Page = Our experience
----------------------------------------------- */
.page-heading span {
    display: block;
    font-size: 18px;
	font-size: 1.8rem;
    font-weight: 600;
    margin-top: 12px;
}
.filter h2 {
	font-size: 20px;
	font-size: 2rem;
	margin: 0;
    position: relative;
}
.filter h2 a {
	position: relative;
	width: 100%;
	color: #555;
	background: #f3f3f3;
	margin: 5px 0;
	padding: 12px 15px;
	overflow: hidden;
	display: block;
	border: none;
	transition: all 0.25s ease;
	line-height: 1.3;
}
.filter h2 a:hover,
.filter.selected h2 a{
	background: #f89c49;
	color: #fff;
	border: none;
}
.filter  .clear-filter{
    display: none;
    position: absolute;
    top: 30%;
    right: 15px;
    font-size: 15px;
	font-size: 1.5rem;
    font-weight: normal;
    cursor: pointer;
    color: #fff;
	font-weight: 600;
}
.filter.selected .clear-filter{
    display: block;
}
.filter  .clear-filter svg{
    margin-right: 5px;
    font-size: 0.8em;
}
@media only screen and (max-width: 810px) {
    .filter h2 a {
    	padding-right: 90px;
    }
    .filter  .clear-filter{
        font-size: 12px;
    	font-size: 1.2rem;
		top: 32%;
    }
}
.projects-wrap {
	margin: 40px 15px 0;
	column-count: 2;
	column-gap: 30px;
}
.project {
	margin-bottom: 30px;
	display: inline-block;
}
@media only screen and (max-width: 767px) {
.projects-wrap {
	margin: 40px 15px 0;
	column-count: 1;
	column-gap: 30px;
}
}
/*.project:nth-child(2n+1) {
    float: left;
}
.project:nth-child(2n) {
    float: right;
}*/
.project > div{
    border: 3px solid #f3f3f3;
    padding: 20px 20px 30px;
}
.projects-wrap img {
    width: 100%;
    height: auto;
	margin-bottom: 15px;
}
.project .project-category {
    font-size: 12px;
	font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.18rem;
    margin: 15px 0 4px;
    /*display: block;*/
    color: #f7953d;
}
.project .project-category:before{
    content: '|';
    display: inline-block;
    padding: 0 5px;
	color: #ccc;
}
.project .project-category:first-child:before{
    display: none;
}
.project h3 {
    font-size: 18px;
    margin: 4px 0;
}
.project ul {
    padding: 0 0 0 15px;
	margin: 12px 0;
}
.project li {
    list-style-type: square;
    margin: 0 0 8px;
    line-height: 1.4;
}
.footnote{
    font-size: 0.9em;
}
/* END Page = Our experience ----------------------- */


/* Page = Contact us
----------------------------------------------- */
.contact-details h3 {
    border-top: 3px solid #e3e3e3;
    padding-top: 20px;
    font-weight: 800;
    font-size: 20px;
	font-size: 2rem;
	margin-bottom: -15px;
}
.contact-details h4 {
    color: #f7953d;
    margin: -15px 0 10px;
    font-weight: 800;
	font-size: 17px;
    font-size: 1.7rem;
}
.contact-details p {
    line-height: 1.2;
}
.main-content-area .contact-details svg {
    font-size: 28px;
}
.main-content-area a.linkedinicon {
    border: none;
}
/* END Page = Contact us ----------------------- */


/* = Footer
----------------------------------------------- */
footer {
    margin-top: 100px;
	margin-bottom: 30px;
}
footer .footer-content {
	font-size: 13pxm;
	font-size: 1.3rem;
	color: #777;
	text-align: center;
}
footer .footer-content a {
	color: #444;
	text-decoration: none;
}
footer .footer-content a:hover {
	color: #333;
	border-bottom: 1px dotted #f7953d;
}
/* END Footer ----------------------- */

/*  END General styles  */

body {
    visibility: visible;
}