@charset "utf-8";

header {height: 80px;}

.layoutMain {padding-top: 80px;}

.layoutLogo {left: 0px; top: 20px; -webkit-transform: none; transform: none;}

.layoutLogo svg {width: 200px; height: auto;}

.layoutFooterInner {padding: 30px 0;}



nav.navMain {position: absolute; right: 0; top: 0;}

nav.navMain ul.rex-navi1 {list-style-type: none; margin: 0; padding: 0; -webkit-transform: translateX(-120%); transform: translateX(-120%); -webkit-transition: all .2s ease; transition: all .2s ease; position: fixed; left: -20px; top: 0; right: -20px; bottom: 0; background: #bf4541; z-index: 10002; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; height: 100vh;}

.opened nav.navMain ul.rex-navi1 {-webkit-transform: translateX(0); transform: translateX(0);}

nav.navMain ul li {display: inline-block; font-size: 100px; line-height: 130px; font-weight: 700;}

nav.navMain ul li a {text-decoration: none; position: relative; display: inline-block;}

nav.navMain ul li a:before {content:''; position: absolute; left: 0; bottom: 2px; right: 0; border-bottom: 4px solid #000; -webkit-transition: all .2s ease; transition: all .2s ease; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px);}

nav.navMain ul li:hover a:before {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}

/*nav.navMain ul li + li {margin-left: 40px;}*/

nav.navMain .mobileMenuToggle {padding: 0; margin: 0; position: absolute; right: -20px; top: 0; z-index: 1001; padding: 25px 30px; cursor: pointer; z-index: 10003;}

nav.navMain .mobileMenuToggle span {width: 40px; height: 3px; display: block; background: #bf4541; margin: 0 0 6px; transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }

/*nav.navMain .mobileMenuToggle:hover span.slice2 {-webkit-transform: translateX(-10px); transform: translateX(-10px);}*/

.opened nav.navMain .mobileMenuToggle span.slice1 {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 9px;}

.opened nav.navMain .mobileMenuToggle span.slice2 {opacity: 0; filter: alpha(opacity=0);}

.opened nav.navMain .mobileMenuToggle span.slice3 {transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: -18px;}


.projectImgs1 {padding: 0;}

.projectCol {width: 100%!important; padding: 0!important;}

.projectCol + .projectCol {margin-top: 10px;}

img + img {margin-top: 10px!important;}

.projectCol img {width: 100%!important;}


.projectIntro {margin-left: 0; margin-right: 0;}


.projectDetails,.projectDetailsLine,.projectDetailsLine div {display: block;}

.projectDetailsLine + .projectDetailsLine {margin-top: 10px;}

.projectDetailsLine div:first-child,.projectDetailsLine div:last-child {padding-top: 0;}


.projectText {padding: 0;}


nav.navFooter ul li {text-align: center; display: block;}

nav.navFooter ul li + li {margin-left: 0;}

nav.navFooter ul li:before {display: none;}


.teamItem {width: 100%; margin: 0!important;}

.teamItem + .teamItem {margin-top: 30px!important;}

.teamDetail {width: 100%;}


.serviceItem {width: 100%; margin: 0!important;}

.serviceItem + .serviceItem {margin-top: 30px;}


.contactCol {width: 100%}


.legalCol {width: 100%;}


.glossarContainerInner {column-count: 1;}