html,body {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: left;
line-height: 1.25;
letter-spacing: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.hide-for-small {
display:block;
}
.get-this-thing-working {
display: block;
}

.left-col, .right-col {
width: 50%;
float: left;
margin:0;
padding:0;
}

.footer-padding {

}

.footer-logo {
width: 264px;
float: left;
}

.riba-logo {
width: 70px;
float: left;
margin: 15px 0 0 0;
opacity: 0.5;
}

.address-col {
width: 120px;
float: left;
}

.meet-team {
margin-top: 20px;
}

#map {
width: 100%;
height: 600px;
margin: 0 0 17px;
}
.clearfix {
width: 100%;
height: 30px;
}

.row {
max-width: 75em;
}

.column, .columns {
padding-left: 5px;
padding-right: 5px;
}

.content-block {
margin: 17px 0 0 0;
}

#cookies {
width: 100%;
position: fixed;
bottom:-45px;
left:0;
right:0;
background: #ddd;
color: #222;
z-index:99;
transition: 0.25s;
}

#cookies.accept {
bottom: 0;
transition: 0.25s;
}

#cookies p {
font-size: 18px;
margin: 10px 0;
}

#cookies p#close {
text-align: right;
}

#cookies p#close:hover {
cursor: pointer;
} 

#icon {
width: 22px;
height: 22px;
position: fixed;
top: 37px;
left: 30px;
z-index: 9999;
}

#icon:hover {
cursor: pointer;
}

#icon rect#i1,#icon rect#i4 {
opacity: 1;
transition: 0.25s opacity ease-in-out;
}

#icon.active rect#i1, #icon.active rect#i4 {
opacity: 0;
transition: 0.25s opacity ease-in-out;
}

#icon rect#i2 {
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Safari */
transform: rotate(0deg); /* Standard syntax */
transform-origin: center center;
transition: 0.25s;	
}

#icon.active rect#i2 {
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari */
transform: rotate(45deg); /* Standard syntax */
transform-origin: center center;
transition: 0.25s;	
}

#icon rect#i3 {
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Safari */
transform: rotate(0deg); /* Standard syntax */
transform-origin: center center;
transition: 0.25s;	
}

#icon.active rect#i3 {
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Safari */
transform: rotate(-45deg); /* Standard syntax */
transform-origin: center center;
transition: 0.25s;	
}

#hamburger {
position: fixed;
width: 410px;
min-height: 100%;
left: -410px;
top:0;
bottom:0;
margin:0;
background: #fff;
border-right: 1px solid #999;
z-index: 999;
transition: 0.25s;
overflow: scroll;
}

#hamburger.open {
left: 0;
transition: 0.25s;
}

#hamburger h6 {
position: absolute;
top: 0;
left: 70px;
}

#email {
position: absolute;
bottom: 30px;
left: 70px;
width: 270px;
}

#navigation {
padding: 90px 70px 30px;
}

.accordion {
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
.panel {
display: none;
overflow: hidden;
margin: 0 0 10px;
}

#footer {
display: none;
margin-top: 50px;
}



.fm-logo {
width: 90px;
margin: 15px 0 0 0;
float: right;
}

#footer img {
margin: 5px 0 0
}

.footer img {
: position relative
}



h1 {
font-size: 18px;
color: #666
}

h2 {
font-size: 18px
}
h2.title {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 21px;
font-weight: 400;
font-style: normal;
text-align: left;
}

h6 {
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 24px;
font-weight: 500;
font-style: normal;
margin: 30px 0 5px 0;
}

h6 span {
font-weight: 300;
color:inherit
}

h6 span.arch {
color: #999;
}

h6 span.alt {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #dadada
}

h6.footer {
margin: 15px 0 5px 0;	
}

p, ul, table, #header {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
color: #222;
margin: 15px 0 0;
padding: 0
}

.homepage-text-large p {
font-family: HelveticaNeue-Light, "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 72px;
font-weight: 300;
line-height: 1.1;
font-style: normal;
margin: 0 0 25px 0;
width: 90%;
}
.homepage-text-medium p {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
font-style: normal;
margin: 0 0 30px 0;
width: 90%;
}
.homepage-text-small p {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
font-style: normal;
margin: 0 0 15px 0;
width: 90%;
}

.large p, p.large {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
font-style: normal;
margin: 0 0 15px 0;
width: 90%;
}

.large p:first-of-type, p.large:first-of-type {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;	
font-weight: normal;
}

.large p strong, p.large strong {
font-weight: normal;
}

p.nomargin {
margin:0;
}


p.quote {
font-size: 21px;
font-style: oblique;
font-weight: 900;
line-height: 1.25;
color: #fff;
background: #dadada;
margin: 0;
padding: 15px
}

address p {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
color: #222;
margin: 10px 0 0;
padding: 0
}

address p.city {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
text-transform: uppercase;
color: #222;
margin: 0;
padding: 0
}

.isotope {
margin: 17px 0 0;
}

/*
.nopadd {
padding: 0
}
*/

/*
.grid-sizer,.element-item {
width: 32.33%;	
}
.gutter-sizer {
width: 1%;
}
*/
.element-item {
padding-top: 5px;
padding-bottom: 5px;
}


.element-item img {
width: 100%
}

#stripes {
background-image: url(/wp-content/themes/portfolio/img/stripes.png);
background-color: #fff;
padding: 15px
}

#stripes h1.title {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #666
}

#stripes h1.newstitle {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
text-transform: uppercase;
color: #666
}

#stripes p {
font-size: 12px;
color: #666
}

#stripes p:first-of-type {
font-size: 16px!important
}

#stripes p.info {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px!important;
color: #666;
margin: 0;
padding: 0
}

#stripes .specs {
margin: 15px 0 30px;

}

.specs {
clear:both;
height: 100%;
}

#stripes ul.social, ul.tags, ul.tags-vertical, ul#nav {
margin: 0;
padding: 0
}

button, ul#nav {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
font-weight: 400;
font-style: normal;
text-align: left;
display: block;
width: 100%;
border:none;
border-color: none;
border-style: solid;
border-width: 0px;
padding: 0 0 5px 0;
background: #fff;
}

button:hover {
cursor: pointer;
}

button:focus {
outline: 0 none;
}

button:after {
float: right;
content: "+";
padding: 0;
color: #999;
}

ul.tags-vertical, ul#nav {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
font-weight: 400;
font-style: normal;
text-align: left;
margin: 0 0 0 30px;	
}

ul#nav {
margin: 0;
}

ul#social, ul#social-small, ul.social {
margin:15px 0 0 0;
padding:0;
}

ul#social {
margin:14px 0 0 0;
}

ul#social li, ul#social-small li, ul.social li {
list-style: none;
display: inline-block;
width: 22px;
height: 22px;
padding: 0 5px 0 0;
}

ul#social-small li {
width: 18px;
height: 18px;	
margin: 0 4px 0 0;
}

ul#social-small li:last-of-type {
margin: 0;	
}


ul.tags {
font-size: 18px;
line-height: 1.33;
}
ul.tags li {
list-style: none;
display: inline;
padding: 0 3px;
}
ul.tags li a {
color: #222;
}
ul.tags li a {
color: #999;
}
ul.tags-vertical li a {
color: #999;
padding: 0 0 5px 0;
}

ul#nav li a {
padding: 0 0 5px 0;
display: block;
}

ul.tags li:after {
content: " |";
color: #999;
}

ul.tags li:last-of-type:after {
content: "";
}

ul.tags li:first-of-type {
padding: 0 3px 0 0;
}

ul.tags-vertical li, ul#nav {
list-style: none;
}

.project {
background: #fff;
position: relative;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s
}

.project h2.project, .project h2.project.home {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
width: 100%;
bottom: -2px;
position: absolute;
opacity: 1;
filter: alpha(opacity=1);
background: #fff;
margin:0;
padding:5px 0 10px;
}

.project h2.project.home {
font-size: 12px;
padding: 10px 0;
}

.project h2.project a, .project h2.project.home a,
.project h2.project a:hover {
color: #222;
-o-transition: .25s;
-ms-transition: .25s;
-moz-transition: .25s;
-webkit-transition: .25s;
transition: .25s
}

.testimonialstwo {
background-image: url(/wp-content/themes/portfolio/img/stripes.png);
background-color: #fff;
padding: 15px
}

.testimonialstwo h2 {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
text-align: right;
line-height: 1;
margin: 0
}

.testimonialstwo p {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 1.25;
margin: 0 0 15px;
color: inherit
}

.testimonialstwo p.client {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: right;
margin: 0
}

.testimonials {
padding: 15px
}

.testimonials h2 {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
text-align: right;
line-height: 1;
margin: 0
}

.testimonials p {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 1.25;
margin: 0 0 15px;
color: inherit
}

.testimonials p.client {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
text-align: right;
margin: 0
}

.clients {
background: #fff;
padding: 15px;
border: 2px dotted #222
}

.clients p {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.25;
text-align: left;
color: #222;
margin: 0 0 15px
}

.about {
background: #dadada;
padding: 15px 15px 30px
}

.about p {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 1.25;
color: #fff
}

#philosophy {
background-image: url(/wp-content/themes/portfolio/img/stripes.png);
background-color: #fff;
padding: 15px
}

#philosophy p {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
line-height: 1.25;
color: #222!important
}

#philosophy blockquote {
border: 0;
margin: 0;
padding: 0
}

#philosophy blockquote p {
font-size: 24px!important
}

.bio {
background-color: #eee;
padding: 15px
}

.bio h2.name {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 48px;
letter-spacing: 0;
margin: 0;
padding: 0
}

.bio p {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.25;
color: #222!important
}

.insta {
max-height: 475px!important
}

.instagram {
max-height: 450px
}

#twitter {
min-height: 250px!important;
display: block!important
}

#search {
background-color: #dadada;
color: #222!important;
padding: 10px;
margin: 10px 0 0
}

#search p {
font-size: 24px;
color: #222!important;
margin: 0 0 0 10px;
padding: 0
}

#search input {
outline: 0;
border: 1px solid #fff;
box-shadow: none;
margin: 0;
width: 100%;
height: 30px
}

.newstwo {
background-image: url(/wp-content/themes/portfolio/img/stripes.png);
background-color: #fff;
padding: 15px 15px 30px
}

.newstwo h2.title,
.newstwo p {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: inherit
}

.newstwo p.date {
font-size: 24px;
margin-top: 0;
color: inherit
}

.newstwo a {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222!important;
text-decoration: none
}

.newstwo a:hover {
text-decoration: underline
}

.news {
padding: 15px 15px 30px
}

.news h2.title {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: inherit
}

.news h2.title a {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff!important
}

.news p {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: inherit
}

.news p.date {
font-size: 24px;
margin-top: 0;
color: inherit
}

.news a {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #fff!important;
text-decoration: none;
font-weight: 700;
}

.news a:hover {
text-decoration: underline
}

.news p, .newstwo p {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;		
}

/*
.team {
min-height: 472px;
}
*/

.category {
margin: 30px 0 0
}

.swap img:last-child,
.swap:hover img:first-child {
display: none
}

.swap:hover img:last-child {
display: inline-block
}

a {
color: #222;
text-decoration: none;
outline: 0
}

a:active,
a:hover,
a:visited {
color: #222;
text-decoration: none
}

ul.nav {
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #000;
margin: 30px 0 0;
padding: 5px 0
}

ul.nav li {
font-size: 12px!important;
display: inline-block;
padding: 0 2px
}

ul.nav li.active a {
font-weight: 900;
font-style: oblique
}

ul.nav li a {
color: #222;
font-style: normal;
text-decoration: none
}

ul.subnav {
text-align: center;
text-transform: uppercase;
margin: 5px 0;
padding: 0
}

ul.subnav li {
font-size: 12px!important;
display: inline-block;
padding: 0 2px
}

ul.subnav li.active {
padding: 2px 0 0;
width: 20px;
height: 20px;
background: #dadada;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px
}

ul.subnav li.circle {
padding: 2px 0 0;
width: 20px;
height: 20px;
background: #fff;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px
}

ul.subnav li.circle:hover {
background: #dadada
}

ul.subnav li.nocircle {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

ul.subnav li.nocircle:hover,
ul.subnav li.on {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}

ul.dropnav {
position: absolute;
left: -9999px;
padding: 15px 0 0
}

ul.nav li:hover ul.dropnav {
left: 0;
right: 0;
text-align: center;
margin: 0 auto
}

ul.dropnav li.circle {
padding: 2px 0 0;
width: 20px;
height: 20px;
background: #fff;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px
}

ul.dropnav li.circle:hover {
background: #dadada
}

ul.dropnav li.nocircle {
font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif
}

ul.dropnav li.nocircle:hover {
font-family: HelveticaNeue-Bold, "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif
}



.footer p {
color: #aaa
}

.footer ul.social {
position: absolute;
top: 0;
left: 15px;
width: 100%;
color: #222;
padding: 0 0 0 15px
}

.footer ul.social img {
width: 20px;
height: 20px;
margin: 0;
padding: 0
}

ul.social li {
list-style: none;
display: inline-block
}

ul.social li p {
top: 10px
}

.flex-video {
margin-bottom: 0
}

.outline {
border: 1px solid #dadada
}

.element-item-animate {
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
display: none
}

.element-item-build {
display: none
}
.autoplay {
width: 100%;
height: 100%;
margin:0;
padding:0;
}
.autoplay img {
width: 100%;
height: 100%;
}






.prj-img:hover {
cursor: zoom-in;
}

.prj-img {
opacity: 1;
}

.prj-img .selected {
opacity: 0.333;
}



.isotope, .element-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;

}




@media only screen and (max-width:1340px) {
.row {
max-width: 80%;
}
#hamburger {
padding-bottom: 0;
}
#email {
position: relative;
left: auto;
margin: 90px 0 0 0;
width: 270px;
}


} @media only screen and (max-width:1024px) {
	
.get-this-thing-working, .hide-for-medium-down, .selected {
display: none;
}


.large p, p.large {
width: 75%;
}

ul.tags {
max-width: 100%;
margin: 0 0 15px 0;
}
ul.tags li {
display: inline-block;
margin: 0 10px 0 0;
padding:0;
}
ul.tags li:first-of-type {
margin: 0 6px 0 0;
padding:0;
}
ul.tags li:after {
content: " |";
}

.gigante {
width: 50%;
}


} @media only screen and (max-width:768px) {
.hide-for-small {
display:none!important;
}	


} @media only screen and (max-width:733px) {	
#map {
height: 300px;
}



#icon {
left: 12px;
}
#hamburger {
width: 100%;
left: -100%;
border: 0 none;
}
#hamburger h6 {
position: absolute;
top: 0;
left: 10%;
}
#navigation {
max-width: 80%;
margin: 0 auto;
padding: 90px 0 0;

}
#email {
position: relative;
left: auto;
}

h6 {
margin: 30px 0 15px;
}
h6.footer {
margin: 10px 0 10px 0;
}

.homepage-text-large p {
font-size: 42px;
}
.homepage-text-medium p {
font-size: 24px;
}
.homepage-text-small p {
font-size: 18px;
}


.large p, p.large, .large p:first-of-type, p.large:first-of-type  {
font-size: 18px;
width: 100%;
}

#cookies p#close {
text-align: left;
}

.gigante {
width: 100%;
}

.fm-logo {
width: auto;
margin: 25px 0 0 0;
}

#footer img {
margin: 0;
}

} @media only screen and (max-width:375px) {

.row {
max-width: 75%;
}
#hamburger h6 {
left: 12.5%;
}
#navigation {
max-width: 75%;
margin: 0 auto;
padding: 90px 0 0;

}
#email {
width: 240px;	
}

h6, ul.tags, .large p, p.large, .large p:first-of-type, p.large:first-of-type  {
font-size: 21px;
}
	
} /* DO NOT DELETE */