html, body {margin: 0; padding: 0; font-family: 'suisseintl-light', 'Helvetica Neue'; font-size: 16px; width: 100%; height: 100%;}

.clear {clear: both;}

a {color: #000; text-decoration: none;}
a:hover {text-decoration: none; }
#wrap {max-width: 1900px; margin: 0 auto; position: relative; width: 100%;}
.inline-container {width: 100%; max-width: 1200px; margin: 0 auto;}

#header {position: absolute; top: 0; left: 0; width: 100%; z-index: 4;}
.header-inner {padding: 40px 5% 40px 4%;}
.logo img {max-width: 100%; height: auto;}
.logo {margin-top: -25px; float: left; width: 15%;}
.header-right-container {float: right;}
#language {float: left; margin-right: 30px; color: #FFF; font-size: 10px; letter-spacing: 3px; margin-top: 3px; position: relative;}
#language a {color: #FFF;}
#language a:hover {text-decoration: none;}
.menu-black #language a{color: #000; font-family: 'suisseintl-medium';}
.lang-popover {background: #000; position: absolute; top: 100%; left: 50%; z-index: 4; padding: 20px 30px; color: #FFF; text-align: left; display: none;}
.lang-item {margin-bottom: 10px;}
.lang-item a {color: #FFF !important;}
#navigation {float: left;}
.nav-button {width: 25px; height: 25px; background: url('../img/menu-button.png') no-repeat 0 0; cursor: pointer;}
.nav-button.black {background: url('../img/menu-button-black.png') no-repeat 0 0;}
.nav-button.active {background: url('../img/menu-button-close.png') no-repeat 0 0;}

#header-fix {position: fixed; top: 0; width: 100%; left: 0; background: #FFF; border-bottom: 1px solid #bdbdbf; z-index: 2; display: none;}
#header-fix #language a {color: #000;}
#header-fix #language a:hover {text-decoration: none;}
#header-fix .nav-button {background: url('../img/menu-button-black.png') no-repeat 0 0;}

#navigation-container {display: none; position: fixed; width: 100%; height: 100%; z-index: 3; padding: 10% 5%; background-color: #28282a; top: 0; left: 0; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/}
.menu-left {float: left; width: 30%; padding-right: 5%; position: relative; display: none;}
.menu-right {/*float: right; width: 70%; */width: 100%;}
.menu-item-image {position: absolute; left: 0; width: 90%; display: none;}
#menu-item-image_home {top: 0;}
#menu-item-image_company {top: 74px;}
#menu-item-image_portfolio {top: 148px;}
#menu-item-image_services {top: 222px;}
#menu-item-image_contact {top: 296px;}
.menu-item-image img{max-width: 100%; height: auto;}
.menu-item {border-bottom: 1px solid #bdbdbf; font-size: 30px; color: #FFF; padding: 15px 0px; font-family: 'suisseintl-medium'}
.menu-item:first-child{border-top: 1px solid #bdbdbf;}
.menu-item a {color: #e7e8ea; text-decoration: none;}
.menu-item a:hover {color: #f9f108;}
.menu-footer {position: absolute; bottom: 10%; right: 5%; color: #6e6e70; font-family: 'suisseintl-medium';}

#home-opening-section {position: relative; text-align: center; overflow: hidden;}
#home-opening-section img{max-width: 100%; height: auto; min-height: 380px; min-width: 650px;}
.home-title-container {font-family: 'suisseintl-medium'; position: absolute; left: 5%; top: 29%; color: #FFF; text-align: left;}
.home-title-container #welcome {color: #b0b0b0; letter-spacing: 6px; margin-bottom: 30px;}
.home-title-container #main-title {font-size: 70px; line-height: 1.5em;}
.home-title-container #main-title u {border-bottom: 2px solid #FFF; text-decoration: none;}

/*#about-us-section {display: flex;}*/
#about-us-section {overflow: hidden; }
.about-us-left {width: 33%; float: left; background-color: #e7e8ea; padding-bottom: 100%; margin-bottom: -100%;}
/*.about-us-left {width: 33%; background-color: #e7e8ea;}*/
.about-us-left-inner {padding: 110px 0px 110px 15%;}
/*.about-us-right {width: 67%; background: url('../img/about-us-bg.png') no-repeat 0 0;}*/
.about-us-right {width: 67%; background: url('../img/about-us-bg.png') no-repeat 0 0; float: left; padding-bottom: 100%; margin-bottom: -100%; position: relative;}
.about-us-main-title {font-family: 'suisseintl-medium'; font-size: 40px; color: #38383a;}
.about-us-image img {max-width: 100%; height: auto;}
.about-us-page-number-container{float: left; width: 33%; /*position: relative; height: 100%;*/}
.about-us-right-content {float: left; width: 67%; /*position: relative; height: 100%;*/}
.about-us-page-number {font-size: 80px; font-family: 'suisseintl-semibold', 'Helvetica Neue'; position: absolute; top: 8%; left: 0; width: 28%; text-align: right; overflow: hidden; display: none;}
.about-us-page-number.active {display: block;}
.about-us-right-content .bullet-container {position: absolute; top: 10%;}
.about-us-right-content .bullet {width: 9px; height: 9px; background: url('../img/bullet-inactive.png') no-repeat center center; float: left; margin-right: 10px; cursor: pointer;}
.about-us-right-content .bullet.active {background: url('../img/bullet-active.png') no-repeat center center;}
.about-us-title {font-family: 'suisseintl-medium'; border-bottom: 2px solid #000; margin-bottom: 20px;}
.about-us-content {line-height: 1.5em; margin-bottom: 20px; letter-spacing: 0.8px;}
.about-us-right-content-container {width: 60%; position: absolute; top: 15%; left: 33%; overflow:hidden; display: none;}
.about-us-right-content-container.active {display: block;}
.about-us-button {font-family: 'suisseintl-medium'; width: 125px; height: 36px; background: url('../img/about-us-btn.png') no-repeat 0 0; letter-spacing: 3px; font-size: 9px; text-transform: uppercase; background-size: contain; padding-top: 10px; text-align: center;}
.about-us-white-screen {position: absolute; top: 0; left: 0; width: 0; height: 100%; z-index: 3; background-color: #FFF;}
#about-us-right-content-container_2 .about-us-white-screen, #about-us-right-content-container_3 .about-us-white-screen {width: 100%;}
/*.about-us-right-content-container.active .about-us-white-screen {width: 0;}*/

.about-us-slide {padding: 14% 6% 0 3%;}
.about-us-slide .slick-list, .about-us-slide .slick-slide:focus {outline: none !important;}
.about-us-slide.cursor-left {cursor: url('../img/cursor-left-arrow.png'), auto;}
.about-us-slide.cursor-right {cursor: url('../img/cursor-right-arrow.png'), auto;}
.about-us-page-number2 {font-size: 80px; font-family: 'suisseintl-semibold', 'Helvetica Neue'; text-align: right; padding-right: 15%;}
.about-us-right-content2 {float: left; width: 67%; margin-top: 10%;}
.about-us-slide .slick-dots {bottom: initial; top: 30%; width: 68%; text-align: left; right: 0;}
.about-us-slide .slick-dots li {margin: 0;}
.about-us-slide .slick-dots li button:before {content: ''; background: url('../img/bullet-inactive.png') no-repeat center center; opacity: 1;}
.about-us-slide .slick-dots li.slick-active button:before {background: url('../img/bullet-active.png') no-repeat center center; opacity: 1;}

/*#our-work-section {display: flex;}*/
#our-work-section {overflow: hidden;}
.our-work-left {width: 66%; float: left; padding-bottom: 100%; margin-bottom: -100%;}
.our-work-right {width: 34%; position: relative; background: url('../img/our-work-bg.png') no-repeat 0 0; background-size: contain; float: left; padding-bottom: 100%; margin-bottom: -100%;}
.our-work-right img {max-width: 100%; height: auto;}
.our-work-title {font-family: 'suisseintl-medium'; color: #FFF; font-size: 40px; position: absolute; top: 18%; left: 15%;}
.our-work-button {font-family: 'suisseintl-medium'; font-size: 9px; letter-spacing: 3px; text-transform: uppercase; width: 110px; height: 32px; background: url('../img/our-work-button.png') no-repeat 0 0; position: absolute; bottom: 55%; left: 15%; color: #FFF; background-size: contain; padding-top: 9px; text-align: center;}
.our-work-button a {color: #FFF;}
.our-work-item {width: 50%; float: left; overflow: hidden; position: relative;}
.our-work-item:hover .our-work-screen {display: none;}
.our-work-item:hover img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.our-work-item:hover .our-work-btn {-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}
.our-work-item img {max-width: 100%; height: auto; line-height: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.our-work-scale {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.our-work-btn {background: url('../img/view-project-btn.png') no-repeat 0 0; width: 51px; height: 146px; position: absolute; top: 0; right: -51px; z-index: 1;}
.our-work-mobile {background: url('../img/our-work-bg-mobile.jpg') #282828 no-repeat center center; background-size: contain; min-height: 500px; position: relative; display: none;}
.our-work-mobile .our-work-title {top: 25%; left: 30%;}
.our-work-mobile .our-work-button {bottom: 25%; left: 30%;}

.our-work-screen {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.9; padding: 20px;}
#our-work-screen-1 {background-color: #282829;}
#our-work-screen-2 {background-color: #6d6e71;}
#our-work-screen-3 {background-color: #8a8c8f;}
#our-work-screen-4 {background-color: #d1d2d4;}
.our-work-screen .border {background-color: none; width: 100%; height: 100%; position: relative;}
#our-work-screen-1 .border, #our-work-screen-3 .border {border: 10px solid #bdbec0;}
#our-work-screen-2 .border {border: 10px solid #3a3a3c;}
#our-work-screen-4 .border {border: 10px solid #FFF;}
.our-work-screen .item-title {position: absolute; bottom: 30px; left: 10%; width: 80%; text-transform: uppercase; padding-bottom: 10px; font-family: 'suisseintl-medium'; letter-spacing: 0.8px;}
#our-work-screen-1 .item-title, #our-work-screen-2 .item-title, #our-work-screen-3 .item-title {color: #FFF; border-bottom: 2px solid #FFF;}
#our-work-screen-4 .item-title {color: #000; border-bottom: 2px solid #000;}

.our-work-btn, .our-work-item img {
	-webkit-transition:  -webkit-transform .3s ease-out;
            transition:          transform .3s ease-out;
    -webkit-font-smoothing: subpixel-antialiased; /* fix for font antialiasing after hover transition */
}

#section-portfolio-header {background: url('../img/portfolio-header-background.jpg') no-repeat center top; color: #b9babe; background-color: #282828; background-position: center 20%;}
.portfolio-title {font-family: 'suisseintl-medium'; padding-top: 15%; font-size: 60px; line-height: 1.5em; text-align: center; margin-bottom: 50px;}
.portfolio-title u {border-bottom: 2px solid #a8a9ad; text-decoration: none;}
.portfolio-categories {font-family: 'suisseintl-medium'; text-align: center; padding-bottom: 30px; text-transform: uppercase;}
.portfolio-categories ul {list-style: none; display: inline-block; margin: 0; padding: 0; /* For IE, the outcast */ zoom:1; *display: inline;}
.portfolio-categories li {float: left; padding: 2px 30px;}
.portfolio-categories li a {color: #b9babe;}
.portfolio-categories li a:hover {color: #FFF;}
.portfolio-categories li a.active {text-decoration: underline; color: #FFF;}
#section-portfolio-content {position: relative; color: #FFF; margin-bottom: 60px;}
.portfolio-content-grey-bg {height: 88px; background: #282828; position: absolute; top: 0; left: 0; width: 100%;z-index:-1;}
.portfolio-item {float: left; width: 33%; padding: 1%;}
.portfolio-item-image {text-align: center;}
.portfolio-item-image img {max-width: 100%; height: auto; 
	-webkit-filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	-moz-filter: grayscale(100%); 
	-moz-transition: .3s ease-in-out;
	-o-filter: grayscale(100%); 
	-o-transition: .3s ease-in-out;
}
.portfolio-item-image img:hover {
	-webkit-filter: grayscale(0%);
	-webkit-transition: .3s ease-in-out;
	-moz-filter: grayscale(0%);
	-moz-transition: .3s ease-in-out;
	-o-filter: grayscale(0%);
	-o-transition: .3s ease-in-out;
}
.portfolio-by-category {display: none;}

.project-container {position: relative; padding: 170px 5% 70px 5%;}
.project-detail-black-bg {background-color: #282828; height: 500px; width: 100%; position: absolute; top: 0; left: 0;z-index: -1}
.back-to-portfolio {padding: 1%;}
.back-to-portfolio a{color: #FFF; letter-spacing: 3px; font-size: 10px;}
.project-detail-container {position: relative;  margin-bottom: 40px;}
.project-detail-left {float: left; width: 60%; padding: 1%;}
.project-detail-right {float: left; width: 40%; padding: 1%;}
#project-detail-image-slider {border: 0; margin-bottom: 0;}
.project-detail-title {font-family: 'suisseintl-medium'; font-size: 45px; color: #d1d2d4;}
.project-detail-info {position: absolute; bottom: 0; left: 61%; width: 39%; letter-spacing: 0.8px; font-size: 14px;}
.project-detail-info-title {float: left; width: 50%; font-weight: bold; width: 30%; padding: 2%;}
.project-detail-info-value {float: left; width: 50%; width: 70%; padding: 2%; color: #727176;}
.project-detail-info-type .project-detail-info-value {border-top: 1px solid #727176; border-bottom: 1px solid #727176;}
.project-detail-info-location .project-detail-info-value {border-bottom: 1px solid #727176;}
.project-prev {float: left; letter-spacing: 3px; text-transform: uppercase; font-size: 10px; font-family: 'suisseintl-medium'; padding-left: 1%;}
.project-next {float: right; letter-spacing: 3px; text-transform: uppercase; font-size: 10px; font-family: 'suisseintl-medium';}

#project-detail-image-slider .flex-direction-nav a {width: 49px; height: 80px; margin: -40px 0 0;}
#project-detail-image-slider .flex-direction-nav a:before  {content: " "; display: block; background: url('../img/portfolio-left.png') no-repeat 0 0; width: 49px; height: 80px;}
#project-detail-image-slider .flex-direction-nav a.flex-next:before  {content: " "; display: block; background: url('../img/portfolio-right.png') no-repeat 0 0; width: 49px; height: 80px;}
#project-detail-image-slider:hover .flex-direction-nav .flex-prev {left: 10px;}
#project-detail-image-slider:hover .flex-direction-nav .flex-next {right: 10px;}

.contact-top {background: url('../img/contact-left-bg.jpg') no-repeat 0 0; background-size: 50% 100%; background-color: #28282a; padding: 170px 5% 70px 5%; position: relative;}
.contact-image {width: 30%;}
.contact-image img {max-width: 100%; height: auto;}
.contact-left-text {font-family: 'suisseintl-medium'; font-size: 60px; color: #28282a; line-height: 1.5em; width: 40%;}
.contact-left-text u {padding-top: 10px; border-bottom: 3px solid #000; text-decoration: none;}
.contact-title {font-family: 'suisseintl-medium'; position: absolute; left: 56%; top: 32%; color: #bebec0; font-size: 50px;}
.contact-address-container {position: absolute; height: 50%; width: 50%; bottom: 0; right: 0; background-color: #58585a; color: #a0a0a2;}
.contact-address-col {position: absolute; top: 30%; width: 35%;}
#contact-address-col1 {left: 10%;}
#contact-address-col2 {left: 50%;}
.contact-address-title {font-family: 'suisseintl-medium'; line-height: 1.5em; margin-bottom: 25px;}
.contact-address-title u {border-bottom: 2px solid #a0a0a2; text-decoration: none;}
.contact-address-detail {letter-spacing: 0.8px;}

.contact-top-mobile {background-color: #28282a; display: none;}
.contact-title-mobile {font-family: 'suisseintl-medium'; color: #bebec0; font-size: 50px; text-align: center; padding: 120px 5% 70px 5%;}
.contact-address-container-mobile {background-color: #58585a; color: #a0a0a2;}
.contact-address-col-mobile {float: left; width: 50%; padding: 2%;} 

/*
.contact-top {overflow: hidden;}
.contact-left {float: left; width: 50%; padding: 0 5% 70px 5%; background: url('../img/contact-left-bg.jpg') no-repeat 0 0; background-size: 100% 100%;}
.contact-left-text {font-size: 60px; color: #28282a; line-height: 1.5em;}
.contact-left-text u {padding-top: 10px; border-bottom: 3px solid #000; text-decoration: none;}
.contact-right {width: 50%; position: relative; float: left;}
.contact-right-top {background-color: #28282a; height: 50%; width: 100%; color: #bebec0; font-size: 50px; position: relative;}
.contact-right-bottom {background-color: #58585a; height: 50%; width: 100%; color: #a0a0a2; position: relative;}
.contact-right-top:before, .contact-right-bottom:before {content:''; display:inline-block; padding-top:50%;}
.contact-title {position: absolute; bottom: 20%; left: 10%;}
.contact-right-col {position: absolute; top: 30%;}
#contact-right-col1 {left: 10%;}
#contact-right-col2 {left: 50%;}
.contact-col-title {line-height: 1.5em; margin-bottom: 25px;}
.contact-col-title u {border-bottom: 2px solid #a0a0a2; text-decoration: none;}
*/
.our-location-title {font-family: 'suisseintl-medium'; font-size: 45px; text-align: center; padding-top: 60px; margin-bottom: 40px;}
.contact-bottom {position: relative; padding-bottom: 50px;}
#map-container {text-align: center; margin: 0 auto;}
.our-location-black-bg {background-color: #28282a; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;z-index:-1;}

.company-top {background-color: #28282a;}
.company-left {float: left; width: 50%; padding: 150px 5% 70px 5%; color: #bebec0;}
.company-right {float: right; width: 50%; position: relative;}
.company-right img {max-width: 100%; height: auto;}
.company-left-title {line-height: 1.5em; margin-bottom: 40px; font-family: 'suisseintl-semibold'; color: #848486;}
.company-left-title u {border-bottom: 2px solid #a0a0a2; text-decoration: none; padding-bottom: 5px;}
.company-left-content {line-height: 1.8em; letter-spacing: 0.8px;}
.company-title {position: absolute; left: 10%; top: 30%; font-size: 50px; font-family: 'suisseintl-medium';}
.company-top-mobile {background: url('../img/company-img.jpg') no-repeat top center; padding: 140px 5% 50px 5%; background-size: cover; display: none;}
.company-title-mobile {font-family: 'suisseintl-medium'; font-size: 50px; margin-bottom: 20px;}
.company-top-text-mobile {background-color: #28282a; color: #bebec0; padding: 8% 4%;}
.company-middle1 {background-color: #949599; height: 250px; position: relative;}
.company-middle-image {position: absolute; left: 0; top: -30%; width: 100%; text-align: center; max-height: 400px; overflow: hidden;}
.company-middle-image img {max-width: 95%; height: auto;}
.company-middle-image-mobile {display: none;}
.company-middle-image-mobile img {max-width: 100%; height: auto;}
.company-middle2 {background: #d1d2d4; padding: 170px 5% 70px 5%;}
.company-middle2-title {font-size: 15px; line-height: 1.5em; margin-bottom: 45px; font-family: 'suisseintl-medium';}
.company-middle2-title u {text-decoration: none; border-bottom: 2px solid #000; padding-bottom: 5px;}
.company-middle2-title-big {font-size: 50px; margin-bottom: 35px; font-family: 'suisseintl-medium';}
.company-middle2-content-col {font-size: 16px; line-height: 1.5em; color: #636466; float: left; width: 50%; padding-right: 4%; letter-spacing: 0.8px;}
.company-bottom {background-size: 50% 100%; background-color: #28282a; padding: 6% 4%; position: relative;}
.company-bottom-img {position: relative; z-index:1; width: 45%; text-align: center;}
.company-bottom-img img {max-width: 100%; height: auto;}
.company-bottom-grey-bg {background-color: #a8a9ad; position: absolute; width: 50%; height: 50%; left: 0; bottom: 0; z-index: 0;}
.company-bottom-white-bg {background-color: #FFF; position: absolute; width: 50%; height: 50%; left: 0; top: 0; z-index: 0;}
.company-bottom-text {color: #d1d2d4; position: absolute; left: 55%; top: 10%; width: 40%;}
.company-bottom-title {line-height: 1.5em; color: #848589; margin-bottom: 40px; font-family: 'suisseintl-medium';}
.company-bottom-title u {text-decoration: none; border-bottom: 2px solid #848589; padding-bottom: 5px;}
.company-bottom-title-big {font-size: 45px; margin-bottom: 20px; font-family: 'suisseintl-medium';}
.company-bottom-content {line-height: 1.8em; margin-bottom: 30px; letter-spacing: 0.8px;}
.company-bottom-button {font-size: 9px; letter-spacing: 2px; text-transform: uppercase; width: 110px; height: 32px; background: url('../img/our-work-button.png') no-repeat 0 0; color: #FFF; background-size: contain; padding-top: 9px; text-align: center;}
.company-bottom-mobile {padding: 4%; background: url('../img/company-img3.jpg') no-repeat top center; background-size: cover; padding-top: 20%; display: none;}
.company-bottom-text-mobile {color: #d1d2d4; background-color: #28282a; padding: 7% 3%;}

.section-service-left {float: left; width: 50%;}
.section-service-right {float: left; width: 50%;}
.section-service-right img, .section-service-left img {max-width: 100%; height: auto;}
.service-grey {color: #616161;}
.service-grey2 {color: #818181;}
.service-white {color: #EEE;}
.service-black {color: #000;}
#section-service1 .service-number {color: #FFF; font-size: 100px; position: absolute; right: 5%; top: 80px; font-family: 'suisseintl-medium';}
#section-service1 .section-service-left {position: relative;}
#section-service1 .section-service-right {float: right;}
.service1-top {background: #000; padding: 140px 5% 40px 10%;}
.service1-bottom {padding: 30px 5% 30px 7%;}
.service-title {font-family: 'suisseintl-medium'; line-height: 1.5em;}
.service-title u {text-decoration: none; padding-bottom: 5px;}
.service-title u.line-white {border-bottom: 2px solid #EEE;}
.service-title u.line-black {border-bottom: 2px solid #000;}
.service-big-title {font-size: 45px; margin-bottom: 20px; font-family: 'suisseintl-medium'; line-height: 1em;}
.service-content {line-height: 1.8em; letter-spacing: 0.8px;}
.service-content ul {padding-left: 15px;}
#section-service2 {background-color: #3a3a3c;}
#section-service2 .section-service-right {padding: 60px 5% 20px 5%; position: relative;}
#section-service2 .service-title {margin-bottom: 60px;}
#section-service2 .service-number {color: #FFF; font-size: 100px; position: absolute; right: 5%; top: 40px; font-family: 'suisseintl-medium';}
#section-service3 {background-color: #a8a9ad; position: relative;}
#section-service3 .section-service-left {padding: 60px 5% 70px 5%; position: relative;}
#section-service3 .section-service-right {float: right;}
#section-service3 .service-title {margin-bottom: 60px; font-family: 'suisseintl-medium';}
#section-service3 .service-number {color: #000; font-size: 100px; position: absolute; right: 5%; top: 40px; font-family: 'suisseintl-medium';}
.design-phase-title {font-family: 'suisseintl-medium'; background: url('../img/service-img4.jpg') no-repeat center center; font-size: 50px; color: #000; text-align: center; padding: 200px 3% 60px 3%; background-size: cover;}
.design-phase-title u {text-decoration: none; border-bottom: 2px solid #000; padding-bottom: 10px; }
.design-phase-item {float: left; width: 33%; padding: 4%; height: 430px;}
.design-phase-item.black {background-color: #3a3a3c;}
.design-phase-item.white {background-color: #FFF;}
.design-phase-item.light-grey {background-color: #ededed;}
.design-phase-item.dark-grey {background-color: #a8a9ad;}
.design-phase-item.dark-grey2 {background-color: #b9babe;}
.design-phase-item.text-black {color: #000;}
.design-phase-item.text-white {color: #FFF;}
.design-phase-item-number {font-family: 'suisseintl-medium'; text-transform: uppercase; font-size: 15px; margin-bottom: 50px;}
.design-phase-item-number u {text-decoration: none; padding-bottom: 5px;}
.design-phase-item-number u.line-black {border-bottom: 2px solid #000;}
.design-phase-item-number u.line-white {border-bottom: 2px solid #FFF;}
.design-phase-item-title {font-family: 'suisseintl-medium'; font-size: 10px; margin-bottom: 10px; letter-spacing: 3px; text-transform: uppercase;}
.design-phase-item-content {color: #838384; letter-spacing: 0.8px;}
.design-phase-item-content ul {padding-left: 15px;}
.design-phase-container .clear2 {display: none;}
.item-color-grey {color: #616161;}

#footer {}
.footer-left {font-family: 'suisseintl-semibold'; float: left; background: #FFF; width: 33%; min-height: 235px; padding-left: 5%;}
.footer-right {float: left; background: #EFEFEF; width: 67%; min-height: 235px; padding-left: 5%; position: relative;}
.back-to-top {cursor: pointer; width: 35px; height: 36px; position: absolute; right: 7%; bottom: 36%; background: url('../img/back-to-top.png') no-repeat center center;}
#copyright {color: #a9aaac; margin-top: 75px;}
#design-by {margin-top: 100px; color: #a0a0a0; font-size: 9px; letter-spacing: 3px;}
.address-footer-container {float: left; margin-top: 75px; margin-right: 20%;}
.address-footer-title { font-family: 'suisseintl-semibold'; color: #000; font-size: 9px; letter-spacing: 3px; margin-bottom: 10px;}
.address-footer-content {color: #a7a8aa; font-size: 14px;}