/*
* HTML5 Boilerplate- What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* Remove text-shadow in selection highlight: h5bp.com/i. These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #EBEBEB; text-shadow: none; }
::selection { background: #EBEBEB; text-shadow: none; }
/* Chrome Frame prompt */
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* Global styles */
@font-face {
font-family: 'eaves';
src: url('/assets/css/fonts/mreavessanr-071211002EmigreWebOnly.eot');
src: url('/assets/css/fonts/mreavessanr-071211002EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
url('/assets/css/fonts/mreavessanr-071211002EmigreWebOnly.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TisaScWeb-Light';
src: url("/assets/css/fonts/TisaScWeb-Light.eot");
}
@font-face {
font-family: 'TisaScWeb-Light';
src: url("/assets/css/fonts/TisaScWeb-Light.woff") format("woff");
}
@font-face {
font-family: 'TisaWeb-Light';
src: url("/assets/css/fonts/TisaWeb-Light.eot");
}
@font-face {
font-family: 'TisaWeb-Light';
src: url("/assets/css/fonts/TisaWeb-Light.woff") format("woff");
}
html, button, input, select, textarea { color: #231f20; -webkit-appearance:none; border-radius:0; }
html { background-color:#fff; }
body { font-size:17px; line-height:24px; color:#231f20; font-family:"ff-tisa-web-pro", sans-serif; font-weight:normal; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
a { text-decoration:none; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#a09795; }
a:hover { color:#231f20; }
h1, h2, h3, h4, h5, h6 { font-family:"TisaWeb-Light", Georgia, serif; font-weight:400; margin:0; padding:0; }
h1 {}
h2 { font-size:27px; margin-bottom:5px; line-height:120%; }
h3 { font-size:20px; margin-bottom:3px; color:#767474; }
h4 { font-size:18px; margin-bottom:15px; line-height:24px; }
h5 {}
h6 {}
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input.focus { outline-width:0; }
.alert { color:#d9907a; }
span.lined { font-size:13px; line-height:15px; margin:0; text-transform:uppercase; padding:3px 10px 0px; font-family: 'eaves'; border-bottom:1px solid #e1dddc; display:inline-block; }
p { margin:0 0 20px; }
em { font-style:italic; }
.bigger { font-size:27px; line-height:36px; font-family:'TisaWeb-Light'; margin-top:20px; }
.smaller { font-size:16px; line-height:17px; font-family:'eaves'; }
/* .wrapper { width:1080px; margin:0 auto; } */
.wrapper { width:1015px; margin:0 auto; }
.wrapper2 { width:1030px; margin:0 auto; }
.single { margin-top:100px; }
.divider { width:1070px; height:1px; border-bottom:1px solid #edece9; margin:30px auto; background:#fff; }
.divider2 { width:1070px; height:1px; border-top:1px solid #edece9; margin:0 auto; }
.divider3 { width:1070px; height:1px; border-bottom:1px solid #edece9; margin:15px auto 30px; background:#fff; }
.divider4 { width:90%; height:1px; border-bottom:1px solid #e1dddc; padding:15px 0; margin:0 auto; background:#fff; }
.divider5 { width:745px; height:1px; border-top:1px solid #edece9; margin:20px 0; margin-left:-25px; }
/* .start { display:none; } */
#navigation { position:fixed; top:0; z-index:9999; background:#fff; height:48px; width:100%; padding-top:31px; }
#logo { float:left; width:350px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:1; }
#logo:hover { opacity:.72; -moz-opacity:.75; -webkit-opacity:.75; }
#nav { float:left; font-family:"TisaWeb-Light", Georgia, serif; border-left:1px solid #edece9; padding:11px 0 0 12px; height:36px; width:652px; }
#nav li { float:left; font-size:23px; border-right:1px solid #231f20; line-height:100%; vertical-align:middle; padding:3px 0 0 0; }
#nav li.here a { color:#a09795; }
#nav li.here a:hover { color:#231f20; }
#nav li:last-child { border:0; }
#nav li.last-child { border:0; }
#nav a { color:#231f20; text-decoration:none; padding:0 11px; }
#nav a:hover { color:#767474; }
#nav li a.icons { color:#bfbbba; font-size:16px; padding:0 3px; }
#nav li a.icons:hover { color:#231f20; }
#nav .socialLinks { padding-left:20px; }
#subnav { font-family:"TisaWeb-Light", Georgia, serif; padding:20px 0 0; height:45px; width:auto; /* -moz-animation-duration: 3s; -webkit-animation-duration: 3s; -moz-animation-name: slidein; -webkit-animation-name: slidein; */ }
/* @-moz-keyframes slidein { from { margin-left:-100%; width:300% } to { margin-left:0%; width:100%; } } @-webkit-keyframes slidein { from { margin-left:-100%; width:300% } to { margin-left:0%; width:100%; } } */
#subnav li { float:left; font-size:23px; line-height:100%; vertical-align:middle; padding:0 20px 0 0; position:relative; }
#subnav a { color:#231f20; text-decoration:none; padding:0 0 20px; }
#subnav a:hover { color:#767474; }
#subnav li.here a { color:#a09795; }
#subnav li.here a:hover { color:#231f20; }
#subnav li ul { width:200px; position:absolute; left:0; top:45px; display:none; margin:0 0 0 -1px; padding:15px 15px 20px; list-style:none; border:1px solid #edece9; background:#fff; z-index:999999 }
#subnav li ul li { display:block; float:none; font-size:18px; line-height:18px; border-bottom:1px solid #edece9; padding:5px 15px 3px; }
.slideNav { display:none; }
/* Home Page Styles */
#home {}
#home .slider { float:left; width:810px; text-align:right; position:relative; overflow:hidden; height:600px; }
#home .controls { position:absolute; bottom:55px; right:25px; width:107px; border-bottom:2px solid #fff; z-index:999999; text-align:center; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:.5; }
#home .controls:hover { opacity:1; }
#home #next, #home #prev { color:#fff; font-size:16px; font-family:'eaves'; letter-spacing:1.5px; line-height:16px; padding:10px 0 2px; }
#home #prev { border-right:2px solid #fff; padding-right:3px; margin-left:3px }
#home #next { margin-left:2px; }
/* #home .slides { width:810px; height:565px; overflow:hidden; } */
#home .slides img { width:810px; height:565px; }
#home .shares { text-align:right; float:right; margin-bottom:20px; width:100% !important; }
#home .share { font-size:13px; font-family:"eaves", sans-serif; text-transform:uppercase; line-height:13px; margin-bottom:5px; margin-top:10px; float:right; display:block; width:100% !important; }
#home .share span { padding:0 3px; color:#231f20; cursor:pointer; }
#home .share span:hover { color:#767474; }
#home .share span:last-child { padding:0 0 0 3px; }
#home .share .acco { vertical-align:top; margin:-3px 5px 0 0; }
#home .static { float:left; width:190px; margin-left:15px; height:565px; overflow:hidden; }
#home .teaser { float:left; width:255px; margin-top:8px; margin-right:20px; padding-right:20px; border-right:1px solid #edece9; }
#home .teaser img { margin-top:-15px; display:block; margin-bottom:15px; width:255px; }
#home .teaser h3, #home .teaser a h3 { font-size:20px; color:#767474; margin-bottom:8px; }
#home .teaser a:hover h3 { color:#231f20; }
#home .teaser p { font-size:15px; line-height:23px; }
#home .content { float:left; font-size:24px; line-height:32px; width:423px; font-family:"TisaWeb-Light", Georgia, serif; }
#home .content h2 { font-family:"eaves", sans-serif; font-size:26px; letter-spacing:1.5px; margin-bottom:5px; }
#home .content p { margin-bottom:5px; }
/* About Pages Styles */
#about .servicesList { display:none; }
#about {}
#about #navigation { height:114px; }
#about .start { margin-top:181px; }
#about .skyscraper { float:right; width:240px; }
#about .large { float:left; width:720px; font-size:27px; padding:5px 0 0; }
#about .option { width:715px; }
#about .large p { line-height:39px; font-family:"TisaWeb-Light", Georgia, serif; }
#about .large a { color:#a09795; }
#about .large a:hover { color:#767474; }
#about .large .col1 { float:left; width:385px; margin-right:35px; padding-top:10px; }
#about .large .col2 { float:left; width:300px; padding-top:10px; }
#about .large .col1 p, #about .large .col2 p { font-size:17px; line-height:24px; font-family:"ff-tisa-web-pro", sans-serif; }
#about .large .regular p { font-size:17px; line-height:140%; }
#about .regular p { font-size:17px; line-height:24px; font-family:"ff-tisa-web-pro", sans-serif; }
#about .sidebar { padding-top:10px; float:right; width:240px; }
#about .banner { width:1015px; margin-bottom:15px; display:block; }
#tabsContainer { width:720px; margin:2px 0 0; }
#tabsWrapper { float:left; width:235px; margin:0 40px 0 0; padding:15px 40px 10px 0px; border-right:2px solid #f2f1ef; }
#tabsWrapper h4 { text-transform:uppercase; font-size:23px; color:#231f20; font-family:"eaves"; letter-spacing:1.5px; }
#tabs { list-style:none; }
#about .large a.fadingTab { text-decoration:none; color:#231f20; display:block; padding:0 0 15px; font-size:23px; line-height:25px; font-family:"TisaWeb-Light", Georgia, serif; position:relative; }
#about .large a.fadingTab:hover { color:#d9907a; }
#about .large li.activeSlide a { color:#d9907a; }
#contentContainer { float:left; }
.contentWrapper { float:left; width:403px; min-height:17em; padding:10px 0; }
#about .contentWrapper p { font-size:17px; line-height:25px; font-family:"ff-tisa-web-pro", sans-serif; }
#tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9, #tab10, #tab11, #tab12, #tab13, #tab14, #tab15, #tab16 { display:none; }
#about .column { float:left; width:238px; margin-right:20px; }
#about .last { margin:0; }
#about .column h3 { color:#767474; font-size:20px; padding-top:10px; }
#about .column p { font-size:15px; line-height:21px; }
#about .animationsTitle { font-size:12px; text-transform:uppercase; font-family:'eaves' !important; font-size:12px; text-align:center; line-height:46px; margin:-10px 0 5px 190px; position:absolute; }
#about .animationsTitle span { font-size:46px; }
#about .animationsTitle .seven { margin:0 5px 0 20px; }
#about .animationsTitle .four { margin:0 5px 0 20px; }
#animations { text-transform:uppercase; color:#231F20; font-family:'eaves'; font-size:12px; text-align:center; }
#about #animations p { margin:10px 0 0; line-height:100%; text-transform:uppercase; color:#231F20; font-family:'eaves'; font-size:12px; text-align:center; }
#animations .chartDiv { float:left; width:115px; text-align:center; margin-right:14px; padding:45px 0 0; }
/* #animations .first { margin-left:-25px; } */
.easyPieChart { position: relative; text-align: center; font-size:46px; padding-top:5px !important; }
.easyPieChart canvas { position: absolute; top: 0; left: 0; }
#animations .coffeeMug { float:left; margin-right:25px; position:relative; padding:14px 0 0; }
#animations .coffeeMug .roast { position:absolute; z-index:1; width:80px; top:55px; left:73px; font-size:21px; line-height:23px; color:#D8D7D6; text-transform:none; }
#animations .coffeeMug .mug { position:relative; }
@-webkit-keyframes mug-fill {
0% { color:#D8D7D6; }
100% { color:#231F20; }
}
@-moz-keyframes mug-fill {
0% { color:#D8D7D6; }
100% { color:#231F20; }
}
@keyframes mug-fill {
0% { color:#D8D7D6; }
100% { color:#231F20; }
}
#animations .coffeeMug .roast {
-webkit-animation: mug-fill 1s 3s ease-out; /* Safari 4+ */
-moz-animation: mug-fill 1s 3s ease-out; /* Fx 5+ */
animation: mug-fill 1s 3s ease-out; /* IE 10+ */
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/*-- PUGS */
#animations .pugs { float:left; width:202px; padding:18px 0 0; }
#animations .pugs .pugHolder { height:147px; position:relative; }
#animations .pugs .pugHolder .pugFace { width:202px; height:147px; position:relative; z-index:1; }
@-webkit-keyframes pug-fill {
0% { height: 0; }
100% { height: 40%; }
}
@-moz-keyframes pug-fill {
0% { height: 0; }
100% { height: 40%; }
}
@keyframes pug-fill {
0% { height: 0; }
100% { height: 40%; }
}
#animations .pugs .pugHolder .pugColor { width:202px; background:#F4F3F2; position:absolute; bottom:0; z-index:0;
-webkit-animation: pug-fill 1s 1s ease-out; /* Safari 4+ */
-moz-animation: pug-fill 1s 1s ease-out; /* Fx 5+ */
animation: pug-fill 1s 1s ease-out; /* IE 10+ */
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
/* team */
.team .grid { text-align:justify; font-size:0.1px; width:965px; margin:0 auto; }
.team .grid li { display:inline-block; width:460px; /* padding-top:23%; */ margin-bottom:5%; vertical-align:text-top; position:relative; }
.team .grid li .pic { width:450px; height:525px; position:relative; margin:0 0 25px; }
.team .grid li .pic img { position:absolute; left:0; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
.team .grid li .pic img.top:hover { opacity:0; }
.team .grid li .pic .bottom { display:none; }
.team .grid li h3 { padding:0 13px; font:27px/36px 'TisaWeb-Light'; letter-spacing:0.01em; color:#231f20; margin:0; }
.team .grid li h4 { padding:0 13px; text-transform:uppercase; font:15px/17px 'eaves'; letter-spacing:0.02em; margin-bottom:10px; }
.team .grid li a { color:#767474; }
.team .grid li a:hover { color:#231f20; }
.team .grid li p { font:15px/24px "ff-tisa-web-pro", sans-serif; font-weight:normal; padding:0 13px; margin:0 0 20px; text-align:left; }
.team .grid li p.social { text-align:left; font:13px/20px 'eaves'; letter-spacing:0.05em; text-transform:uppercase; float:none; width:auto; }
.team .grid li p.social span { font-size:22px; vertical-align:middle; }
.team .grid li p.social a { color:#B6B9BC; display:block; float:left; margin-right:5px; }
.team .grid li p.social a:hover { color:#767474; }
.team .grid:after { content: ''; display: inline-block; width:100%; }
.team .grid .placeholder { padding:0; height:1px; }
/* Work Page Styles */
#work {}
#work #navigation { height:114px; }
#work .start { margin-top:175px; }
#work #paginate { position:fixed; z-index:9999; width:1025px; height:23px; margin-top:-43px; }
#work #paginate .links { width:110px; height:23px; padding:0 10px 0 1px; background:url(/assets/images/bg-links.png) top center no-repeat; float:right; background:#F4F2F1; }
#work #paginate .links a, #work #paginate .links span { position:absolute; top:2px; }
#work #paginate .links a { z-index:99999; }
#work #paginate .links span { color:#ccc; }
/* make safari and chrome behave */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#work #paginate .links { width:110px; height:23px; padding:0 10px 0 1px; background:url(/assets/images/bg-links.png) top center no-repeat; float:right; background:#F4F2F1; }
}
#work #paginate .links .left { width:103px; float:left; }
#work #paginate .links .right { width:74px; float:left; }
#work #paginate .links .right a, #work #paginate .links .right span { right:0;}
#work #paginate a, #work #paginate span { color:#231F20; font-family:'eaves'; font-size:13px; padding:5px 10px 3px; line-height:13px; letter-spacing:.5px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#work #paginate a:hover { color:#a09795; }
#work #paginate a.prev { padding-right:0;}
#work #paginate a.prev:after { content:' | '; color:#231F20; margin-left:2px; }
#work #paginate span.prev-span { padding-right:0; }
#work #paginate span.prev-span:after { content:' | '; color:#231F20; margin-left:2px; }
#work #paginate span.next-span { padding-left:3px; }
#work #paginate a.next { padding-left:3px; }
#work .highlight { float:left; margin:0 8px 25px; position:relative; }
#work .highlight .teaser { width:210px; height:560px; padding:10px 15px; display:block; position:absolute; z-index:2; opacity:0; -webkit-opacity:0; -moz-opacity:0; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#work .highlight:hover .teaser { opacity:1; -webkit-opacity:1; -moz-opacity:1; }
#work .highlight .teaser .title { width:210px; height:75px; position:relative; top:250px; margin:0 auto; }
#work .highlight .teaser .title span { width:130px; height:1px; display:block; margin:0 auto; border-top:1px solid #f1f1f1; }
#work .highlight .teaser .title h4 { font-family:'eaves', sans-serif; font-size:24px; line-height:24px; vertical-align:middle; text-align:center; color:#fff; display:table-cell; width:210px; height:75px; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; }
#work .highlight .teaser .highlight-lines { position:absolute; bottom:0; width:88%; }
#work .highlight .teaser p { font-size:13px; line-height:15px; margin:0; text-transform:uppercase; padding:3px 10px 0px; font-family: 'eaves'; border-top:1px solid #f1f1f1; color:#f1f1f1; }
#work .highlight .teaser .acco-p { border:0; }
#work .highlight .teaser .acco { vertical-align:top; float:none; position:relative; bottom:auto; right:auto; }
#work .highlight .image { position:relative; z-index:1; }
/* #work .acco { float:right; position:absolute; bottom:10px; right:15px; } */
#work .project { float:left; margin:0 0.47em 25px; position:relative; }
#work .project .teaser { width:190px; height:265px; padding:0; display:block; position:absolute; z-index:2; opacity:0; -webkit-opacity:0; -moz-opacity:0; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#work .project:hover .teaser { opacity:1; -webkit-opacity:1; -moz-opacity:1; }
#work .project .teaser .title { width:170px; height:75px; position:relative; top:98px; margin:0 auto; }
#work .project .teaser .title span { width:130px; height:1px; display:block; margin:0 auto; border-top:1px solid #f1f1f1; }
#work .project .teaser .title h4 { font-family:'eaves', sans-serif; font-size:24px; line-height:24px; vertical-align:middle; text-align:center; color:#fff; display:table-cell; width:170px; height:75px; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; }
#work .project .image { position:relative; z-index:1; }
#work .large { float:left; width:750px; padding:0; }
#work .content { float:left; margin-left:25px; width:240px; font-size:15px; line-height:21px; }
#work .back { font-size:13px; line-height:15px; margin:0 0 25px; text-transform:uppercase; font-family: 'eaves'; color:#A09795; display:block; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#work .back:hover { color:#231f20; }
#work .content h5 { font-size:15px; color:#a09795; margin-top:-10px; margin-bottom:20px; }
#work .content .credit { font-size:16px; font-family:"eaves"; color:#231f20; }
#work .content .acco2 { font-size:13px; font-family:"eaves"; color:#231f20; text-transform:uppercase; margin:10px 0 5px; }
#work .content .acco2 img { vertical-align:top; margin:2px 3px 0 10px; }
#work .share { font-size:13px; font-family:"eaves", sans-serif; text-transform:uppercase; line-height:13px; margin:5px 0 25px; text-align:right; }
#work .share span { padding:0 3px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#a09795; cursor:pointer; }
#work .share span:hover { color:#231f20; }
#work .share span:last-child { padding:0 0 0 3px; }
#work .share .acco { margin:10px 5px 0 0; }
#work .share-main { font-size:13px; font-family:"eaves", sans-serif; text-transform:uppercase; line-height:13px; margin:35px 0 25px; text-align:left; }
#work .share-main span { padding:0 3px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#a09795; cursor:pointer; }
#work .share-main span:hover { color:#231f20; }
#work .share-main span:last-child { padding:0 0 0 3px; }
#work .share-main .acco { margin:10px 5px 0 0; }
#work .keywords { border-bottom:1px solid #e1dddc; margin:35px 0 0; }
#work .keywords p { font-size:13px; line-height:15px; margin:0; text-transform:uppercase; padding:3px 10px 0px; font-family: 'eaves'; border-top:1px solid #e1dddc; }
/* Contact Page Styles */
#contact #navigation { height:114px; }
#contact .start { margin-top:181px; }
#contact .skyscraper { float:right; width:720px; }
#contact .large { float:left; width:245px; font-size:27px; padding:5px 0 0; margin-right:50px; }
#contact .large p { line-height:36px; font-family:"TisaWeb-Light", Georgia, serif; }
#contact .large a { color:#a09795; }
#contact .large a:hover { color:#767474; }
#contact .teaser { float:left; width:255px; margin-top:8px; margin-right:20px; padding-right:20px; border-right:1px solid #edece9; }
#contact .teaser img { margin-top:-15px; display:block; margin-bottom:15px; width:255px; }
#contact .teaser h3, #contact .teaser a h3 { font-size:20px; color:#767474; margin-bottom:6px; }
#contact .teaser a:hover h3 { color:#231f20; }
#contact .teaser p { font-size:15px; line-height:21px; }
#contact .content { float:left; font-size:24px; line-height:31px; width:423px; font-family:"TisaWeb-Light", Georgia, serif; }
#contact .content h2 { font-family:"eaves", sans-serif; font-size:26px; letter-spacing:1.5px; margin-bottom:5px; text-transform:uppercase; }
#contact .content a { display:block; }
/* Library Styles */
#library #navigation { height:114px; }
#library .start { margin-top:181px; }
#library .column { float:left; width:238px; margin-right:20px; }
#library .last { margin:0; }
#library .column h3 { color:#767474; font-size:20px; padding-top:10px; }
#library .column p { font-size:15px; line-height:21px; }
.resources a { color:#231F20; }
.resources a:hover { color:#A09795; }
/* Blog Styles */
#blog .start { margin-top:128px; }
#blog .sidebar { float:left; width:250px; margin-right:40px; }
#blog .sidebar p { font-size:15px; line-height:21px; }
#blog .sidebar h2 { margin-bottom:15px; }
#blog .sidebar .ads { margin-bottom:25px; }
#blog .forms { margin-bottom:40px; }
#blog .sidebar .successrs { display:none; font-family:"TisaWeb-Light", Georgia, serif; font-size:17px; color:#595a5c; text-transform:none; padding-left:8px; height:28px; float:left }
#blog .sidebar form label { font-family:"eaves", sans-serif; font-size:13px; color:#231f20; text-transform:uppercase; padding-left:8px; display:block; margin-top:22px; }
#blog .sidebar form input { border:1px solid #edece9; padding:3px 0 0 5px; width:153px; height:28px; line-height:28px; font-size:15px; color:#595a5c; font-family:"TisaWeb-Light", Georgia, serif; float:left; }
#blog .sidebar form input.error { border:1px solid #d9907a; }
#blog .sidebar form input[type=submit] { width:45px; float:left; height:33px; line-height:30px; background:#fff; font-family:"eaves", sans-serif; font-size:18px; color:#231f20; border-left:0; }
#blog .sidebar .form label { font-family:"eaves", sans-serif; font-size:13px; color:#231f20; text-transform:uppercase; padding-left:8px; display:block; margin-top:22px; }
#blog .sidebar .form input { border:1px solid #edece9; padding:3px 0 0 5px; width:153px; height:28px; line-height:28px; font-size:15px; color:#595a5c; font-family:"TisaWeb-Light", Georgia, serif; float:left; }
#blog .sidebar .form input.error { border:1px solid #d9907a; }
#blog .sidebar .form input[type=submit] { width:45px; float:left; height:33px; line-height:30px; background:#fff; font-family:"eaves", sans-serif; font-size:18px; color:#231f20; border-left:0; }
#blog .sidebar li { font-size:15px; line-height:21px; }
#blog .keywords { border-bottom:1px solid #e1dddc; margin:35px 0; width:85%; }
#blog .keywords p { margin:0; }
#blog .keywords a { color:#231f20; cursor:pointer; border-top:1px solid #e1dddc; font-size:13px; line-height:15px; margin:0; text-transform:uppercase; padding:3px 10px 0px; font-family: 'eaves'; display:block; }
#blog .showCats { display:none; }
#blog .showCats li { font-size:13px; line-height:15px; margin:0; text-transform:uppercase; padding:2px 0; font-family: 'eaves'; }
#blog .showCats li a { color:#a09795; border:0; }
#blog .showCats li a:hover { color:#231f20; }
#blog .posts { float:left; width:725px; }
#blog .posts h2 { font-size:33px; margin-top:25px; margin-bottom:8px; }
#blog .posts h2 a { color:#d9907a; opacity:1; }
#blog .posts h2 a:hover { opacity:.75; }
#blog .posts h2.heading { color:#a09795; font-size:23px; margin-top:45px; text-transform:capitalize; }
#blog .posts img { max-width:725px; }
#blog .posts p { width:660px; }
#blog .share { font-family:'eaves'; font-size:13px; line-height:20px; margin:35px 0 10px; border-bottom:1px solid #eeedea; }
#blog .share h4 { font-family:'eaves'; font-size:25px; float:left; width:72px; margin:0 0 6px; padding:10px 0 0; }
#blog .share-main { font-size:13px; font-family:"eaves", sans-serif; text-transform:uppercase; line-height:13px; padding:13px 0 0; text-align:left; float:left; margin:0; width:128px !important; }
#blog .share-main span { padding:0 1px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#231f20; cursor:pointer; }
#blog .share-main span:hover { color:#a09795; }
#blog .share-main span:last-child { padding:0 0 0 1px; }
#blog .cats { float:left; border-left:1px solid #eeedea; text-transform:uppercase; color:#a09795; padding:10px 0 10px 10px; margin-left:10px; width:504px; }
#blog .cats a { color:#a09795; }
#blog .cats a:hover { color:#231f20; }
#blog .posted { font-family:'eaves'; font-size:13px; line-height:20px; text-transform:uppercase; padding:0 0 30px; }
#blog .paginate { font-size:25px; font-family:'eaves'; letter-spacing:1.5px; color:#a09795; text-transform:uppercase; }
#blog .paginate a { color:#231f20; font-weight:400; }
#blog .paginate a.older-posts { color:#231f20; padding-top:3px; }
#blog .paginate strong { font-weight:400; }
#blog .paginate .links { float:left; }
#blog .paginate .pagers { float:left; margin:0 0 0 40px; color:#231f20; width:225px; }
.tooltip { position:relative; /* make span relative to anchor */ text-decoration:none; /* no underline */ cursor:pointer; /* make cursor point */ padding-bottom:15px !important; }
.tooltip .tipsy { background:url(/assets/images/bg-tooltip.png) no-repeat; background-size:140px 70px; padding:25px 10px 0; width:120px; height:45px; left:-9999px; top:15px; position:absolute; z-index:999; text-align:center; }
.tooltip:hover .tipsy { left:-60px; }
.tooltip:hover .tweet { left:-45px !important; }
iframe.twitter-share-button { margin-left:20px; }
#blog #paginate { position:fixed; z-index:9999; width:1025px; height:23px; /* margin-top:-13px; */ }
#blog #paginate .links { width:90px; height:23px; padding:0 10px; float:right; background:#F4F2F1; text-align:center; line-height:15px; }
#blog #paginate .links a { color:#231F20; font-family:'eaves'; font-size:13px;letter-spacing:.5px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#blog #paginate .links a:hover { color:#a09795; }
/* Footer Styles */
.ending { font-family:"eaves", sans-serif; font-size:24px; letter-spacing:1.5px; text-transform:uppercase; margin-top:100px; padding-bottom:10px; }
.search { right:0px; bottom:0px; width:195px; position:absolute; height:85px; padding-bottom:10px; }
.search p { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); writing-mode:lr-bt; float:right;
padding:3px 0 0; margin-bottom:25px; margin-right:-25px; border-bottom:1px solid #edece9; border-top:1px solid #edece9; font-size:16px; letter-spacing:2px; position:absolute; bottom:0; right:0; text-align:center; width:80px; }
.search input { border:1px solid #edece9; padding:3px 3px 3px 3px; /* background:url(/assets/images/bg-search.png) 3px 3px no-repeat; */ width:147px; height:20px; font-size:15px; margin-top:56px; }
.search input:focus { outline:none; }
.footer { padding:20px 0 50px; font-size:13px; color:#767474; line-height:100%; }
.footer span { color:#231f20; }
.social { float:right; width:210px; }
.social p { text-align:right; margin-bottom:5px; }
.mobile-subscribe { display:none; }
.footer-social { display:none; }
.jump { display:none; }
#subscribe-show { cursor:pointer; }
.subscribe-here { bottom:0px; display:none; right:0px; position:absolute; padding-bottom:10px; width:195px; height:75px; }
.subscribe-here .success { display:none; font-family:"TisaWeb-Light", Georgia, serif; font-size:17px; color:#595a5c; text-transform:none; padding-left:8px; height:28px; float:left }
.subscribe-here p { display:block; background:#fff; margin:0; color:#fff; }
.subscribe-here form { width:195px; background:#fff; }
.subscribe-here form label { font-family:"eaves", sans-serif; font-size:13px; color:#231f20; text-transform:uppercase; padding-left:8px; display:block; margin-top:22px; }
.subscribe-here form input { border:1px solid #edece9; padding:5px 5px 1px 5px; width:143px; height:20px; font-size:15px; color:#595a5c; font-family:"TisaWeb-Light", Georgia, serif; }
.subscribe-here form input.error { border:1px solid #d9907a; }
.subscribe-here form input[type=submit] { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); writing-mode:lr-bt;
float:right; padding:3px 0 0 0; margin-bottom:25px; margin-right:-25px; border:0; border-bottom:1px solid #edece9; border-top:1px solid #edece9; width:80px; background:#fff;
font-family:"eaves", sans-serif; height:31px; color:#231f20; font-size:20px; letter-spacing:1.5px; text-align:center;
position:absolute; bottom:0; right:0; }
.subscribe-here-contact { width:240px; height:75px; border-top:1px solid #edece9; padding-left:10px; margin-top:60px; margin-left:-10px; }
.subscribe-here-contact .successr { display:none; font-family:"TisaWeb-Light", Georgia, serif; font-size:17px; color:#595a5c; /* font-size:13px; color:#231f20; */ text-transform:none; padding-left:8px; height:30px; float:left; width:100%; }
.subscribe-here-contact p { display:block; background:#fff; margin:0; color:#fff; }
.subscribe-here-contact form { width:195px; background:#fff; }
.subscribe-here-contact form label { font-family:"eaves", sans-serif; font-size:13px; color:#231f20; text-transform:uppercase; padding-left:8px; display:block; margin-top:7px; letter-spacing:1.5px; }
.subscribe-here-contact form input { border:1px solid #edece9; padding:5px 5px 1px 5px; width:143px; height:20px; font-size:15px; color:#595a5c; font-family:"TisaWeb-Light", Georgia, serif; }
.subscribe-here-contact form input.error { border:1px solid #d9907a; }
.subscribe-here-contact form input[type=submit] { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); writing-mode:lr-bt;
float:right; padding:3px 0 0 0; margin-top:-35px; margin-right:-26px; border:0; border-bottom:1px solid #edece9; border-top:1px solid #edece9; width:80px; background:#fff;
font-family:"eaves", sans-serif; height:31px; color:#231f20; font-size:20px; letter-spacing:1.5px; text-align:center; }
.subscribe-here-contact form input:focus { outline:none; }
/* .social a { margin-right:8px; } */
p.top a { color:#231f20; }
p.top a:hover { color:#767474; }
p.bottom a { color:#767474; }
p.bottom a:hover { color:#231f20; }
/* Font Icons */
@font-face { font-family: 'icomoon'; src:url('/assets/css/fonts/icomoon.eot?wz4jw9'); src:url('/assets/css/fonts/icomoon.eot?#iefixwz4jw9') format('embedded-opentype'), url('/assets/css/fonts/icomoon.woff?wz4jw9') format('woff'), url('/assets/css/fonts/icomoon.ttf?wz4jw9') format('truetype'), url('/assets/css/fonts/icomoon.svg?wz4jw9#icomoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-headphones:before { content: "\e600"; }
.icon-googleplus:before { content: "\e601"; }
.icon-facebook:before { content: "\e602"; }
.icon-instagram:before { content: "\e603"; }
.icon-twitter:before { content: "\e604"; }
.icon-dribbble:before { content: "\e605"; }
.icon-github:before { content: "\e606"; }
.icon-github2:before { content: "\e607"; }
.icon-pinterest:before { content: "\e608"; }
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape)
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.start, #home .wrapper, #contact .ios { padding-left:25px; }
.ending, .footer { padding-left:20px; }
#home .slider { width:810px; }
#home .static { width:190px; }
#home .content { width:423px; }
#home .footer { font-size:13px }
#home .social { width:210px; padding-right:0px; }
}----------- */
/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
.start, #home .wrapper, #contact .ios, #library .wrapper, #contact .wrapper { padding-left:25px; }
.ending, .footer { padding-left:20px; }
#home .slider { width:780px; }
#home .static { width:140px; }
#home .content { width:350px; }
#home .footer, #library .footer, #contact .footer { font-size:11px }
#home .social, #library .social, #contact .social { width:180px; padding-right:90px; }
#contact img.skyscraper { width:600px; padding-right:90px; }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.start, #home .wrapper, #contact .ios { padding-left:25px; }
.ending, .footer { padding-left:20px; }
}
/* ================= tipped =================================*/
/*
* Part of Tipped - The jQuery Tooltip
* http://projects.nickstakenburg.com/tipped
*
* Documentation:
* http://projects.nickstakenburg.com/tipped/documentation/skins
*
* IMPORTANT!:
* It's recommended to add CSS for custom skins in a separate file,
* that way this file can be updated without losing your own skins.
*/
/* Font styling for all skins */
.t_ContentContainer {
color: #333;
font-size: 11px;
line-height: 17px;
padding: 10px;
}
/* Skins with a different font color */
.t_Content_black,
.t_Content_dark,
.t_Content_gray {
color: #efefef;
}
/* Styling links so they are visible no matter is defined on the page behind */
.t_ContentContainer a,
.t_ContentContainer a:hover {
color: #8e8e8e;
text-decoration: none;
background: none;
border: 0;
}
.t_ContentContainer a:hover {
text-decoration: underline;
}
/* Some skins need different link colors for visibility */
.t_Content_dark a, .t_Content_dark a:hover,
.t_Content_black a, .t_Content_black a:hover {
color: #ccc;
}
.t_Content_gray a, .t_Content_gray a:hover { color: #232323; }
/* RGB */
.t_Content_red,
.t_Content_green,
.t_Content_blue {
color: #efefef;
font-size: 11px;
line-height: 17px;
padding: 10px;
}
.t_Content_red a,
.t_Content_red a:hover,
.t_Content_green a,
.t_Content_green a:hover,
.t_Content_blue a,
.t_Content_blue a:hover {
text-decoration: none;
background: none;
border: 0;
color: #ccc;
}
.t_Content_red a:hover,
.t_Content_green a:hover,
.t_Content_blue a:hover {
text-decoration: underline;
}
/* tiny */
.t_Content_tiny {
color: #efefef;
font-size: 11px;
line-height: 16px;
padding: 6px 9px;
}
.t_Content_tiny a,
.t_Content_tiny a:hover {
color: #b3b3b3;
text-decoration: none;
background: none;
border: 0;
}
/*
* Layout (DON'T MODIFY BELOW!)
*/
.t_Tooltip {
margin: 0;
padding: 0;
position: absolute;
overflow: hidden;
background-color: transparent;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.t_Tooltip.t_hidden { opacity: 0; }
.t_Tooltip.t_visible { opacity: 1; }
.t_Skin {
position: absolute;
top: 0;
left: 0;
}
.t_Skin * { zoom: 1; } /* IE7 */
.t_Bubble {
position: relative;
}
.t_Background,
.t_Stem { position: absolute; }
.t_Close {
position: absolute;
cursor: pointer;
top: 0;
}
.t_CloseButtonShift {
position: relative;
overflow: hidden;
float: left;
}
.t_CloseState {
position: absolute;
margin: 0;
padding: 0;
left: 0;
}
.t_Content {
position: absolute;
top: 0;
left: 0;
}
.t_iframeShim {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
zoom: 1;
filter: alpha(opacity=0);
opacity: 0;
}
/*
* Shadow
*/
.t_Shadow {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.t_Shadow .t_ShadowInnerWrapper{
position: relative;
float: left;
margin: 0;
padding: 0;
}
.t_ShadowBubble {
position: relative;
padding: 0;
margin: 0;
float: left;
}
.t_ShadowBackground,
.t_ShadowStem { position: absolute; }
.t_ShadowBackground *, .t_ShadowStem * { float: left; }
.t_CloseButtonShadow {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.t_UpdateQueue {
position: absolute;
top: -15000px;
left: -15000px;
width: 5000px;
height: 5000px;
visibility: hidden;
}
.t_UpdateQueue .t_Tooltip,
.t_UpdateQueue .t_Content {
position: relative;
overflow: visible;
float: left;
top: auto;
left: auto;
width: 100%;
}
.t_Tooltip .t_ContentContainer {
float: left;
clear: both;
position: relative;
}
.t_UpdateQueue .t_ContentContainer {
position: absolute;
top: 0;
left: 0;
}
/*
* Emigre web font kit 5069ead0ab7e1
*
* These fonts are not shareware.
* Use of these fonts requires the purchase
* of a license from Emigre, www.emigre.com
* Please contact sales@emigre.com
*
* To purchase a license to use this font go to:
* http://www.emigre.com/fontpage.php?SMrR.html
*
* © 2012 Emigre, Inc
*/
/* Unused stuff
@-webkit-keyframes bar-grow {
0% { height: 0; }
100% { height: 163px; }
}
@-moz-keyframes bar-grow {
0% { height: 0; }
100% { height: 163px; }
}
@keyframes bar-grow {
0% { height: 0; }
100% { height: 163px; }
}
#animations .chartHolder {
-webkit-animation: bar-grow 2s 3s ease-out;
-moz-animation: bar-grow 2s 3s ease-out;
animation: bar-grow 2s 3s ease-out;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
*/