/*
Theme Name: matterofstone_
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: matterofstone_
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

matterofstone_ is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

/* ==========================================================================
   BITS AND PIECES
============================================================================= */
html {
  height: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  font-size: 1em;
  line-height: 1.4;
  height: 100%; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0; }

.maininternal a {color:inherit;text-decoration:none;padding:1px 3px;transition: background-color 0.5s ease;background-color:#666;}

.maininternal a:hover {background-color:#999;}

.maininternal a.noeffect {padding:0px !important;background-color:transparent !important;}

img {
  vertical-align: middle; }

textarea {
  resize: vertical; }

/* Remove button padding in FF */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* ==========================================================================
   MIXINS
============================================================================= */
header, ul.menu, .main, ul.home-services, .projects {
  *zoom: 1; }
  header:before, ul.menu:before, .main:before, ul.home-services:before, .projects:before, header:after, ul.menu:after, .main:after, ul.home-services:after, .projects:after {
    display: table;
    content: ""; }
  header:after, ul.menu:after, .main:after, ul.home-services:after, .projects:after {
    clear: both; }

/* ==========================================================================
   BODY & BACKGROUND
============================================================================= */
body {
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 15px;
  line-height:1.5;
  font-weight: 500;
  margin: 0;
  background-color: #000;
  color: #fff; }

body.home {
  width: 100%;
  height: 100%;
  overflow: hidden; }

body.page-id-5 {
  background: #000 url(img/bg-02.jpg) no-repeat center center fixed;
  background-size: cover; }

body.page-id-7 {
  background: #000 url(img/bg-03.jpg) no-repeat center center fixed;
  background-size: cover; }
  
  body.page-id-9 {
  background: #000 url(img/bg-01.jpg) no-repeat center center fixed;
  background-size: cover; }
  
  body.page-id-11 {
  background: #000 url(img/bg-04.jpg) no-repeat center center fixed;
  background-size: cover; }
  
  body.category-works-in-progress {
  background: #000 url(img/bg-06.jpg) no-repeat center center fixed;
  background-size: cover; }
  
div.cycle-slideshow {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute; }

.cycle-controls {
  height: 52px;
  width: 1000px;
  position: absolute;
  z-index: 500;
  bottom: 26px; }

.cycle-control {
  position: absolute;
  top: 0;
  width: 52px;
  height: 52px;
  background: transparent url(img/bg-controls.png) no-repeat;
  text-indent: -9999px; }

.cycle-control-prev {
  background-position: 0 0;
  right: 61px; }

.cycle-control-next {
  background-position: -61px 0;
  right: 0; }

/* ==========================================================================
   HEADER
============================================================================= */
header {
  background: #000 url(img/bg-header.png) no-repeat;
  background-size: cover;
  width: 237px;
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  padding: 47px 10px 0 25px; }

.logo {
  display: block;
  width: 202px;
  height: 91px;
  background: transparent url(img/bg-logo.png) no-repeat;
  text-indent: -9999px;
  margin: 0 0 0 12px; }

.slogan {
  display: block;
  color: #ccc;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 11px;
  font-weight: 900;
  padding: 10px 0 0 12px; }

ul.menu {
  list-style: none;
  margin: 25px 0;
  padding: 0; }
  ul.menu li {
    display: block;
    background: transparent url(img/bg-divider.png) no-repeat right bottom;
    padding: 0 0 10px 0;
    margin: 0 0 8px 0; }
    ul.menu li:last-child {
      background-image: none; }
      .services-list {font-weight:800;}
    ul.menu li a {
      display: block;
      height: 30px;
      line-height: 30px;
      color: #a7a9ac;
      font-family: 'Alegreya Sans SC', sans-serif;
      font-size: 20px;
      font-weight: 900;
      text-align: right;
      text-decoration: none;
      padding: 0 23px 0 0; }
      ul.menu li a:hover {
        background: transparent url(img/bg-menu-hover.png) no-repeat;
        color: #fff; }
    ul.menu li.current a, ul.menu li.current_page_item a {
      color: #fff; }

p.contacts {
  text-align: right;
  color: #a7a9ac;
  font-size: 18px;
  line-height: 20px;
  margin: 0 23px 35px 0; }
  p.contacts a {
    color: #a7a9ac;
    text-decoration: none; }

p.copyright {
  text-align: right;
  color: #a7a9ac;
  font-size: 14px;
  line-height: 17px;
  margin: 0 23px 0 0; }
  p.copyright a {
    color: #a7a9ac;
    text-decoration: none; }

/* ==========================================================================
   CONTENT
============================================================================= */
.main {
  width: 620px;
  margin: 47px 0 47px 332px;
  padding: 20px 20px 30px 20px;
  background: rgba(0, 0, 0, 0.5);
  text-align: right;
  text-shadow:1px 1px #000; }

.maininternal {text-align:left;}

.maininternal ul { margin:0 0 15px 17px; }

.main .col-5 {width:33.33%;padding:0 20px 0 0;float:left;box-sizing:border-box;text-align:left;}

.main .col-2 {width:50%;float:left;box-sizing:border-box;text-align:left;}

.main-home {
  background: transparent;
  margin: 0;
  position: absolute;
  top: 0;
  left: 282px;
  z-index: 400;
  width: 650px;
  padding: 47px 0 0 50px; }

p {
  padding: 0;
  margin: 0 0 15px 0; }

h1 {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 900;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  background: transparent url(img/bg-divider.png) no-repeat left bottom;
  text-align: right; }
  
.maininternal h1 {
	margin:0 0 20px 0; }
	
h2 {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  padding: 0 0 10px 0;
  text-transform:uppercase;
}
.home-intro {
  background: rgba(0, 0, 0, 0.5);
  padding: 35px 30px 30px 60px; }
  .home-intro h1 {
    background-image: none; }

ul.home-services {
  list-style: none;
  float: right;
  margin: 31px 0 0 0; }
  ul.home-services li {
    margin: 0 0 10px 0; }
    ul.home-services li a {
      display: block;
      width: 380px;
      padding: 0 30px 0 0;
      height: 40px;
      line-height: 40px;
      color: #fff;
      background: rgba(0, 0, 0, 0.5);
      font-family: 'Alegreya Sans SC', sans-serif;
      font-size: 24px;
      font-weight: 900;
      text-decoration: none; }
      ul.home-services li a:hover {
      	background: rgba(0, 0, 0, 0.8);
      }

.projects {
  background: rgba(255, 255, 255, 0.2);
  text-align: left;
  width: 620px; }

.project {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 155px;
  padding: 10px !important;
  position: relative;
  background-color:transparent !important; }
  .project img {
    width: 100%;
    height: auto; }
  .project .address {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 15px;
    line-height: 17px;
    font-weight: 900;
    padding: 5px; }
  .project .description {
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #CCC;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
    padding: 5px 10px;
    text-align: center; }
  .project .icon {
    display: none;
    position: absolute;
    bottom: 70px;
    left: 50%;
    padding: 0;
    width: 45px;
    height: 37px;
    margin-left: -22.5px;
    background: transparent url(img/bg-project-hover.png) no-repeat; }

.project.big {
  width: 310px; }

.project a.tosrusprimary {display:block;padding:0;background-color:transparent;width:135px;height:200px;background-size:cover;background-position:center center;}
.big a.tosrusprimary {width:290px;height:200px;}
a.tosrusadditional {display:none;}
a.tosrusaddition:nth-child(1) {display:none !important;}
input, textarea {width:100%;padding:10px;background: rgba(0, 0, 0, 0.3);box-sizing:border-box;border:0;color:#fff;}
input[type="submit"], .morelink {background: rgba(255, 255, 255, 0.7);color:#000;text-align:center;width:33%;font-family: 'Alegreya Sans SC', sans-serif;font-size:16px;font-weight:700;}
.morelink {padding:6px !important;}
.blogcontainer {padding-top:10px;border-bottom:1px solid #999;}
div.wpcf7-response-output {margin:0;padding:10px;}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {border:0;background: rgba(0, 0, 0, 0.5);text-align:center;}
span.wpcf7-not-valid-tip {color:inherit;font-size:inherit;padding:5px 0;}
@media only screen and (max-width: 767px) {
		body {background-color:#000;background-image:none !important;overflow:visible !important;}
		header {position:relative;height:auto;width:100%;padding:10px 0;text-align:center;background:#333;margin-bottom:10px;}
		.logo {margin:0 auto;}
		ul.menu li a {text-align:center;padding:0;}
		ul.menu li a:hover {background:none;}
		p.contacts {text-align:center;margin:0;}
		p.copyright, .cycle-controls {display:none;}
        .main-home, .main {position:relative;width:100%;left:0;padding:0;}
        .main {margin:0;padding:10px;box-sizing:border-box;text-align:left;}
        .home-intro {padding:0;}
        ul.home-services {float:none;}
        ul.home-services li a {padding:0;}
        .main .col-5, .main .col-2 {width:100%;padding:0;}
        div.cycle-slideshow {display:none;}
        .projects {width:100%;}
        h1 {text-align:left;}        
}