/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Tablet Portrait --------------------------
	     04. Footer Bordered --------------------------
	         Tablet Portrait --------------------------
	     05. Header -----------------------------------
	         Mobile -----------------------------------
	     06. Header Alt -------------------------------
	     07. Header Secondary -------------------------
	     08. Main -------------------------------------
	     09. Shell ------------------------------------
	     10. Sidebar ----------------------------------
	     11. Wrapper ----------------------------------
	         Modifiers --------------------------------
	         Tablet Portrait --------------------------
	III. Modules --------------------------------------
	     01. Article Bio ------------------------------
	         Mobile -----------------------------------
	     02. Article Business -------------------------
	     03. Button -----------------------------------
	         Button Block -----------------------------
	     04. Contact ----------------------------------
	         Image ------------------------------------
	         Content ----------------------------------
	         Animation --------------------------------
	         Mobile -----------------------------------
	     05. Form Elements ----------------------------
	     06. Form -------------------------------------
	     07. Intro ------------------------------------
	     08. List -------------------------------------
	     09. List Info --------------------------------
	     10. Logo -------------------------------------
	     11. Nav --------------------------------------
	         Mobile -----------------------------------
	     12. Nav Btn ----------------------------------
	         Tablet Portrait --------------------------
	     13. News -------------------------------------
	         Mobile -----------------------------------
	     14. Photos -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     15. Pictures ---------------------------------
	         Modifiers --------------------------------
	     16. Projects ---------------------------------
	         Mobile -----------------------------------
	     17. Project Main -----------------------------
	         Mobile -----------------------------------
	     18. Section ----------------------------------
	     19. Section Entry ----------------------------
	         Mobile -----------------------------------
	     20. Section Picture --------------------------
	         Tablet Portrait --------------------------
	     21. Section Large ----------------------------
	         Mobile -----------------------------------
	     22. Section Larger ---------------------------
	         Mobile -----------------------------------
	     23. Section Projects -------------------------
	     24. Section Project --------------------------
	         Mobile -----------------------------------
	     25. Section News -----------------------------
	         Mobile -----------------------------------
	     26. Slider -----------------------------------
	     27. Slider Intro -----------------------------
	     28. Socials ----------------------------------
	         Tablet Portrait --------------------------
	     29. Table ------------------------------------
	     30. Widget -----------------------------------
 */

.ico-arrow { background-image: url(images/sprite.png); background-position: 0% 41.66666666666667%; background-size: 275% 766.6666666666667%; width: 28px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 1100% 492.8571428571429%; width: 7px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-home-transparent { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 452.94117647058823% 328.57142857142856%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-home-white { background-image: url(images/sprite.png); background-position: 35% 0%; background-size: 452.94117647058823% 328.57142857142856%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-ico { background-image: url(images/sprite.png); background-position: 94.02985074626866% 33.9622641509434%; background-size: 770% 431.25%; width: 10px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 550% 492.8571428571429%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mail-large { background-image: url(images/sprite.png); background-position: 0% 67.85714285714286%; background-size: 427.77777777777777% 530.7692307692307%; width: 18px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-mail { background-image: url(images/sprite.png); background-position: 35.483870967741936% 66.66666666666666%; background-size: 513.3333333333334% 575%; width: 15px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-phone { background-image: url(images/sprite.png); background-position: 70% 0%; background-size: 452.94117647058823% 405.88235294117646%; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-arrow { background-image: url(images/sprite.@2x.png); background-position: 0% 41.66666666666667%; background-size: 275% 766.6666666666667%; width: 28px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook { background-image: url(images/sprite.@2x.png); background-position: 0% 100%; background-size: 1100% 492.8571428571429%; width: 7px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-home-transparent { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 452.94117647058823% 328.57142857142856%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-home-white { background-image: url(images/sprite.@2x.png); background-position: 35% 0%; background-size: 452.94117647058823% 328.57142857142856%; width: 17px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-ico { background-image: url(images/sprite.@2x.png); background-position: 94.02985074626866% 33.9622641509434%; background-size: 770% 431.25%; width: 10px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-instagram { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 550% 492.8571428571429%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-mail-large { background-image: url(images/sprite.@2x.png); background-position: 0% 67.85714285714286%; background-size: 427.77777777777777% 530.7692307692307%; width: 18px; height: 13px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-mail { background-image: url(images/sprite.@2x.png); background-position: 35.483870967741936% 66.66666666666666%; background-size: 513.3333333333334% 575%; width: 15px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-phone { background-image: url(images/sprite.@2x.png); background-position: 70% 0%; background-size: 452.94117647058823% 405.88235294117646%; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }}
.cols:after,
.footer ul:after,
.article-bio:after,
.contact:after,
.nav ul:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #32342f; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.75; color: #000; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.875em; }
h1 { font-size: 51px; letter-spacing: 0.06em; }
h2 { font-size: 45px; }
h3 { font-size: 34px; }
h4 { font-size: 22px; letter-spacing: 0.72em; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.75em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* Mobile */
@media (max-width: 767px) {
	h1 { font-size: 26px; }
	h2 { font-size: 24px; }
	h3 { font-size: 21px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { position: absolute; bottom: 0; right: 0; left: 0; padding: 18px 0; background: #32342f; color: #fff; }
.footer ul { display: inline-block; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 300; list-style-type: none; }
.footer ul strong { font-weight: 500; }
.footer ul a { text-decoration: none; }
.footer ul:after { }
.footer li { float: left; }
.footer li + li { margin-left: 60px; }
.footer .footer__contacts { display: block; }
@media (max-width: 1230px) {
	.footer { position: static; text-align: center; }
	.footer li { float: none; }
	.footer li + li { margin: 10px 0 0 0; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {

}
/* ------------------------------------------------------------ *\
	Footer Bordered
\* ------------------------------------------------------------ */
.footer--bordered { border-top: 1px solid #c5c5c5; }
.footer--bordered li + li { margin-left: 50px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.footer--bordered li + li { margin: 10px 0 0 0; }
}
.footer--light-blue { background-color: #DBE2E9; color: #000; border-top: 1px solid #d0d7de; }
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { padding-top: 23px; text-align: center; text-transform: uppercase; color: #fff; font-family: 'Montserrat', sans-serif; }
.header h1,
.header h4 { margin-bottom: 0; font-weight: 300; }
.header h1 { position: relative; margin-bottom: 5px; }
.header h1:after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; background: #b7b7b7; height: 1px; }
.header .header__title { margin-bottom: 41px; }
.header .header__title a { text-decoration: none; }
.header--light-blue { color: #000; }
.header--light-blue h1:after { background: #d0d7de; }
/* Mobile */
@media (max-width: 767px) {
	.header .header__title { margin-bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	Header Alt
\* ------------------------------------------------------------ */
.header--alt { position: absolute; top: 0; left: 0; right: 0; z-index: 10; }
/* ------------------------------------------------------------ *\
	Header Secondary
\* ------------------------------------------------------------ */
.header--secondary { padding: 0; }
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { position: relative; min-height: 100vh; padding-bottom: 91px; overflow: hidden; }
.wrapper.fixed { position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
.wrapper--alt { padding-bottom: 0; }
/*  Modifiers  */
.wrapper--light-blue { background-color: #DBE2E9; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.wrapper { padding-bottom: 0; }
}
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Article Bio
\* ------------------------------------------------------------ */
.article-bio { position: relative; max-width: 970px; margin: 0 auto 50px; color: #fff; }
.article-bio:after { }
.article-bio:before { content: ''; position: absolute; top: -26px; bottom: -31px; left: -47px; width: 306px; background: url(images/temp/dots.png); z-index: -1; }
.article-bio p { margin-bottom: 10px; letter-spacing: 0.05em; }
.article-bio p:last-child { margin-bottom: 0; }
.article-bio .article__info { padding-top: 5px; margin-right: 30px; -webkit-transform: translateX(-300%); -ms-transform: translateX(-300%); transform: translateX(-300%); transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.article-bio .js-load.loaded { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.article-bio .article__content { overflow: hidden; }
.article-bio .article__info a { display: block; }
.article-bio .article__info img { display: block; width: 100%; margin-bottom: 16px; }
/* Mobile */
@media (max-width: 767px) {
	.article-bio .article__info { margin: 0 0 20px 0; padding-top: 0; }
	.article-bio .alignleft { float: none; }
	.article-bio .article__content { overflow: auto; }
}
/* ------------------------------------------------------------ *\
	Article Business
\* ------------------------------------------------------------ */
.article-business { max-width: 970px; margin: 0 auto; color: #fff; }
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
.btn--default { position: relative; min-width: 152px; height: 33px; padding: 0 5px; border: 1px solid #7d7e7c; line-height: 31px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.16em; font-family: 'Montserrat', sans-serif; font-weight: 300; color: #fff; text-decoration: none; }
.btn--default span { position: relative; z-index: 10; }
.btn--default:hover:after { height: 100%; }
.btn--default:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 0%; background: #7d7d7c; transition: height .3s; }
.btn--dark { background: #000; }
.btn--light-blue { background: #a1aebb; }
.btn--high { height: 39px; border: 0; line-height: 39px; letter-spacing: 0.1em; font-size: 14px; }
.btn--higher { height: 52px; line-height: 52px; }
.btn--small { height: 35px; line-height: 35px; min-width: 0; }
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
/* ------------------------------------------------------------ *\
	Contact
\* ------------------------------------------------------------ */
.contact { max-width: 770px; margin: 0 auto; }
.contact:after { }
/*  Image  */
.contact .contact__image { position: relative; float: left; width: 39%; }
.contact .contact__image img { display: block; width: 100%; margin-bottom: 12px; }
.contact .contact__image a { display: block; }
/* Content  */
.contact .contact__content { float: left; width: 61%; padding-left: 30px; color: #000; }
.contact .contact__content h3 { margin-bottom: 6px; letter-spacing: 0.1em; line-height: 1; font-size: 30px; font-weight: 300; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.contact .contact__content p { margin-bottom: 20px; font-size: 16px; }
/*  Animation  */
.contact .contact__image { -webkit-transform: translateX(-300%); -ms-transform: translateX(-300%); transform: translateX(-300%); transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.contact .contact__content { -webkit-transform: translateX(300%); -ms-transform: translateX(300%); transform: translateX(300%); transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.contact .js-load.loaded { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
/* Mobile */
@media (max-width: 767px) {
	.contact .contact__image,
	.contact .contact__content { float: none; width: 100%; }

	.contact .contact__image { margin-bottom: 20px; }

	.contact .contact__content { padding: 0; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form {}
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List Info
\* ------------------------------------------------------------ */
.list-info + .list-info { margin-top: 22px; }
.list-info h5 { margin-bottom: 4px; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; }
.list-info ul { list-style-type: none; }
.list-info li { position: relative; padding-left: 31px; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 300; }
.list-info li + li { margin-top: 13px; }
.list-info li strong { font-weight: 500; }
.list-info li i { position: absolute; top: 0; left: 0; bottom: 0; margin: auto; }
.list-info a { text-decoration: none; }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo {}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav {}
.nav ul { display: inline-block; }
.nav ul:after { }
.nav li { float: left; }
.nav li + li { margin-left: 34px; }
.nav a { text-decoration: none; font-size: 14px; letter-spacing: 0.08em; font-family: 'Montserrat', sans-serif; font-weight: 300; }
.nav a { position: relative; }
.nav a:after { position: absolute; bottom: 0; left: 0; right: 0; width: 0%; content: ''; background: #fff; height: 1px; transition: all .3s; }
.nav a:hover:after,
.nav .current a:after { width: 100%; }
.nav--light-blue a:after { background-color: #000; }
/* Mobile */
@media (max-width: 767px) {
	.nav { position: fixed; z-index: 30; top: 0; bottom: 0; right: 0; width: 240px; padding: 100px 0; background: #c9d4e0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; }
	.nav.open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

	.nav ul { display: block; }
	.nav li { float: none; }
	.nav li + li { margin: 15px 0 0 0; }
}
/* ------------------------------------------------------------ *\
	Nav Btn
\* ------------------------------------------------------------ */
.nav-btn { display: none; position: relative; z-index: 10; width: 70px; height: 70px; border: 2px solid #3e4d5f; margin: auto; transition: all .3s; }
.nav-btn span { position: absolute; display: block; background: #3e4d5f; transition: all .3s, top .2s .25s, left .2s .25s, opacity .2s .25s; -webkit-transform: .2s 0s; -ms-transform: .2s 0s; transform: .2s 0s; }
.nav-btn span:nth-child(1) { top: 20px; left: 0; right: 0; margin: auto; width: 40px; height: 4px; border-radius: 3px; }
.nav-btn span:nth-child(2) { top: 30px; left: 0; right: 0; margin: auto; width: 34px; height: 4px; border-radius: 3px; }
.nav-btn span:nth-child(3) { top: 40px; left: 0; right: 0; margin: auto; width: 40px; height: 4px; border-radius: 3px; }
.nav-btn.active { position: absolute; top: 10px; right: 85px; z-index: 50; }
.nav-btn.active span { transition: top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: top .2s, left .2s, transform .2s .25s, opacity .2s; transition: top .2s, left .2s, transform .2s .25s, opacity .2s, -webkit-transform .2s .25s; }
.nav-btn.active span:nth-child(2) { opacity: 0; }
.nav-btn.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-btn.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav-btn.active span:nth-child(3),
.nav-btn.active span:nth-child(1) { top: 30px; }
/* Tablet Portrait */
@media (max-width: 767px) {
	.nav-btn { display: block; }
}
/* ------------------------------------------------------------ *\
	News
\* ------------------------------------------------------------ */
.news { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px -20px; }
.news .news-item { width: 25%; padding: 0 15px; margin-bottom: 28px; }
.news-item .news-item__image { background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 124%; }
.news-item a { display: block; font-size: 12px; }
.news--small .news-item { width: 16.66%; }
/* Mobile */
@media (max-width: 1023px) {
	.news--small .news-item { width: 25%; }
}
@media (max-width: 767px) {
	.news .news-item { width: 100%; }
	.news--small .news-item { width: 50%; }
}
/* ------------------------------------------------------------ *\
	Photos
\* ------------------------------------------------------------ */
.photos { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1170px; margin: 0 auto; }
.photos--alt { display: block; }
.photo-holder { width: 33%; padding: 0 10px; margin-bottom: 20px; }
.photo { background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 50%; }
.photo--door { background-position: top center; }
.photo--kitchen { background-position: bottom center; }
.photo--alt { background: none; padding-top: 0; }
.photo--alt + .photo--alt { margin-top: 20px; }
.photo--alt img { width: 100%; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.photo-holder { width: 50%; }
}
/* Mobile */
@media (max-width: 767px) {
	.photo-holder { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Pictures
\* ------------------------------------------------------------ */
.picture { background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 67%; }
.picture + .picture { margin-top: 40px; }
/*  Modifiers  */
.picture--top-background { background-position: 20% 15%; }
.picture--bottom-background { background-position: bottom center; }
/* ------------------------------------------------------------ *\
	Projects
\* ------------------------------------------------------------ */
.projects { max-width: 1155px; margin: 0 auto; }
.project + .project { margin-top: 47px; }
.project .project__image { position: relative; display: block; border: 8px solid #474944; margin-bottom: 20px; }
.project .project__image img { width: 100%; }
.project .project__title { padding-left: 40px; margin-bottom: 5px; text-transform: uppercase; color: #000; }
.project .project__title h3 { font-weight: 300; line-height: 1.2; font-family: 'Montserrat', sans-serif; letter-spacing: -0.01em; }
.project .project__actions * { vertical-align: middle; }
.project .project__actions a { display: inline-block; text-decoration: none; color: #000; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 14px; letter-spacing: 0.1em; transition: padding .3s; }
.project .project__actions a:hover { padding-left: 50px; }
.project .project__actions i { position: relative; margin-right: 10px; }
.project .project__actions i:before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; right: calc(100% + 2px); background: #000; height: 1px; width: 9999999px; }
/* Mobile */
@media (max-width: 767px) {
	.project + .project { margin-top: 25px; }

	.project .project__title { padding-left: 0; }

	.project .project__actions a { padding-left: 20px; }
}
/* ------------------------------------------------------------ *\
	Project Main
\* ------------------------------------------------------------ */
.project-main { max-width: 1163px; margin: 0 auto; }
.project-main .project__head { padding-left: 8px; margin-bottom: 51px; color: #000; }
.project-main .project__head h3 { margin-bottom: 17px; text-transform: uppercase; font-weight: 300; font-family: 'Montserrat', sans-serif; font-size: 30px; line-height: 1.2; letter-spacing: 0.1em; }
.project-main .project__head p { font-size: 16px; }
/* Mobile */
@media (max-width: 767px) {
	.project-main .project__head { padding: 0; margin-bottom: 25px; }
	.project-main .project__head h3 { font-size: 21px; }
	.project-main .project__head p { font-size: 14px; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section {}
/* ------------------------------------------------------------ *\
	Section Entry
\* ------------------------------------------------------------ */
.section--entry { position: relative; }
.section--entry .section__content { position: absolute; top: 50%; left: 0; right: 0; z-index: 5; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; text-align: center; }
.section--entry .section__actions { position: absolute; bottom: 175px; left: 0; right: 0; z-index: 5; text-align: center; }
.section--entry .section__content h1,
.section--entry .section__content h4 { margin-bottom: 0; font-weight: 300; }
.section--entry .section__content h1 { position: relative; margin-bottom: 5px; }
.section--entry .section__content h1:after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; background: #b7b7b7; height: 1px; }
/* Mobile */
@media (max-width: 767px) {
	.section--entry .section__actions { bottom: 50px; }
}
/* ------------------------------------------------------------ *\
	Section Picture
\* ------------------------------------------------------------ */
.section--picture { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; height: calc(100vh - 74px); }
.section--picture:after { content: ''; position: absolute; top: 0; left: 0; right: 0; background: url(images/temp/shadow.png); height: 461px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section--picture { height: calc(100vh - 169px); }
}
/* ------------------------------------------------------------ *\
	Section Large
\* ------------------------------------------------------------ */
.section--large { padding: 88px 0 118px; }
/* Mobile */
@media (max-width: 767px) {
	.section--large { padding: 30px 0; }
}
/* ------------------------------------------------------------ *\
	Section Larger
\* ------------------------------------------------------------ */
.section--larger { padding: 125px 0; }
/* Mobile */
@media (max-width: 767px) {
	.section--larger { padding: 30px 0; }
}
/* ------------------------------------------------------------ *\
	Section Projects
\* ------------------------------------------------------------ */
.section--projects { padding: 76px 0 156px; }
@media (max-width: 767px) {
	.section--projects { padding: 30px 0; }
}
/* ------------------------------------------------------------ *\
	Section Project
\* ------------------------------------------------------------ */
.section--project { padding: 121px 0 95px; }
/* Mobile */
@media (max-width: 767px) {
	.section--project { padding: 30px 0; }
}
/* ------------------------------------------------------------ *\
	Section News
\* ------------------------------------------------------------ */
.section--news { padding: 129px 0; max-width: 1200px; margin: 0 auto; }
/* Mobile */
@media (max-width: 767px) {
	.section--news { padding: 30px 0; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Slider Intro
\* ------------------------------------------------------------ */
.slider-intro .slider__slide { width: 100vw; height: 100vh; position: relative; }
.slider-intro .slider__slide .slider__slide-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; }
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials li + li { margin: 0 0 0 15px; }
.socials a { transition: opacity .3s; }
.socials a:hover { opacity: .5; }
.socials--light-blue { background-color: #a1aebb; padding: 5px 10px 0 10px; border-radius: 5px; }
/* Tablet Portrait */
@media (max-width: 1230px) {
	.socials li { float: left; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }