/*!
* Start Bootstrap - 4 Col Portfolio HTML Template (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
.portfolio-item {
font-size: 16px;
margin-bottom: 35px;
text-align: center;
}
.portfolio-part {
margin-top: 58px;
padding: 0 100px;
}
@font-face {
font-family: 'Conv_tt0100m_1';
src: url(../fonts/tt0100m_1.eot);
src: local('☺'), url('../fonts/tt0100m_1.woff') format('woff'), url('../fonts/tt0100m_1.ttf') format('truetype'), url('../fonts/tt0100m_1.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Futura";
font-style: normal;
font-weight: normal;
src: url("/webfonts/1A6352_0_0.eot?#iefix") format("embedded-opentype"), url("/webfonts/1A6352_0_0.woff") format("woff"), url("/webfonts/1A6352_0_0.ttf") format("truetype"), url("/webfonts/1A6352_0_0.svg#wf") format("svg");
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block
}
audio, canvas, video {
display: inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
display: none
}
[hidden] {
display:none
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
background:#fff;
margin: 0;
font-size: 13px;
line-height: 1
}
body, button, input, select, textarea {
font-family: Futura, sans-serif;
color: #3f3e3c
}
.serif {
font-family: Palatino, "Palatino Linotype", Georgia, serif
}
a {
color: #8e7b57;
text-decoration: none
}
a:visited {
color: #8e7b57
}
a:focus {
outline: thin dotted
}
a:hover, a:active {
outline: 0;
color: #262524
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: bold
}
blockquote {
margin: 0
}
dfn {
font-style: italic
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
ins {
background: #ff9;
color: #000;
text-decoration: none
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold
}
pre, code, kbd, 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: 85%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
p, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: 0;
padding: 0
}
ul, ol {
margin: 0;
padding: 0 0 0 2em
}
dd {
margin: 0 0 0 2em
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
form {
margin: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
label {
cursor: pointer
}
legend {
border: 0;
*margin-left:-7px;
padding: 0
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align:middle
}
button, input {
line-height: normal;
*overflow:visible
}
table button, table input {
*overflow:auto
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="search"] {
-webkit-appearance: textfield;
0
-webkit-box-sizing: content-box;
box-sizing: content-box
}
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;
resize: vertical
}
input:invalid, textarea:invalid {
background-color:#f0dddd
}
table {
border-collapse: collapse;
border-spacing: 0
}
td {
vertical-align: top
}
html {
height: 100%
}
body {
height: 100%;
background: #fff;
}
#main-nav-list {
position: relative;
top: 92px;
width: 100px
}
#main-nav-bg {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e9e4dc;
filter: alpha(opacity=90);
opacity: .9
}
#main-nav-list ul {
position: relative;
z-index: 2002;
padding: 9px 0 8px 0
}
#main-nav-list a {
height: 22px;
background-image: url(/img/nav-and-headers.20140922.png);
background-position: -370px 0
}
#main-nav-list #nav-projects:hover, #main-nav-list #nav-projects:focus {
background-position: -470px 0
}
#main-nav-list #nav-about {
background-position: -370px -22px
}
#main-nav-list #nav-about:hover, #main-nav-list #nav-about:focus {
background-position: -470px -22px
}
#main-nav-list #nav-process {
background-position: -370px -44px
}
#main-nav-list #nav-process:hover, #main-nav-list #nav-process:focus {
background-position: -470px -44px
}
#main-nav-list #nav-press {
background-position: -370px -66px
}
#main-nav-list #nav-press:hover, #main-nav-list #nav-press:focus {
background-position: -470px -66px
}
#main-nav-list #nav-contact {
background-position: -370px -88px
}
#main-nav-list #nav-contact:hover, #main-nav-list #nav-contact:focus {
background-position: -470px -88px
}
#main-nav-list #nav-client {
background-position: -370px -110px
}
#main-nav-list #nav-client:hover, #main-nav-list #nav-client:focus {
background-position: -470px -110px
}
#main-nav-list #nav-renderings {
background-position: -370px -132px
}
#main-nav-list #nav-renderings:hover, #main-nav-list #nav-renderings:focus {
background-position: -470px -132px
}
.home .imgscaler {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.no-js .imgscaler img {
display: block;
margin: 0 auto
}
.js .imgscaler img {
display: none
}
.page.about {
background-image: url(/img/about-sketch.png);
background-repeat: no-repeat;
background-position: 50% 360px
}
.page.process {
background-image: url(/img/process-sketch.png);
background-repeat: no-repeat;
background-position: 50% 290px
}
.page.contact {
background-image: url(/img/contact-sketch.png);
background-repeat: no-repeat;
background-position: 100% 270px
}
.page.projects {
background-image: url(/img/projects-sketch.png);
background-repeat: no-repeat;
background-position: 50% 100%;
background:#fff;
}
.page.press {
background-image: url(/img/contact-sketch.png);
background-repeat: no-repeat;
background-position: 100% 270px
}
.page.renderings {
background-image: url(/img/projects-sketch.png);
background-repeat: no-repeat;
background-position: 50% 100%
}
.page #content {
margin: 0 17% 0 5.6%;
padding: 49px 0 35px 0
}
.page h1 {
margin-bottom: 35px;
height: 17px;
/* width: 170px;*/
background-image: url(/img/nav-and-headers.20140922.png)
}
.about h1 {
background-position: 0 -40px
}
.process h1 {
background-position: 0 -80px
}
.press h1 {
background-position: 0 -120px
}
.contact h1 {
background-position: 0 -160px
}
.renderings h1 {
background-position: 0 -200px
}
.page .columns {
padding-bottom: 20px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0
}
.page .column-left {
float: left;
padding-bottom: 20px;
width: 45%
}
.page .column-right {
float: right;
margin-right: 5%;
padding-bottom: 20px;
width: 45%
}
.page .columns p {
-webkit-break-inside: avoid-column;
-moz-break-inside: avoid-column;
break-inside: avoid-column
}
.page .columns img, .page .column-left img, .page .colmn-right img {
width: 100%;
height: auto
}
.page .serif p {
margin: 0 0 25px 0;
line-height: 25px
}
.page .columns.serif p {
margin-right: 10%
}
.page .serif p b, .page .serif p strong {
font-family: Futura, sans-serif;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
color: #8e7b57
}
.page .team {
margin-bottom: 25px;
font-size: 12px;
line-height: 25px;
letter-spacing: 1px;
text-transform: uppercase
}
#process-text {
display: block;
margin: 0 0 15px -4%;
width: 107%;
height: auto
}
.contact .column-left {
width: 60%
}
.contact .column-right {
width: 28%
}
#feedback {
margin: 0 0 25px 0;
font-size: 13px;
line-height: 22px;
color: #8e7b57
}
.contact label.half-left {
float: left;
margin-bottom: 25px;
width: 47%
}
.contact label.half-right {
float: right;
margin-bottom: 25px;
width: 47%
}
.contact label.full {
display: block;
margin-bottom: 25px
}
.contact label.error {
display: block;
padding-top: 6px;
font-size: 13px;
color: #8e7b57
}
#contact-test {
display: none
}
.contact label span {
display: block;
margin-bottom: 6px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px
}
.contact input[type=text] {
display: block;
width: 96%;
padding: 0 2%;
height: 25px;
line-height: 25px;
background: #f6f4f1;
border: 0
}
.contact textarea {
display: block;
width: 96%;
padding: 5px 2%;
height: 250px;
line-height: 18px;
background: #f6f4f1;
border: 0
}
.contact input[type=text]:focus, .contact textarea:focus {
background: #fff
}
.contact button {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: #8e7b57;
background: 0;
border: 0
}
.contact .column-right h2 {
margin: -2px 0 18px 0;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
color: #8e7b57
}
.contact .column-right p {
margin-bottom: 18px;
line-height: 18px
}
.contact .column-right p strong {
font-size: 12px;
color: inherit
}
.page.projects #content {
margin-right: 90px
}
.project-listing {
margin-right: 35px;
float: left;
width: 169px;
height: 245px;
font-size: 14px;
line-height: 17px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px
}
.project-listing img {
display: block;
margin-bottom: 15px
}
.project-listing span {
display: block
}
.page.press #content {
margin-right: 40%
}
.press-listing {
margin-bottom: 40px
}
.press-listing img {
float: left
}
.publication {
margin: 0 0 10px 140px;
padding-top: 3px
}
.publication span {
padding: 0 3px;
color: #8e7b57
}
.press-listing h2 {
margin: 0 0 20px 140px;
font-size: 15px;
line-height: 17px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: #8e7b57
}
.press-links {
margin-left: 140px
}
.press-links a {
margin-right: 15px;
padding-right: 10px;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
color: #3f3e3c;
background: url(/img/arrows.20121107.png) no-repeat 100% 2px
}
.press-links a:hover, .press-links a:focus {
color: #8e7b57
}
.rendering h2 {
margin: 15px 0 35px 0;
font-size: 15px;
line-height: 17px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
color: #8e7b57
}
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%
}
#cboxMiddleLeft, #cboxBottomLeft {
clear: left
}
#cboxContent {
position: relative
}
#cboxLoadedContent {
overflow: auto
}
#cboxTitle {
margin: 0
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0
}
#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing: content-box
}
#cboxOverlay {
background: #e9e4dc
}
#cboxContent {
margin: 0;
overflow: visible
}
.cboxIframe {
background: #e9e4dc
}
#cboxError {
padding: 50px
}
#cboxLoadingGraphic {
background: url(/img/spinner.gif) no-repeat 50% 50%
}
#cboxTitle {
display: none!important
}
#cboxCurrent {
display: none!important
}
#cboxClose {
width: 15px;
height: 15px;
position: absolute;
text-indent: -999em;
top: 0;
left: 0;
background: url(/img/arrows.20121107.png) no-repeat 100% 100%
}
#cboxSlideshow, #cboxPrevious, #cboxNext {
display: none!important
}/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: 0;
vertical-align: top
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.fancybox-opened {
z-index: 8030
}
.fancybox-outer, .fancybox-inner {
position: relative
}
.fancybox-inner {
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%
}
#fancybox-loading, .fancybox-prev span, .fancybox-next span {
background-image: none
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
background-position: 0 -108px;
opacity: .8;
cursor: pointer;
z-index: 8060
}
#fancybox-loading div {
width: 32px;
height: 32px;
background: url('/img/spinner.gif') center center no-repeat
}
.fancybox-close {
position: absolute;
top: 0;
left: 0;
width: 31px;
height: 31px;
background: #8e7b57 url(/img/arrows.20121107.png) no-repeat -277px -177px;
cursor: pointer;
z-index: 8040;
filter: alpha(opacity=67);
opacity: .67
}
.fancybox-close:hover {
filter: alpha(opacity=100);
opacity: 1
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/img/blank.gif');
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040
}
.fancybox-prev {
left: 0
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible!important
}
.fancybox-lock {
overflow: hidden
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('/img/overlay.png') repeat
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: none
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0,0,0,0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0,0,0,.8)
}
#main {
width: 100%;
overflow: hidden
}
#overlay {
position: absolute;
z-index: 1500;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e9e4dc
}
.no-js #overlay {
display: none
}
#loading {
padding-top: 105px
}
#spinner {
position: relative;
margin: 0 auto 9px auto;
width: 34px;
height: 34px
}
#loading-text {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
color: #8e7b57
}
#slider {
height: 100%;
width: 29999px
}
#slider img {
float: left;
margin: 0 13px 0 0;
height: 107.3%;
width: auto
}
#side-prev, #side-next {
position: absolute;
left: 0;
width: 85px;
height: 110px;
background: url(images/arrows.20121107.png) no-repeat 13px -102px;
cursor: pointer
}
#side-next {
left: auto;
right: 0;
background-position: 16px -213px
}
#controls {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 52px
}
.credits-4 #controls {
height: 65px
}
#controls h1 {
float: left;
padding: 2px 26px 0 26px;
font-size: 15px;
line-height: 50px;
text-transform: uppercase;
letter-spacing: 1px
}
.credits-4 #controls h1 {
line-height: 63px
}
#controls ul {
float: left;
padding-top: 21px;
height: 11px
}
.credits-4 #controls ul {
padding-top: 28px
}
#controls li {
float: left
}
#controls .square {
float: left;
margin-right: 8px;
width: 11px;
height: 11px;
background: #8e7b57;
cursor: pointer
}
#controls .img-prev, #controls .img-next {
margin-right: 8px;
width: 8px;
height: 11px;
background-image: url(/img/arrows.20120426.png);
background-position: 0 -60px;
cursor: pointer
}
#controls .img-next {
background-position: 0 -80px
}
#project-credits {
float: right;
padding: 7px 10px 0 0;
font-size: 10px;
line-height: 13px;
text-transform: uppercase;
text-align: right;
letter-spacing: 1px;
color: #8c877e
}
.credits-2 #project-credits {
padding: 12px 14px 0 0;
line-height: 15px
}
.credits-1 #project-credits {
padding: 20px 26px 0 0;
font-size: 11px;
line-height: 1
}
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr
}
.ir br {
display: none
}
.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 print {
* {
background: transparent!important;
color: black!important;
box-shadow: none!important;
text-shadow: none!important;
filter: none!important;
-ms-filter: 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:.5cm
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
}
#slider img {
float: left;
margin: 0 13px 0 0;
width: auto
}
#side-prev, #side-next {
position: absolute;
left: 0;
width: 85px;
height: 110px;
background: url(images/arrows.20121107.png) no-repeat 13px -102px;
cursor: pointer
}
#side-next {
left: auto;
right: 0;
background-position: 16px -213px
}
#controls {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 52px
}
.credits-4 #controls {
height: 65px
}
#controls h1 {
float: left;
padding: 2px 26px 0 26px;
font-size: 15px;
line-height: 50px;
text-transform: uppercase;
letter-spacing: 1px
}
.credits-4 #controls h1 {
line-height: 63px
}
#controls ul {
float: left;
padding-top: 21px;
height: 11px
}
.credits-4 #controls ul {
padding-top: 28px
}
#controls li {
float: left
}
#controls .square {
float: left;
margin-right: 8px;
width: 11px;
height: 11px;
background: #8e7b57;
cursor: pointer
}
#controls .img-prev, #controls .img-next {
margin-right: 8px;
width: 8px;
height: 11px;
background-image: url(/img/arrows.20120426.png);
background-position: 0 -60px;
cursor: pointer
}
#controls .img-next {
background-position: 0 -80px
}
#project-credits {
float: right;
padding: 7px 10px 0 0;
font-size: 10px;
line-height: 13px;
text-transform: uppercase;
text-align: right;
letter-spacing: 1px;
color: #8c877e
}
.credits-2 #project-credits {
padding: 12px 14px 0 0;
line-height: 15px
}
.credits-1 #project-credits {
padding: 20px 26px 0 0;
font-size: 11px;
line-height: 1
}
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr
}
.ir br {
display: none
}
.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 print {
* {
background: transparent!important;
color: black!important;
box-shadow: none!important;
text-shadow: none!important;
filter: none!important;
-ms-filter: 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:.5cm
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
}
.mullberry-text {
/* margin-left: 67px;*/
margin-top: -24px;
text-align: center;
}
.back-text {
color: #333;
font-size: 20px;
margin-left: 0;
margin-top: -175px;
}
.back-text > a {
color: #333 !important;
position:absolute;
}
.mullberry-text > a {
color: #333 !important;
}
/*...Start Portfolio...*/
a {
color: #8e7b57;
text-decoration-color: -moz-use-text-color;
text-decoration: none;
text-decoration-style: solid;
}
a:visited {
color: #8e7b57;
}
a:focus {
outline-color: -moz-use-text-color;
outline-style: dotted;
outline-width: thin;
text-decoration:none
}
a:hover, a:active {
color: #262524;
outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;
text-decoration:none;
}
span {
text-transform: uppercase;
}
.page #content {
margin-bottom: 0;
margin-left: 105px;
margin-right: 17%;
margin-top: 0;
padding-bottom: 35px;
padding-left: 0;
padding-right: 0;
padding-top: 49px;
}
.page.projects #content {
margin-right: 90px;
}
.project-listing {
float: left;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
line-height: 17px;
margin-right: 74px;
margin-top: 1px;
text-align: center;
width: 169px;
}
.project-listing img {
display: block;
margin-bottom: 15px;
}
@media print {
* {
background-attachment: scroll !important;
background-clip: border-box !important;
background-color: transparent !important;
background-image: none !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: auto auto !important;
box-shadow: none !important;
color: black !important;
filter: none !important;
text-shadow: none !important;
}
}
.project-text {
font-family: "Conv_tt0100m_1";
font-size: 40px;
letter-spacing: 8px;
margin-left: -19px;
margin-top: -64px;
text-align: center !important;
}
#toggle:checked ~ .message {
top: 0;
}
.message {
background: #181818 none repeat scroll 0 0;
box-sizing: border-box;
color: #fff;
height: 250px;
margin-top: 68px;
opacity: 0.8;
overflow: hidden;
padding:20px;
position: absolute;
top: -453px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;
width: 100%;
z-index: -2;
}
.message h1 {
color: #FFF;
}
#toggle {
position: absolute;
appearance: none;
cursor: pointer;
left: -100%;
top: -100%;
}
.container {
transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}
#toggle:checked ~ .message {
top: 0;
}
#toggle:checked ~ .container {
margin-top: 250px;
}
#toggle:checked + label {
background-image: url(../images/button.png);
}
#toggle:checked + label:after {
background-image: url(../images/button.png);
}
.message-text {
padding:0;
text-transform:uppercase;
}
.menu-text {
border-bottom-color: #ddd;
border-bottom-style: solid;
border-bottom-width: 1px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-bottom: 9px;
padding-left: 0;
padding-right: 0;
padding-top: 9px;
}
.menu-text > a {
color: #fff;
font-size: 14px;
}
.houzz-box {
left: 0;
margin-right: 27px;
margin-top: 50px;
right: 0;
z-index: 9999;
}
.page-header {
margin: 40px 0 20px;
padding-bottom: 9px;
font-size: 40px;
letter-spacing: 11px;
text-align: center !important;
}
/*.page-header {
margin: 40px 0 20px;
padding-bottom: 9px;
font-family: "Conv_tt0100m_1";
font-size: 40px;
letter-spacing: 8px;
text-align: center !important;
}*/
*::after, *::before {
box-sizing: border-box;
}
*::after, *::before {
box-sizing: border-box;
}
#rsa {
top: 110px;
}
#toggle + label {
}
.page #content {
padding-top: 164px;
}
.houzz-box {
margin-top: -93px;
}
/*...End Portfolio...*/
/* Rohit CSS */
.logo-part {
float: left;
position: relative;
z-index: 2;
}
html.home{height:100%;width:100%;overflow:hidden;}
html.home body{height:100%;width:100%;overflow:hidden;}
#slideshow{position: relative;height: 100%;width: 100%;text-align: center;top: -105px;z-index: 1;}
#slideshow div{height:100%;width:100%;}
#slideshow div img{max-width:inherit !Important;}
.logo-part a{display:block;}
.message ul{padding:5px 0; list-style:none; font-size:14px;}
#main-nav{display:none;}
#toggle + label {
background-image: url(.././images/button.png);
background-position:left top;
border-radius: 3px;
color: #fff;
cursor: pointer;
font-size: 12px;
line-height: 20px;
padding-bottom: 8px;
padding-top: 32px;
display: block;
text-align: center;
transition: all 500ms ease 0s;
width: 65px;
height: 40px;
margin: -4px auto 0 auto;
position: relative;
}
.box-part{
float:left;
margin:0 0 0 15px;
}
@media (max-width: 767px) {
#slideshow div img{position:relative;left:-40%;top:-40%}
#main-nav{display: block;position: relative;z-index: 9;float: right;padding: 5px;margin: 5px;width:100%;margin:0;}
#main-nav2{max-width: 95px;margin: 0 auto;left: 0;display:none;top:4px !important;right:5px !important;position: relative !important;clear:both;}
.mobile-view{float:left;width:100%;}
.logo-part{width: 100%;}
.logo-part > a{background: #fff;text-align: center;}
.portfolio-part{padding:0 15px;}
#main-nav2 #houzz{display:none;}
}