body, html{
    font-family: Arial, Regular;
    margin: 0;
    overflow-x: hidden;
}
a {
    text-decoration: none;
}
body,html,a{
    color:black;
}
.gotoproject,
.project .words,
.telling .publication .words,
.telling .details,
.tellingtag,
.showingtag
{
    color: #FFFFFF;
}
.hidden{
    display: none !important;
}
.orange, .current, .submit,
.slidesjs-navigation,
body.showing .tellingtag2.desktop,
body.project .tellingtag2.desktop,
.companyName.bottom
{
    color: #F68450 !important;
}
.index .backLink,
.showing .gotoindex,
.showing .backLink.project,
.telling .gotoindex,
.telling .backLink.project,
.project .gotoindex,
.project .backLink.showingTelling{
    display: none;
}
.companyName { 
    font-size: 140%;
    letter-spacing: 8px;
}
.companyName .demetriou{
    font-family: 'Bodoni-Bold-DTC';
}
.companyName .demetriou .theD, 
.companyName .lightCompanyName .theA{
    font-size: 180%;
}
.companyName .lightCompanyName{ 
    font-weight: lighter;
    font-family: 'Bodoni-Bold-DTC-Italic';
    line-height: 100%;
}
body.index .companyName.bottom{
    display: none;
}
@media (max-width:1280px){
    .companyName.bottom{
        display: none;
    }
}
.companyName.bottom{
    font-size: 105%;
    letter-spacing: 5px;
    vertical-align: middle;
}
.info #phoneAndEmail{
    line-height: 43px;
    display:inline-block; 
    font-size: 1em;
    float:right; 
    /*padding-top:0.5em;*/
    padding-right:1em;
    font-family: 'Swiss721BT', Roman;
}
.houzzLink{
    padding-top: 0.3em;
    padding-left: 1em;
    font-size: 1em;
}
.mobile.houzzLink{
    display: inline-block;
    padding: 0;
}
.animating .houzzLink,
.telling .houzzLink{
    display: none !important;
}
.info #phone{
    display:inline-block;
}
#rightcolumn .info #phoneAndEmail{
    float: none;
    padding-left: 2em;
}
body.telling #leftcolumn #phoneAndEmail{
    display: none;
}
.swiss{
    font-family: 'Swiss721BT';
}
.swiss.bold, .submit,
.tellingtag, .showingtag, .tellingtag2,
.backLink{
    font-family: 'Swiss721BT';
    font-weight: bold;
}
.bodoniBold.italic{
    font-family: 'Bodoni-Bold-DTC-Italic', Roman;
}
.pragati, .contactinfo{
    font-family: 'Pragati Narrow', sans-serif;
}
.contactinfo{
    letter-spacing: 1.5px;
}
.pragatiBold{
    font-family: 'Pragati Narrow', sans-serif;
    font-weight: bold;
}
.pragatiItalic{
    font-family: 'Pragati Narrow', sans-serif;
    font-style: italic;
}
.arialBold{
    font-family: Arial, Regular;
    font-weight: bold;
}
.arialBoldItalic{
    font-family: Arial, Regular;
    font-weight: bold;
    font-style: italic;
}
textarea, input{
     font-family: Arial, Regular;
}
.telling .afterText .contact{
    font-size: 1.3em;
    line-height: 1.3em;
}
.tagline {
    text-align: center;
    line-height: 175%;
    display: inline-block;
    vertical-align: middle;
    font-weight: lighter;
    font-size: 140%;
    width:100%;
    padding-top: 3em;
}
.index .tellingtag .bullet,
.index .showingtag .bullet{
    font-size: 1.2em;
    line-height: 0;
    vertical-align: middle;
    margin-left: 10px;
}
.index .showingtag .bullet{
    margin-right: 10px;
}
.bullet img{
    height: 0.7em;
}
.backLink img{
    height: 1em;
    vertical-align: top;
}
.anystyle{
    font-size: 195%;
}
.goodArchitecture{
    font-size: 170%;
}
.stylisticPreconceptions{
    font-size: 125%;
    line-height: 100%;
}
.ear{
    position: absolute;
    z-index: 1;
    opacity: 0.2;
}
.leftear{
    width: 17%;
    top: 5em;
    left: 4em;
}
.rightear{
    width: 17%;
    right: 4em;
    bottom: 3em;
}
#scroll .categoryName{
    margin: 0.8em;
    font-size: 108%;
}
input, textarea{
    padding: 0.2em;
    background: none;
    background-color: rgba(255,255,255,0.3);
    color: black;
    transition-duration: 0.5s;
    border: medium none;
}
input{
    font-size: 119%;
    font-weight: lighter;
    height: 1em;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
}
:-moz-placeholder { /* Firefox 18- */
  color: black;
}
textarea {
    font-size: 100%;
    height: 7.3em;
    opacity: 0.8;
    padding-left: 0.4em;
    padding-right: 0.4em;
    overflow: auto;
}
textarea:hover,
textarea:focus {
    opacity: 1 
}
.submit{
    text-transform: uppercase;
    background: NONE;
    font-weight: lighter;
    opacity: 0.65;
    transition-duration: 0.5s;
}
.contactinfo .contactText{
    margin-right: 8%;
    float: right; 
}
.contactinfo .contactText tr td:last-child{
    text-align: right;
}
.telling .contactinfo table td#spacing{
    line-height: 0.5em;
}
li.slidesjs-pagination-item a{
    color: transparent;
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { 
    background-image: url(../../../../templates/images/current3.png);
}
div.slidesjs-navigation{
    font-size: 5em;
    /*line-height: 5em;*/
    user-select: none;
    position: absolute;
    top: 45%;
    vertical-align: middle;
    z-index: 20;
    display: inline-block;
    cursor: pointer;
    opacity: 0;
}
.project div.slidesjs-navigation.slidesjs-previous{
    left: 0;
    padding-left: 2%;
}
.project div.slidesjs-navigation.slidesjs-next{
    right: 28%;
    padding-right: 2%;
}
.telling div.slidesjs-navigation.slidesjs-previous{
    padding-left: 2%;
}
.telling div.slidesjs-navigation.slidesjs-next{
    right: 0;
    padding-right: 2%;
}
.desc{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 84%;
    bottom: 0;
    padding: 3%;
    padding-left: 6%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 99%;
    text-transform:uppercase;
}
.telling .desc{
    text-transform: none;
}
.telling .details #articleTitle,
.telling .details #quote{
    margin: 1em 0 0 0;
}
#contactform .error{
    border-bottom: 1px solid red;
}
#contactform .button{
    cursor:pointer;
}
#contactform .sendContainer{
    margin: 2%;
}

@font-face {
  font-family: 'Bodoni-Bold-DTC';
    /* Pretty Modern Browsers */
  src: url('../../../../css/webfonts0/bodoni-bold-dtc.woff') format('woff'),  
    /* Safari, Android, iOS */
       url('../../../../css/webfonts0/bodoni-bold-dtc.ttf')  format('truetype');  
    /* url('webfont.woff2') format('woff2'), Super Modern Browsers */
}
@font-face {
  font-family: 'Bodoni-Bold-DTC-Italic';
    /* Safari, Android, iOS */
  src: url('../../../../css/webfonts0/BOD_BI.TTF')  format('truetype'); 
    /* url('webfont.woff2') format('woff2'), Super Modern Browsers */
    /* url('webfont.woff') format('woff'), Pretty Modern Browsers */
}
@font-face {
  font-family: 'Swiss721BT';
    /* Super Modern Browsers */
  src: url('../../../../css/webfonts0/swiss-webfont.woff2') format('woff2'),
    /* Pretty Modern Browsers */
       url('../../../../css/webfonts0/swiss-webfont.woff') format('woff'),  
    /* Safari, Android, iOS */ 
       url('../../../../css/webfonts0/swiss.ttf')  format('truetype');  
}
@font-face {
  font-family: 'Swiss721BT';
  font-weight: bold;
    /* Super Modern Browsers */
  src: url('../../../../css/webfonts0/swissb-webfont.woff2') format('woff2'),
    /* Pretty Modern Browsers */
       url('../../../../css/webfonts0/swissb-webfont.woff') format('woff'),
    /* Safari, Android, iOS  */
       url('../../../../css/webfonts0/swissb.ttf')  format('truetype'); 
}