@import url(http://fonts.googleapis.com/css?family=Oswald);@import url(http://fonts.googleapis.com/css?family=Vollkorn);article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }body{margin:0;}a{background:transparent;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0; }button,input,select,textarea{font-family:inherit;font-size:100%;margin:0; }button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer; }button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0; }input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top; }table{border-collapse:collapse;border-spacing:0;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}@-moz-keyframes menu {
  0% {
    top: 3em;
    opacity: 0; } 100% {
    top: 0;
    opacity: 100%; } }

@-webkit-keyframes menu {
  0% {
    top: 3em;
    opacity: 0; }

  100% {
    top: 0;
    opacity: 100%; } }

@-o-keyframes menu {
  0% {
    top: 3em;
    opacity: 0; }

  100% {
    top: 0;
    opacity: 100%; } }

@-ms-keyframes menu {
  0% {
    top: 3em;
    opacity: 0; }

  100% {
    top: 0;
    opacity: 100%; } }

@keyframes menu {
  0% {
    top: 3em;
    opacity: 0; }

  100% {
    top: 0;
    opacity: 100%; } }

html, html a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body {
  color: #1a1919; }

img, embed, object, video {
  max-width: 100%; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

header {
  background: url('../img/background/backgroundS.jpg?1383418266') no-repeat 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  padding: 4em 0 6em;
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 30.01em) {
    header {
      background: url('../img/background/backgroundM.jpg?1383418266') no-repeat 50% 50%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding: 6em 0 10em; } }
  @media only screen and (min-width: 48.01em) {
    header {
      background: url('../img/background/backgroundL.jpg?1383418266') no-repeat 50% 50%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; } }
  @media only screen and (min-width: 64.01em) {
    header {
      background-image: url('../img/background/backgroundXL.jpg?1383418267');
      background-repeat: no-repeat;
      background-position: 50% 50%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      padding: 14em 0 10em; } }
  header::before {
    content: '';
    position: absolute;
    background: rgba(26, 25, 25, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2; }
  header .logo, header nav {
    position: relative;
    z-index: 3; }
  header nav {
    position: absolute;
    bottom: 0;
    width: 100%; }
    @media only screen and (min-width: 64.01em) {
      header nav {
        position: relative;
        bottom: auto;
        width: auto;
        padding-top: 6em;
        -webkit-animation: menu 0.8s;
        -moz-animation: menu 0.8s;
        -ms-animation: menu 0.8s;
        -o-animation: menu 0.8s;
        animation: menu 0.8s; } }
  header li {
    display: inline-block;
    width: 25%;
    border-right: 1px solid #343232; }
    @media only screen and (min-width: 64.01em) {
      header li {
        width: auto;
        border-right: none;
        margin-right: 2em; } }
    header li:last-child {
      border-right: none; }
    header li a {
      font-family: "Oswald", sans-serif;
      text-transform: uppercase;
      letter-spacing: .1em;
      font-size: .875em;
      background: #1a1919;
      display: inline-block;
      width: 100%;
      padding: 1em .5em;
      text-decoration: none;
      color: rgba(255, 255, 255, 0.9);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media only screen and (min-width: 64.01em) {
        header li a {
          padding: 1em 2em;
          background: rgba(26, 25, 25, 0);
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          -o-border-radius: 4px;
          border-radius: 4px; } }
      header li a i {
        display: none;
        font-family: "Vollkorn", serif;
        color: rgba(255, 255, 255, 0.4);
        text-transform: lowercase;
        font-size: 1.2em;
        margin-right: .3em; }
        @media only screen and (min-width: 48.01em) {
          header li a i {
            display: inline; } }
      @media only screen and (min-width: 64.01em) {
        header li a:hover {
			cursor:pointer;
          background: rgba(26, 25, 25, 0.9); } }

.logo {
  background: url('../img/logo/logo.png?1383418266') no-repeat;
  height: 146px;
  width: 131px;
  display: inline-block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .logo {
      background: url('../img/logo/logo@2x.png?1383418266') no-repeat;
      -webkit-background-size: 100%;
      -moz-background-size: 100%;
      background-size: 100%; } }

section {
  padding: 1em 0; }
  section h2 {
    font-family: "Vollkorn", serif;
    text-align: center;
    color: #757574;
    font-size: 1.2em;
    text-transform: capitalize; }
    @media only screen and (min-width: 30.01em) {
      section h2 {
        margin: 1em 0 2em; } }

.container {
  padding: 0 1em; }
  @media only screen and (min-width: 48.01em) {
    .container {
      padding: 0 2em; } }
  @media only screen and (min-width: 64.01em) {
    .container {
      max-width: 1024px;
      margin: 0 auto; } }

#tagline {
  text-align: center;
  padding: 0 0 2.6em; }
  #tagline h1 {
    font-family: "Vollkorn", serif;
    color: #1a1919;
    font-weight: normal;
    font-size: 2.2em; }
  #tagline button {
    background: #f7bf3a;
    border: none;
    color: white;
    text-transform: uppercase;
    display: inline-block;
    padding: 1.4em 2em;
    border-radius: 4px;
    letter-spacing: .1em;
    font-weight: bold;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0 2px 0 #c38c08, 0 4px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 2px 0 #c38c08, 0 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 0 #c38c08, 0 4px 0 rgba(0, 0, 0, 0.08); }
    @media only screen and (min-width: 64.01em) {
      #tagline button:hover {
        background: #f8c753; }
      #tagline button:active {
        top: 1px;
        -webkit-box-shadow: 0 1px 0 #c38c08, 0 3px 0 rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 1px 0 #c38c08, 0 3px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 1px 0 #c38c08, 0 3px 0 rgba(0, 0, 0, 0.08); }
      #tagline button:focus {
        outline: none; } }
  @media only screen and (min-width: 30.01em) {
    #tagline {
      padding: 2em 0 4em; }
      #tagline button {
        width: auto; } }
  @media only screen and (min-width: 64.01em) {
    #tagline {
      padding: 4em 0 6em; } }

#works, #team {
  background: #efefef; }
  #works::after, #team::after {
    display: table;
    content: '';
    clear: both; }

.gallery li {
  border: 8px solid white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  margin-bottom: 1em;
  width: 100%;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 0 rgba(0, 0, 0, 0.08); }
.gallery img {
  width: 100%;
  display: block; }
@media only screen and (min-width: 30.01em) {
  .gallery li {
    float: left;
    width: 48%;
    margin: 0 4% 4% 0; }
    .gallery li:nth-child(2n) {
      margin-right: 0; } }
@media only screen and (min-width: 64.01em) {
  .gallery li {
    width: 23.632813%;
    margin: 0 1.822916% 1.822916% 0; }
    .gallery li:nth-child(2n) {
      margin-right: 1.822916%; }
    .gallery li:nth-child(4n) {
      margin-right: 0; } }


@media only screen and (min-width: 64.01em) {
  #works .gallery li {
    position: relative;
    cursor: pointer; }
    #works .gallery li:hover a::after {
      content: '';
      position: absolute;
      display: block;
      background: rgba(255, 255, 255, 0.8) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNDUuOXB4IiBoZWlnaHQ9IjQ1LjlweCIgdmlld0JveD0iMCAwIDQ1LjkgNDUuOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDUuOSA0NS45IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM3NTc1NzQiIGQ9Ik0zNCwxOGMwLTguODQtNy4xNi0xNi0xNi0xNlMyLDkuMTYsMiwxOHM3LjE2LDE2LDE2LDE2UzM0LDI2Ljg0LDM0LDE4eiBNNDUuOSw0NC40OWwtMS40MSwxLjQxbC0xNC41LTE0LjUNCglDMjYuOCwzNC4yNSwyMi42MSwzNiwxOCwzNkM4LjA2LDM2LDAsMjcuOTQsMCwxOFM4LjA2LDAsMTgsMHMxOCw4LjA2LDE4LDE4YzAsNC42MS0xLjc1LDguOC00LjYsMTEuOTlMNDUuOSw0NC40OXoiLz4NCjwvc3ZnPg0K') no-repeat 50% 50%;
      background-size: 48px 48px;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0; } }

#services img {
  float: left;
  width: 15%;
  height: 15%; }
  @media only screen and (min-width: 48.01em) {
    #services img {
      width: 15%;
      height: 15%; } }
#services h3, #services p {
  padding-left: 20%; }
#services h3 {
  text-transform: uppercase;
  color: #1a1919;
  font-weight: bold;
  padding-top: 0;
  margin-top: 0; }
#services p {
  font-family: "Vollkorn", serif;
  color: #757574; }
#services::after {
  display: table;
  content: '';
  clear: both; }

.gallery2 li {
  margin-bottom: 2em; }
  @media only screen and (min-width: 48.01em) {
    .gallery2 li {
      width: 46%;
      float: left;
      margin-right: 8%; }
      .gallery2 li:nth-child(2n) {
        margin-right: 0; } }

#team li i {
  display: none;
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em; }
  #team li i span {
    display: block;
    font-family: "Vollkorn", serif;
    text-transform: none;
    font-weight: normal;
    color: #757574;
    font-size: .9em;
    padding: .5em 0; }
  #team li i .divide {
    height: 4px;
    background: white;
    width: 30%;
    margin: 0 auto; }

@media only screen and (min-width: 64.01em) {
  #team .gallery li {
    position: relative;
    cursor: pointer; }
    #team .gallery li:hover i {
      display: block; }
    #team .gallery li:hover::after {
      content: '';
      position: absolute;
      display: block;
      background: rgba(255, 255, 255, 0.8);
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 1; } }

#contact label {
  display: block;
  margin-bottom: .5em;
  text-transform: uppercase;
  font-weight: bold; }
#contact input, #contact textarea {
  width: 100%;
  resize: none; }
#contact p {
  margin: 2em 0; }
  #contact p:first-child {
    margin-top: 0; }
#contact input[type=text], #contact input[type=email], #contact textarea {
  background: #efefef;
  border: none;
  padding: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  #contact input[type=text]:focus, #contact input[type=email]:focus, #contact textarea:focus {
    outline: none;
    background: #e2e2e2; }
#contact input[type=submit] {
  background: #f7bf3a;
  border: none;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  padding: 1.4em 2em;
  border-radius: 4px;
  letter-spacing: .1em;
  font-weight: bold;
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0 2px 0 #c38c08, 0 4px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 0 #c38c08, 0 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 0 #c38c08, 0 4px 0 rgba(0, 0, 0, 0.08); }
  @media only screen and (min-width: 64.01em) {
    #contact input[type=submit]:hover {
      background: #f8c753; }
    #contact input[type=submit]:active {
      top: 1px;
      -webkit-box-shadow: 0 1px 0 #c38c08, 0 3px 0 rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0 1px 0 #c38c08, 0 3px 0 rgba(0, 0, 0, 0.08);
      box-shadow: 0 1px 0 #c38c08, 0 3px 0 rgba(0, 0, 0, 0.08); }
    #contact input[type=submit]:focus {
      outline: none; } }
#contact textarea {
  height: 10em; }

footer {
  background: #1a1919;
  color: #757574;
  overflow: hidden;
  position: relative;
  height: 6em; }
  footer a {
    text-decoration: none;
    color: #757574;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    @media only screen and (min-width: 64.01em) {
      footer a:hover {
        color: #cdcbcb; } }

.logoSmall {
  display: none; }

.socials {
  text-align: center; }
  .socials ul {
    line-height: 6em; }
    .socials ul li {
      display: inline-block;
      padding: 0 1em; }

.back-top {
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.5) url('../img/top/arrow-top.png?1375534339') no-repeat center center;
  display: inline-block;
  position: fixed;
  right: 30px;
  bottom: 15%;
  border-radius: 3px;
  overflow: hidden;
  text-indent: -300%; 
  cursor:pointer;}
  .back-top:hover .back-top:hover {
    background: rgba(0, 0, 0, 0.7) url(../img/top/arrow-top.png) no-repeat center center; }