@charset "utf-8";

body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,blockquote,form{margin:0;padding:0;}
ul,ol{list-style:none;}
img,a img{border:none;display:block;}
*:link,*:visited{text-decoration:none;}
*:active,*:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
label,button{cursor:pointer;}
input,textarea,select{font-family:inherit;font-size:inherit;padding:0;margin:0;vertical-align:middle;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}
input, textarea, button, select, label, a { -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: transparent; }

::-moz-selection { background-color: #111; color: #FFF; }
::selection { background-color: #111; color: #FFF; }

@font-face { font-family: 'Graphik'; src: url('Graphik-Light-Web.woff2') format('woff2'); font-weight: 300; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Graphik'; src: url('Graphik-Regular-Web.woff2') format('woff2'); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Graphik'; src: url('Graphik-Medium-Web.woff2') format('woff2'); font-weight: 500; font-style: normal; font-stretch: normal; }
strong { font-weight: 500; }

/*fade in effects*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in { opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;animation-duration:0.5s; }

html 					{ overflow-y: scroll; }
body 					{ background: #5f7878; color: #FFF; font-family: "Graphik", sans-serif; font-size: 14px; line-height: 1; }
body.noscroll			{ overflow: hidden; }
.page-layout 			{ padding: 40px 40px 130px; width: auto; }

.clear:after			{ clear: both; content: ""; display: table; }
.left	                { float: left; padding-right: 20px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.right	                { float: right; padding-left: 20px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mob-header				{ display: none; }
.mob-nav				{ display: none; }

/* PAGE HEADER
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-header *                     { -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }
.page-header                       { background: transparent; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; }
.page-header nav                   { border: 1px solid #3e4b4b; height: 48px; margin: 40px; position: relative; }
.page-header a.logo                { display: block; height: 20px; width: 90px; padding: 14px; background: no-repeat center; -webkit-background-size: 90px 20px; -o-background-size: 90px 20px; background-size: 90px 20px; }
.page-header a.logo:hover          { opacity: 0.5; }
.page-header ul                    { display: flex; font-size: 14px; font-weight: 400; height: 50px; line-height: 50px; position: absolute; top: -1px; right: 0; width: calc(75% - 20px); }
.page-header ul li                 { display: block; position: absolute; width: 20%; }
.page-header li a                  { border: 1px solid #3e4b4b; color: rgba(255,255,255,0.5); display: block; height: 48px; text-indent: 20px; margin-right: -1px; width: auto; }
.page-header li:nth-child(1)       { left: 0; z-index: 1; }
.page-header li:nth-child(2)       { left: 20%; z-index: 2; }
.page-header li:nth-child(3)       { left: 40%; z-index: 3; }
.page-header li:nth-child(4)       { left: 60%; z-index: 4; }
.page-header li:nth-child(5)       { left: 80%; z-index: 5; }
.page-header li:hover              { z-index: 7; }
.page-header li.on                 { z-index: 6; }
.page-header li a:hover,
.page-header li.on a               { border: 1px solid #FFF; color: #FFF; }

/* CONTENT
-------------------------------------------------------------------------------------------------*/
.page-content *             { -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; }

/*elements*/
.page-content h1			{ font-size: 14px; font-weight: 500; letter-spacing: 0.08em; line-height: 25px; margin: 0 0 5px; text-transform: uppercase; }
.page-content h2			{ font-size: 14px; font-weight: 500; letter-spacing: 0.08em; line-height: 25px; margin: 0 0 5px; text-transform: uppercase; }
.page-content p				{ font-size: 14px; line-height: 1.6; margin: 0 0 25px; }
.page-content a				{ color: #FFF; text-decoration: underline; }
.page-content a:hover		{ opacity: 0.5; text-decoration: underline; }

.page-content .content-block figure:last-child,
.page-content p:last-child,
.page-content ol:last-child,
.page-content ul:last-child{ margin-bottom: 0; }
.page-content .content-block figure:only-child,
.page-content h2:only-child,
.page-content h3:only-child,
.page-content h4:only-child,
.page-content p:only-child,
.page-content ol:only-child,
.page-content ul:only-child{ margin-bottom: 0; }

/*lists*/
.page-content ul, 
.page-content ol			{ font-size: 14px; line-height: 25px; margin: 0 0 25px 25px; }
.page-content ul ul,
.page-content ul ol,
.page-content ol ol,
.page-content ol ul 		{ font-size: 100%; margin: 5px 0 5px 25px; }
.page-content ul 			{ list-style-type: disc; }
.page-content ul ul 		{ list-style-type: circle; }
.page-content ul ul ul 		{ list-style-type: square; }
.page-content ol 			{ list-style-type: decimal; }
.page-content ol ol 		{ list-style-type: lower-alpha;	}
.page-content ol ol ol		{ list-style-type: lower-roman; }
.page-content li			{ margin-bottom: 5px; }

/*content blocks*/
.page-content .content-block                      { margin-bottom: 40px; }
.page-content .content-block figure               { margin-bottom: 40px; width: 100%; }
.page-content .content-block figure img           { height: auto; width: 100%; }
.page-content .content-block .portrait img.full   { height: 50%; width: 50%; }
.page-content .content-block .right figure        { text-align: right; }
.page-content .content-block .right figure img    { display: inline-block; }
.page-content .content-block .text                { max-width: 600px; }

/* HOME
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-index                           { background: #283737; color: #e6ebeb; }
.body-index .nav-bar nav              { border: 1px solid #3e4b4b; }
.body-index .nav-bar li a             { border: 1px solid #3e4b4b; color: rgba(255,255,255,0.5); }
.body-index .mob-header .hamburger-inner, 
.body-index .mob-header .hamburger-inner::before, 
.body-index .mob-header .hamburger-inner::after { background: rgba(255,255,255,0.5); }
.body-index .nav-bar li a:hover,
.body-index .nav-bar li.on a          { border: 1px solid #FFF; color: #FFF; }

.body-index svg     { height: 134px; width: 400px; margin: -67px 0 0 -200px; position: fixed; top: 50%; left: 50%; opacity: 0.2; }

body.vegas-container{ position:static; z-index:-2; }
.vegas-overlay{ opacity: 0; }
.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}
body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}

/* CONSTRUCTIONS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-constructions                  { background: #FFF; color: #5f7878; }
.body-constructions .nav-bar         { background: #FFF;  }
.body-constructions a.logo           { background-image: url(/assets/talo-teal.svg); }
.body-constructions a.logo img       { display: none; }
.body-constructions .nav-bar nav              { border: 1px solid #c8d1d1; }
.body-constructions .nav-bar li a             { border: 1px solid #c8d1d1; color: #99a7a7; }
.body-constructions .nav-bar li a:hover,
.body-constructions .nav-bar li.on a          { border: 1px solid #5f7878; color: #5f7878; }
.body-constructions .page-content h1,
.body-constructions .page-content h2,
.body-constructions .page-content p,
.body-constructions .page-content a               { color: #5f7878; }
.body-constructions .mob-header .hamburger-inner,
.body-constructions .mob-header .hamburger-inner::before, 
.body-constructions .mob-header .hamburger-inner::after { background: #99a7a7; }

.project .project-description                     { float: left; padding-right: 80px; width: 25%; box-sizing: border-box; }
.project .project-images                          { float: right; width: 75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.project .project-images figure                   { float: left; margin-bottom: 20px; padding-left: 20px; width: 33.33%; box-sizing: border-box; }
.project .project-images figure a                 { background: #5f7878; display: block; }
.project .project-images figure img               { height: auto; width: 100%; }
.project .project-images a.video                  { display: block; overflow: hidden; position: relative; padding-top: 66%; }
.project .project-images video                    { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; object-fit: cover; cursor: pointer; }
.project .project-images a.video::before {
color: white;
content: "\25B6";
opacity: 0.5;
position: absolute;
z-index: 100;
    font-size:50px;
    position:absolute;
    left:50%;
    top:50%;
    margin: -25px 0 0 -25px;
}
.project .project-images figure a:hover           { opacity: 1; }
.project .project-images figure a:hover img       { opacity: 0.25; }
.project .project-images figure a:hover video     { opacity: 0.25; }

.project .project-images figure .filter           { background-color: #5f7878; }
.project .project-images figure .filter img       { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.4; }

.projects a,
.projects a:hover                                 { display: block; text-decoration: none; opacity: 1; }
.projects a:hover .project-description h1,
.projects a:hover .project-description p          { color: #283737; }
.projects a:hover .filter img                     { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; }

/* PROFILE
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-profile                           { background: #5f7878; color: #FFF; }
.body-profile .nav-bar                  { background: rgba(95,120,120,0.8); }
.body-profile a.logo                    { background-image: url(/assets/talo-light.svg); }
.body-profile a.logo img                { display: none; }
.body-profile .nav-bar nav              { border: 1px solid #6f8686; }
.body-profile .nav-bar li a             { border: 1px solid #6f8686; color: #bec8c8; }
.body-profile .nav-bar li a:hover,
.body-profile .nav-bar li.on a          { border: 1px solid #FFF; color: #FFF; }
.body-profile .page-content h1,
.body-profile .page-content h2,
.body-profile .page-content p,
.body-profile .page-content a           { color: #FFF; }
.body-profile .mob-header .hamburger-inner,
.body-profile .mob-header .hamburger-inner::before, 
.body-profile .mob-header .hamburger-inner::after { background: #bec8c8; }

.body-profile img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }

/* PAGES
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-page                              { background: #5f7878; color: #FFF; }
.body-page .nav-bar                     { background: rgba(95,120,120,0.8); }
.body-page a.logo                       { background-image: url(/assets/talo-light.svg); }
.body-page a.logo img                   { display: none; }
.body-page .nav-bar nav                 { border: 1px solid #6f8686; }
.body-page .nav-bar li a                { border: 1px solid #6f8686; color: #bec8c8; }
.body-page .nav-bar li a:hover,
.body-page .nav-bar li.on a             { border: 1px solid #FFF; color: #FFF; }
.body-page .page-content h1,
.body-page .page-content h2,
.body-page .page-content p,
.body-page .page-content a              { color: #FFF; }
.body-page .mob-header .hamburger-inner,
.body-page .mob-header .hamburger-inner::before, 
.body-page .mob-header .hamburger-inner::after { background: #bec8c8; }

/* TESTIMONIALS
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-testimonials                      { background: #e6ebeb; color: #283737; }
.body-testimonials .nav-bar             { background: rgba(230,235,235,0.8); }
.body-testimonials a.logo               { background-image: url(/assets/talo-dark.svg); }
.body-testimonials a.logo img           { display: none; }
.body-testimonials .nav-bar nav         { border: 1px solid #c0c7c7; }
.body-testimonials .nav-bar li a        { border: 1px solid #c0c7c7; color: #5f7878; }
.body-testimonials .nav-bar li a:hover,
.body-testimonials .nav-bar li.on a     { border: 1px solid #283737; color: #283737; }
.body-testimonials .page-content h1,
.body-testimonials .page-content p,
.body-testimonials .page-content a      { color: #283737; }
.body-testimonials .mob-header .hamburger-inner,
.body-testimonials .mob-header .hamburger-inner::before, 
.body-testimonials .mob-header .hamburger-inner::after { background: #5f7878; }

.body-testimonials .page-layout { padding-top: 0; padding-right: 0; padding-left: 0; }
.body-testimonials .page-content .content-block { margin: 0; padding: 40px; }
.body-testimonials .page-content .content-block:nth-child(odd) { background: rgba(255,255,255,0.5); }

/* CONTACT
------------------------------------------------------------------------------------------------------------------------------------------------------*/
.body-contact                           { background: #283737; color: #e6ebeb; }
.body-contact .nav-bar                  { background: rgba(40,55,55,0.8); }
.body-contact a.logo                    { background-image: url(/assets/talo-teal.svg); }
.body-contact a.logo img                { display: none; }
.body-contact .nav-bar nav              { border: 1px solid #3e4b4b; }
.body-contact .nav-bar li a             { border: 1px solid #3e4b4b; color: rgba(255,255,255,0.5); }
.body-contact .mob-header .hamburger-inner, 
.body-contact .mob-header .hamburger-inner::before, 
.body-contact .mob-header .hamburger-inner::after { background: rgba(255,255,255,0.5); }
.body-contact .nav-bar li a:hover,
.body-contact .nav-bar li.on a          { border: 1px solid #FFF; color: #FFF; }
.body-contact .page-content h1,
.body-contact .page-content h2,
.body-contact .page-content p,
.body-contact .page-content a               { color: #e6ebeb; }
.body-contact .page-content a               { display: inline-block; border: 1px solid #3e4b4b; height: 40px; line-height: 40px; margin-top: 5px; padding: 0 15px; text-decoration: none; }
.body-contact .page-content a:hover         { border: 1px solid #FFF; color: #FFF; opacity: 1; text-decoration: none; }

.body-contact .contact-form                 { padding: 0; }
.body-contact .contact-form label			{ display: block; color: #5f7878; font-size: 14px; font-weight: 500; line-height: 30px; margin-top: 10px; }
.body-contact .contact-form input			{ background: rgba(255,255,255,0.05); border: none; color: #FFF; font-size: 14px; height: 40px; margin-bottom: 5px; padding: 5px 10px; width: 50%; }
.body-contact .contact-form input			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.body-contact .contact-form input:focus,
.body-contact .contact-form input:hover		{ background: rgba(255,255,255,0.1); color: #FFF; }
.body-contact .contact-form textarea		{ background: rgba(255,255,255,0.05); border: none; color: #FFF; font-size: 14px; margin-bottom: 20px; height: 200px; padding: 10px; width: 100%; }
.body-contact .contact-form textarea		{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.body-contact .contact-form textarea:focus,
.body-contact .contact-form textarea:hover	{ background: rgba(255,255,255,0.1); color: #FFF; }
.body-contact .contact-form button          { background: none; border: 1px solid #3e4b4b; color: rgba(255,255,255,0.5); font-size: 14px; font-weight: 400; letter-spacing: 0.08em; height: 40px; padding: 0 30px; }
.body-contact .contact-form button:hover    { border: 1px solid #FFF; color: #FFF; }

@media only screen and (max-height: 750px) {
    .body-contact .contact-form textarea { height: 100px; }
}
@media only screen and (min-height: 751px) and (max-height: 800px) {
    .body-contact .contact-form textarea { height: 150px; }
}

@media only screen and (max-width: 900px) {
	html { overflow-y: visible; }
    body { font-size: 13px; }
    .page-header { display: none; }
	.page-layout { overflow: auto; padding: 80px 20px 20px; min-width: 300px; }
    .left { float: none; margin-bottom: 20px; padding: 0; width: auto; }
    .right { float: none; padding: 0; width: auto; }
    
    .mob-header { display: block; position: fixed; top: 0; left: 0; height: 80px; width: 100%; z-index: 1000; }
    .mob-header nav { height: 38px; margin: 20px; }
    .mob-header a.logo { display: block; height: 20px; width: 66px; padding: 9px 10px; background-repeat: no-repeat; background-position: center; -webkit-background-size: 66px 15px; -o-background-size: 66px 15px; background-size: 66px 15px; }
    
    body.noscroll.body-index .mob-header,
    body.noscroll.body-index .nav-bar { background: rgba(40,55,55,0.9); }
    .body-index a.logo { background-image: url(/assets/talo-white.svg); }
    .body-index a.logo img { display: none; }
    
    .mob-header .hamburger { background-color: transparent; position: absolute; top: 20px; right: 20px; padding: 10px; display: inline-block; cursor: pointer; opacity: 0.6; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; border: 0; overflow: visible; } 
    .mob-header .hamburger-box { width: 18px; height: 18px; display: inline-block; position: relative; }
    .mob-header .hamburger-inner { display: block; top: 50%; }
    .mob-header .hamburger-inner, 
    .mob-header .hamburger-inner::before, 
    .mob-header .hamburger-inner::after { width: 18px; height: 1px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
    .mob-header .hamburger-inner::before,
    .mob-header .hamburger-inner::after { content: ""; display: block; }
    .mob-header .hamburger-inner::before { top: -6px; }
    .mob-header .hamburger-inner::after { bottom: -6px; }
    .mob-header .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .mob-header .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
    .mob-header .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    .mob-header .hamburger-active .hamburger-inner { transform: rotate(45deg);  transition-delay: 0.12s;  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    .mob-header .hamburger-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
    .mob-header .hamburger-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
    
	.mob-nav { background: #000; display: none; overflow-y: auto; text-align: center; position: fixed; top: 80px; left: 0; bottom: 0; right: 0; width: 100%; z-index: 999; }
    .mob-nav .bg { position: fixed; top: 0; height: 100%; width: 100%; }
    .mob-nav ul { height: 100%; }
    .mob-nav ul li { height: 20%; padding-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .mob-nav ul li a { color: #808080; display: block; font-size: 15px; font-weight: 400; height: 100%; line-height: 1; margin: 0 20px; overflow: hidden; position: relative; }
    .mob-nav ul li a span { position: relative; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
	.mob-nav ul li.toggle { position: relative; }
	.mob-nav ul li a:active { color: #FFF; }
    .mob-nav ul>li.on>a { color: #FFF; }
    .mob-nav ul>li.active>a { color: #FFF; }
    
    .page-content h1 { font-size: 13px;  }
    .page-content h2 { font-size: 13px;  }
    .page-content p,
    .page-content ul,
    .page-content ol { font-size: 13px; margin-bottom: 20px; }
    .page-content .content-block { margin-bottom: 20px; }
    .page-content .content-block figure { margin-bottom: 20px; }
    .page-content .content-block figure img { height: auto; width: 100%; }
    .page-content .content-block .portrait img.full { height: auto; width: 100%; }
    .page-content .content-block .right .portrait img { float: none; }
    
    .body-index svg { height: 80px; width: 250px; margin: -40px 0 0 -125px; }
    
    .project .project-description { float: none; padding: 0 0 10px; width: 100%; }
    .project .project-images { float: none; margin: 10px 0 0; width: auto; }
    .project .project-images figure { float: none; margin-bottom: 20px; padding: 0; width: 100%; }
    
    .projects .project-images { float: none; margin: 0 -5px; width: auto; }
    .projects .project-images figure { float: left; margin-bottom: 20px; padding: 5px; width: 33.33%; }

    .body-testimonials .page-layout { padding: 80px 0 0;  }
    .body-testimonials .page-content .content-block { margin: 0; padding: 20px; }
    
    .body-contact .page-content a { display: block; }
    .body-contact .contact-form { background-color: rgba(5,15,15,0.5); margin: 20px -20px -20px; padding: 20px; }
    .body-contact .contact-form input { width: 100%; }
    .body-contact .contact-form button { font-size: 13px; padding: 0; width: 100%; }
   
}