html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

body, html { height: 100%; }

img, fieldset, a img { border: none; }

input[type="submit"], button { cursor: pointer; }
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

div, input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

ul, ol { list-style-type: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }
table { border-spacing: 0; border-collapse: collapse; width: 100%; }

@font-face { font-family: gilroyL; src: url("fonts/Gilroy-Light.eot"); src: url("fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Light.woff") format("woff"), url("fonts/Gilroy-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: PlayfairDisplayR; src: url("fonts/PlayfairDisplay-Regular.eot"); src: url("fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-Regular.woff") format("woff"), url("fonts/PlayfairDisplay-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: PlayfairDisplayBl; src: url("fonts/PlayfairDisplay-Black.eot"); src: url("fonts/PlayfairDisplay-Black.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-Black.woff") format("woff"), url("fonts/PlayfairDisplay-Black.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: PlayfairDisplayB; src: url("fonts/PlayfairDisplay-Bold.eot"); src: url("fonts/PlayfairDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/PlayfairDisplay-Bold.woff") format("woff"), url("fonts/PlayfairDisplay-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: GothamProL; src: url("fonts/GothamProLight.eot"); src: url("fonts/GothamProLight.eot?#iefix") format("embedded-opentype"), url("fonts/GothamProLight.woff") format("woff"), url("fonts/GothamProLight.ttf") format("truetype"); font-weight: normal; font-style: normal; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a { text-decoration: none; color: inherit; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }

body { font-family: "PlayfairDisplayR", Arial, sans-serif; font-size: 12px; line-height: 1.2; }

.out { width: 100%; min-width: 320px; margin: 0 auto; }

.container { width: 1200px; padding: 0 15px; margin: 0 auto; }

.caption { font-size: 52px; color: #1b1b1b; font-family: "PlayfairDisplayBl", Arial, sans-serif; padding: 84px 0; text-align: center; position: relative; }
.caption .caption__link { font-size: 12px; text-transform: uppercase; text-decoration: underline; position: absolute; right: 0; top: 50%; margin-top: -5px; font-family: "PlayfairDisplayB", Arial, sans-serif; }
.caption .caption__link:hover { text-decoration: none; }

.white { color: #fff; }

.actions { text-align: center; }
.actions .actions__all { font-family: "PlayfairDisplayB", Arial, sans-serif; font-size: 12px; color: #1b1b1b; text-transform: uppercase; text-decoration: underline; }
.actions .actions__all:hover { text-decoration: none; }

.header { background: url(../img/header-bg.jpg) 50% 50% no-repeat; background-size: cover; min-height: 632px; color: #fff; text-align: center; padding: 56px 0; }
.header .header__logo { font-size: 0; }
.header .header__logo img { max-width: 75%; }
.header .header__logo p { font-family: "gilroyL", Arial, sans-serif; font-size: 24px; text-transform: uppercase; margin-top: 9px; }
.header .header__nav { height: 86px; padding-top: 50px; padding-bottom: 21px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.header .header__nav ul { display: table; width: 100%; font-family: "PlayfairDisplayR", Arial, sans-serif; text-transform: uppercase; top: -70px; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -o-transition: all 0.75s; -ms-transition: all 0.75s; transition: all 0.75s; }
.header .header__nav ul li { display: table-cell; vertical-align: middle; padding: 0 40px; position: relative; }
.header .header__nav ul li a:hover { color: #ff2070; }
.header .header__nav ul li + li:before { content: ""; position: absolute; left: -10px; width: 20px; height: 1px; top: 50%; background: rgba(255, 255, 255, 0.25); }
.header .header__nav ul li:first-child { padding-left: 0; text-align: left; }
.header .header__nav ul li:last-child { padding-right: 0; text-align: right; }
.header .header__nav ul.fixed { position: fixed; left: 0; top: 0; right: 0; padding: 15px 25px; background: #000; z-index: 10; display: block; }
.header .header__nav ul.fixed li { padding: 0 35px; display: inline-block; }
.header .header__nav ul.fixed li + li:before { display: none; }
.header .header__name { font-size: 40px; font-family: "PlayfairDisplayBl", Arial, sans-serif; padding: 40px 0 46px; position: relative; }
.header .header__name:after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -35px; width: 70px; height: 1px; background: rgba(255, 255, 255, 0.25); }
.header h1 { font-size: 24px; font-family: "PlayfairDisplayBl", Arial, sans-serif; font-weight: 400; margin-top: 32px; }

.photos-studio { background: #f6f6f6; }

.photos { overflow: hidden; padding-bottom: 45px; }
.photos .photos__text { font-size: 16px; padding-bottom: 40px; }
.photos .photos__items { margin-left: -2.3333%; padding-top: 20px; margin-top: -20px; }
.photos .photos__items .item { margin-bottom: 1.2%; float: left; width: 31%; margin-left: 2.3333%; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; position: relative; top: 0; cursor: pointer; }
.photos .photos__items .item .item__image { font-size: 0; position: relative; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; height: 250px; }
.photos .photos__items .item .item__image:before { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; opacity: 0; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/icons/zoom.png) 50% 50% no-repeat rgba(31, 31, 31, 0.9); }
.photos .photos__items .item .item__name { margin-top: 20px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; font-family: "PlayfairDisplayR", Arial, sans-serif; color: #1b1b1b; text-align: center; position: relative; overflow: hidden; }
.photos .photos__items .item .item__name:before { content: ""; position: absolute; left: 50%; top: 0; margin-left: -10px; width: 20px; height: 1px; background: #bfbfbf; }
.photos .photos__items .item:hover { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); top: -2px; }
.photos .photos__items .item:hover .item__image:before { opacity: 1; }

.publications { background: #f6f6f6; padding-bottom: 45px; }
.publications .publications__items { overflow: hidden; margin-bottom: 42px; }
.publications .publications__items .item { float: left; display: table; width: 33.3333%; height: 140px; text-align: center; background: #fff; border-left: 3px solid #f6f6f6; border-bottom: 3px solid #f6f6f6; }
.publications .publications__items .item .wrapper { display: table-cell; vertical-align: middle; padding: 25px; }
.publications .publications__items .item img { max-width: 170px; max-height: 80px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; }
.publications .publications__items .item:hover img { opacity: 1; -webkit-filter: none; filter: none; }

.blog { padding-bottom: 100px; }
.blog .blog__items .item { padding: 34px; background: #f6f6f6; color: #1b1b1b; }
.blog .blog__items .item .item__image { font-size: 0; margin-bottom: 30px; position: relative; }
.blog .blog__items .item .item__image img { width: 100%; display: none; }
.blog .blog__items .item .item__image .date { font-size: 14px; font-family: "PlayfairDisplayB", Arial, sans-serif; padding: 15px 18px; background: #fff; position: absolute; left: 0; bottom: 0; display: none; }
.blog .blog__items .item .item__name { font-size: 18px; display: none; }
.blog .blog__items .item .item__name:hover { color: #ff2070; }
.blog .blog__items .item .item__text { font-size: 12px; margin-top: 18px; font-family: "GothamProL", Arial, sans-serif; display: none; }

.owl-nav { position: absolute; top: -130px; left: 0; }
.owl-nav .owl-prev { background: url('../img/icons-s9e164d913a.png') 0 -40px no-repeat; width: 30px; height: 30px; left: 0; }
.owl-nav .owl-next { background: url('../img/icons-s9e164d913a.png') 0 0 no-repeat; width: 30px; height: 30px; left: 42px; }
.owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; opacity: 0.8; }
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { opacity: 1; }
.owl-nav .disabled, .owl-nav .disabled:hover { opacity: 0.4; }

.footer { background: url(../img/footer-bg.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; padding-bottom: 80px; }
.footer .footer__items { margin: 0 -15px; overflow: hidden; }
.footer .footer__items .item { padding: 0 15px; float: left; width: 33.3333%; text-align: center; }
.footer .footer__items .item .item__name { font-size: 18px; font-family: "PlayfairDisplayB", Arial, sans-serif; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.footer .footer__items .item .item__value { font-family: "GothamProL", Arial, sans-serif; font-size: 14px; }
.footer .footer__items .item .item__value a:hover { color: #ff2070; }
.footer .footer__items .item .item__value .col { width: 50%; float: left; text-align: center; padding: 0 10px; }
.footer .footer__items .item .item__value .col + .col { border-left: 1px solid rgba(255, 255, 255, 0.25); }
.footer .footer__items .item .item__social a { display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin: 0 7px; }
.footer .footer__items .item .item__social .fb { background: url(../img/icons/fb.png) 50% 50% no-repeat; }
.footer .footer__items .item .item__social .inst { background: url(../img/icons/inst.png) 50% 50% no-repeat; }
.footer .footer__items .item .item__social .houzz { background: url(../img/icons/houzz.png) 50% 50% no-repeat; }

.arrow-up { opacity: 0; background: url(../img/icons/arrow-up.png) 50% 50% no-repeat; width: 40px; height: 40px; position: fixed; top: 15px; left: 15px; }
@media screen and (max-width: 1199px) { .container { width: 960px; }
  .caption { font-size: 46px; padding: 75px 0; }
  .header .header__nav ul li { padding: 0 35px; }
  .blog .blog__items .item { padding: 30px; }
  .owl-nav { position: absolute; top: -115px; } }
@media screen and (max-width: 991px) { .container { width: 730px; }
  .caption { font-size: 40px; padding: 60px 0; }
  .header .header__nav { padding-top: 80px; height: 116px; }
  .header .header__nav ul li { padding: 0 15px; }
  .header .header__nav ul.fixed li { padding: 0 25px; }
  .header .header__nav ul li + li:before { display: none; }
  .photos { padding-bottom: 30px; }
  .photos .photos__items { margin-left: 0; }
  .photos .photos__items .item { margin-bottom: 1.2%; width: 48%; margin-left: 0; }
  .photos .photos__items .item .item__image { height: 210px; }
  .photos .photos__items .item:nth-child(odd) { float: left; }
  .photos .photos__items .item:nth-child(even) { float: right; }
  .publications .publications__items .item { height: 100px; }
  .publications .publications__items .item img { max-width: 100%; max-height: 35px; }
  .blog { padding-bottom: 60px; }
  .owl-nav { position: absolute; top: -96px; } }
@media screen and (max-width: 767px) { .container { width: 100%; }
  .caption { font-size: 34px; padding: 50px 0; }
  .header .header__logo p { font-size: 16px; }
  .header .header__nav { padding-top: 55px; border: 0; height: auto; }
  .header .header__nav ul { display: block; }
  .header .header__nav ul li { padding: 0; display: block; text-align: center !important; padding: 7px 0; font-size: 16px; }
  .header .header__nav ul li + li:before { display: none; }
  .header .header__nav ul.fixed { position: static; padding: 0; background: transparent; }
  .publications .publications__items .item { height: 80px; }
  .publications .publications__items .item img { max-width: 76%; max-height: 30px; }
  .blog { padding-bottom: 50px; }
  .blog .blog__items .item { padding: 20px; }
  .owl-nav { position: absolute; top: -88px; }
  .arrow-up { opacity: 1; } 
  .photos .photos__items .item:hover { position: static; }
  .photos .photos__items .item:hover .item__image:before { opacity: 0; } }
@media screen and (max-width: 620px) { .caption { font-size: 28px; padding: 40px 0; }
  .caption .caption__link { position: static; margin-top: 10px; }
  .photos { padding-bottom: 20px; }
  .photos .photos__items { max-width: 370px; margin: -20px auto 0; }
  .photos .photos__items .item { margin-bottom: 20px; width: 100%; }
  .photos .photos__items .item .item__image { height: 180px; }
  .photos .photos__items .item .item__name { height: auto; }
  .photos .photos__items .item:nth-child(odd), .photos .photos__items .item:nth-child(even) { float: none; }
  .publications { padding-bottom: 40px; }
  .publications .publications__items .item { width: 50%; }
  .blog .blog__items { padding-top: 40px; }
  .owl-nav { top: 0px; margin-top: -15px; left: 0; right: 0; }
  .owl-nav .owl-prev { left: 50%; margin-left: -35px; }
  .owl-nav .owl-next { left: 50%; margin-left: 5px; }
  .footer .footer__items .item { float: none; width: 100%; }
  .footer .footer__items .item + .item { margin-top: 30px; } }
@media screen and (max-width: 480px) { .caption { font-size: 24px; padding: 35px 0; }
  .publications { padding-bottom: 30px; }
  .publications .publications__items .item { width: 100%; float: none; }
  .publications .publications__items .item img { max-width: 40%; max-height: 45px; }
  .blog { padding-bottom: 40px; } }