/*
Theme Name: MK Construction New
Theme URI: https://mkconstruction.com
Author: Robert Finch for Metrodesign Chicago
Author URI: http://finchify.com
Description: A custom theme for MK Construction.
Version: 1.0.0
Text Domain: mk-construction
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.
MK Construction 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
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: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
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;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/** CUSTOM CSS **/
/** FONTS IMPORT FROM CSS/FONTS/ DIRECTORY **/
@font-face {
  font-family: 'BrandonGrotesqueBold';
  src: url('css/fonts/BrandonGrotesqueBold.eot'); /* IE9 Compat Modes */
  src: url('css/fonts/BrandonGrotesqueBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/BrandonGrotesqueBold.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/BrandonGrotesqueBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/BrandonGrotesqueBold.svg#41e76bd6e414417d52adb646f262964a') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  normal;
}
@font-face {
  font-family: 'BrandonGrotesqueRegular';
  src: url('css/fonts/BrandonGrotesqueRegular.eot'); /* IE9 Compat Modes */
  src: url('css/fonts/BrandonGrotesqueRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/BrandonGrotesqueRegular.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/BrandonGrotesqueRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/BrandonGrotesqueRegular.svg#50bf5a2005a5412419d6a4b30314e68e') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  normal;
}
@font-face {
  font-family: 'BrandonGrotesqueThin';
  src: url('css/fonts/BrandonGrotesqueThin.eot'); /* IE9 Compat Modes */
  src: url('css/fonts/BrandonGrotesqueThin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/BrandonGrotesqueThin.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/BrandonGrotesqueThin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/BrandonGrotesqueThin.svg#f3bea398ccb855d0bbe223827583f0b1') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  normal;
}
@font-face {
  font-family: 'BrandonGrotesqueLight';
  src: url('css/fonts/BrandonGrotesqueLight.eot'); /* IE9 Compat Modes */
  src: url('css/fonts/BrandonGrotesqueLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/BrandonGrotesqueLight.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/BrandonGrotesqueLight.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/BrandonGrotesqueLight.svg#354fd4633228a7e3ae69c73de8c58871') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  normal;
}
@font-face {
  font-family: 'ProximaNovaTh';
  src: url('css/fonts/proximanova-thin.eot'); /* IE9 Compat Modes */
  src: url('css/fonts/proximanova-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('css/fonts/proximanova-thin.woff') format('woff'), /* Modern Browsers */
       url('css/fonts/proximanova-thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('css/fonts/proximanova-thin.svg#0b7ebb1c86cf54829ef0c13b500be9e7') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  normal;
}
/** GENERAL STYLES AND RESETS **/
html, body{
    margin: 0 auto;
    height: 100%;
}
.clear{
    clear: both;
}
    .padded{
        padding-bottom: 75px;
    }
    .spacer{
        padding-bottom: 5px;
    }
ul{
    -webkit-padding-start: 0px;
}
a, a:visited, a:link{
    text-decoration: none;
    color: black;
}
.copyContainer a{
	text-decoration:underline;
}
a.white{
    color: #ffffff;
}
a.black{
    color: #000000;
}
/** NAV BAR STYLES **/
.page-projects a#projectsNav,
.page-expertise a#expertiseNav,
.page-about a#aboutNav,
.page-contact a#contactNav {
    /* padding: 0 5px 3px 5px; */
	position:relative;
}
.page-projects a#projectsNav:after,
.page-expertise a#expertiseNav:after,
.page-about a#aboutNav:after,
.page-contact a#contactNav:after,
.single-post a#projectsNav:after {
	display:block;
	content:"";
	position:absolute;
	bottom:-3px;
	right:0;
	width:100%;
	height:3px;
	background:#000;
}
#nav .phone{
    text-align: center;
}
.phone a, span.bare-phone a {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
.footer-box img {
    width: 130px;
}
.footer-box img:hover{
    opacity: 0.9;
}
.phone a:hover, span.bare-phone a:hover {
    color: #30668D;
	text-decoration:none;
}
#nav{
    width: 100%;
    height: 110px;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    z-index: 999;
}
    #navLogo{
        margin-top: 7px;
        position: relative;
        margin-right: 0px;
    }
    #nav ul{
        list-style-type: none;
        font-family: 'BrandonGrotesqueRegular', sans-serif;
        font-size: 14px;
    }
    #nav ul li a{
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
		padding:0 5px 3px;
		position:relative;
    }
    #nav ul li:hover a{
        border-bottom: 3px solid #000000;
        padding-bottom: 3px;
    }
    #nav ul li.left{
        display: inline;
        position: relative;
        float: left;
        margin-right: 40px;
        line-height: 90px;
    }
    #nav ul li.right{
        display: inline;
        position: relative;
        float: right;
        margin-left: 40px;
        line-height: 90px;
    }
/** CONTAINERS **/
.outerContainer{
    width: 90%;
    margin: 0 auto;
}
.innerContainer{
    width: 80%;
    margin: 0 auto;
}

/** SITE-SPECIFIC STYLES **/
.sixty{
    width: 59.7%;
    height: 670px;
    bottom: 0;
    position: relative;
    float: left;
    margin-top: 110px;
}
.fourty{
    width: 40%;
    position: relative;
    float: right;
    height: 670px;
    margin-top: 110px;
}
    .full{
        width: 100%;
        height: 332px;
        position: relative;
        background-position: center;
    }
#soon{
    width: 100%;
    height: 140px;
    background-color: #000000;
    position: relative;
    margin-top: -30px;
}
.soonTop{
    width: 100%;
    height: 140px;
    background-color: #000000;
    position: relative;
    margin-top: 110px;
}
.soonTop h1, .soonTop .h1 {
	text-transform: uppercase;
}
h1, .h1{
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    padding-top: 54px;
}
h2, .h2{
    font-family: 'BrandonGrotesqueThin', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    padding-top: 45px;
}
h3, .h3{
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #000000;
}
p.copy, .grid .copyContainer .innerWrapper p {
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    font-size: 12px;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    line-height: 30px;
}

.copyContainer{
    width: 70%;
    margin: 0 auto;
	display:table;
	 height:100%;
}
.outerWrapper { display:table; height:100%; width:100%; }
.innerWrapper { display:table-cell; vertical-align:middle; }
	.innerWrapper h3, .innerWrapper .h3 { margin-top:0; }
#soonSlides{
    width: 100%;
    height: 600px;
    padding: 25px 0 25px 0;
    background-color: #ffffff;
    position: relative;
}
/** FOOTER **/
#footer{
    width: 100%;
    height: 325px;
    background-color: #000000;
    position: relative;
    bottom: 0;
	font-family: 'BrandonGrotesqueLight', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}
p.footer{
    color: #ffffff;
    text-align: left;
    padding-top: 60px;
    line-height: 26px;
    position: relative;
    float: left;
}
    p.social{
        text-align: right !important;
        float: right;
    }
p.finePrint{
    font-family: 'BrandonGrotesqueLight', sans-serif;
    font-size: 12px !important;
    color: #f7f7f7;
    text-align: left;/*center*/
    position: relative;
/*	padding-left: 25px;	/*----------------------------------------------------------rem js */
}
span.bold {
    font-family: 'BrandonGrotesqueBold', sans-serif !important;
    /*font-size:45px !important;----------------------------------------------------------rem js */
    line-height:40px !important;
}
span.header-bold {
	font-size:30px !important;/*45px*/		/*----------------------------------------------------------js larger proj desc*/
	line-height:30px !important;
}
span.header-notbold {
	font-size:33px !important;/*45px*/ /*----------------------------------------------------------js larger proj desc*/
	line-height:30px !important;
	white-space: nowrap;
	font-family: 'BrandonGrotesqueLight', sans-serif !important;/*brandon bold - zmiana z thin na light*/
}
.half{
    width: 50%;
    height: 420px;
    position: relative;
    float: left;
    background-color: #ffffff;
}
    .photo{
        background-size: cover;
        background-position: center;
        overflow: hidden;
        width: 49.92%;
    }
.projectsWrapper a:nth-child(even) .half {
    float: right !important;
}
.photo #overbox {
      background-color: #000000;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      z-index: 100;
      -webkit-transition: all 300ms ease-out;
      -moz-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      -ms-transition: all 300ms ease-out;
      transition: all 300ms ease-out;
      opacity: 0;
      width: 100%;
      height: 100%;
}
.photo:hover #overbox {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}
.sixty #overbox{
    background-color: #000000;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      z-index: 100;
      -webkit-transition: all 300ms ease-out;
      -moz-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      -ms-transition: all 300ms ease-out;
      transition: all 300ms ease-out;
      opacity: 0;
      width: 100%;
      height: 100%;
}
.sixty:hover #overbox{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}
.full #overbox{
    background-color: #000000;
      position: absolute;
      top: 0;
      left: 0;
      color: #fff;
      z-index: 100;
      -webkit-transition: all 300ms ease-out;
      -moz-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      -ms-transition: all 300ms ease-out;
      transition: all 300ms ease-out;
      opacity: 0;
      width: 100%;
      height: 100%;
}
.full:hover #overbox{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
}
#overbox p{
    font-family: 'BrandonGrotesqueLight', sans-serif;
    font-size: 30px;
    color: #ffffff;
    text-align: left;
    line-height: 30px;
    position: relative;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: 160px;
    text-transform: uppercase;
}
    #overbox p span{
        font-family: 'BrandonGrotesqueBold', sans-serif;
    }
.twenty p {
    font-family: 'BrandonGrotesqueLight', sans-serif;
    font-size: 30px;
    color: #ffffff;
    text-align: left;
    line-height: 36px!important;			/* z 30 na 38 js */
    position: relative;
    text-transform: uppercase;
}
    .twenty p span{
        font-family: 'BrandonGrotesqueBold', sans-serif;
    }
#map{
    /*width: 100%;
    height: 756px;
    position: relative;
    margin-top: 150px;
    margin-bottom: 100px;
    background-image: url('img/contact/map.jpg');
    background-size: cover;
    background-position: center;*/
	  width: 50%;
    height: 380px;
    position: relative;
    background-image: url('img/contact/map.jpg');
    background-size: cover;
    background-position: center;
    margin: 140px auto 0 auto;
}
    #map:hover{
        background-image: url('img/contact/map2.jpg');
    }
p.contact{
    font-family: 'BrandonGrotesqueLight', sans-serif;
    font-size: 24px;
    text-align: center;
    line-height: 36px;/*25px*/
}
.third{
    width: 33.333%;
    position: relative;
    float: left;
}
.socialIcon{
    margin: 0 12px 0 12px;
    width: 40px;
}
#arrow{
    width: 40px;
    height: auto;
    position: relative;
    margin-top: -12px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#about{
    background-color: #000000;
    color: #ffffff !important;
}
.project{
    margin-bottom: 30px;
    overflow: hidden;
}
div.projectsWrapper:nth-child(2n+0){
}

    #singleProject{
        background-color: #000000;
        width: 100%;
        height: 100%;
        padding: 30px 0 220px 0;
    }
    .twenty{
        width: 20%;
        position: relative;
        float: left;
        margin-top: 110px;
    }
        .twenty p{
            font-family: 'BrandonGrotesqueThin', sans-serif;
            color: #ffffff;
            font-size: 33px; /* z 38 na 33  js*/
            text-align: left;
            line-height: 36px;
            padding-top: 90px;
        }
.twenty h1, .twenty .h1{
            font-family: 'BrandonGrotesqueThin', sans-serif;
            color: #ffffff;
            font-size: 20px;
            text-align: left;
            line-height: 26px;
            padding-top: 0px;
       	 text-transform: uppercase;
        }
        p.description{
            font-family: 'BrandonGrotesqueThin', sans-serif;
            color: #ffffff;
            font-size: 18px;
            text-align: left;
            line-height: 22px;
            padding-top: 0px;
        }
        p.number{
            border-top: 4px solid #ffffff;
            width: 30px;
            padding-top: 10px;
            margin-top: 150px;
        }
    .eighty{
        width: 80%;
        position: relative;
        float: left;
        margin-top: 130px;
    }
        .eighty img{
            width: 95%;
            height: 90%;
            position: relative;
            float: right;
        }
/** FOOTER SLIDER **/
#portfolio-wrap{
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}
    #portfolios{
        width: 100%;
        height: auto;
        margin-top: 0px;
        position: relative;
    }
    .port{
        position: relative;
        float: left;
        height: 600px;
        display: inline-block;
        width: 100%;
    }
    .arrow-left{
        z-index: 9;
        position: absolute;
        left: 8%;
        margin-top: 130px;
    }
    .arrow-right{
        z-index: 9;
        position: absolute;
        right: 8%;
        margin-top: -470px;
    }
    .port-t{
        width: 40%;
        position: relative;
        float: left;
    }
        .port-text{
            margin-left: 100px;
            margin-top: 130px;
        }
    .port-img{
        width: 60%;
        position: relative;
        float: left;
    }
    p.soonTitle{
        font-family: 'ProximaNovaTh', sans-serif;
        font-size: 40px;
        color: #000000;
        text-align: left;
        line-height: 34px;
    }
        p.soonTitle span{
            font-family: 'BrandonGrotesqueBold', sans-serif;
        }
    p.soonSub{
        font-family: 'BrandonGrotesqueLight', sans-serif;
        font-size: 18px;
        color: #000000;
        text-align: left;
    }
/** ABOUT TEAM SLIDER **/
#aboutSlides{
    width: 2000px;
    height: 600px;
    padding: 25px 0 25px 0;
    position: relative;
}
    #abouts{
        width: 100%;
        height: 600px;
        margin-top: 0px;
        position: relative;
        display: inline-block;
        margin-left: 0px;
    }
    .about{
        position: relative;
        float: left;
        height: auto;
        display: inline-block;
        overflow: hidden;
    }
    .about-t{
        width: 40%;
        margin: 80px 5% 0 5%;
        position: relative;
        float: left;
		display:none;
    }
    /* .about-img{
        width: 40%;
        margin-left: 5%;
        position: relative;
        float: left;
    }*/
#about-wrap{
    width: 900px;
    height: 600px;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}
p.aboutTitle{
        font-family: 'BrandonGrotesqueThin', sans-serif;
        font-size: 24px;
        color: #ffffff;
        text-align: center;
        line-height: 28px;
        text-transform: uppercase;
		margin-top: 120px;
    }
        p.aboutTitle span{
            font-family: 'BrandonGrotesqueRegular', sans-serif;
        }
    p.aboutSub{
        font-family: 'BrandonGrotesqueRegular', sans-serif;
        font-size: 12px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
    }
/** SINGLE PROJECT SLIDER **/
/** FOOTER SLIDER **/
#sing-wrap{
    width: 100%;
    /* height: 600px; */
	height: 700px!important; 											/* added js*/
    overflow: hidden;
    position: relative;
    float: right;
    margin-top: -440px;
}
    #singles{
        width: 100%;
        /*height: 650px;*/
		height: 750px;														/* added js*/
        overflow: hidden;
        margin-top: 0px;
        position: relative;
    }
    /* .single{
        position: relative;
        float: left;
        height: 600px;
        display: inline-block;
        width: 100%;
    } */
    .arrow-left{
        z-index: 9;
        position: absolute;
        left: 8%;
        margin-top: 130px;
    }
    .arrow-right{
        z-index: 9;
        position: absolute;
        right: 8%;
        margin-top: -470px;
    }
    .arrow-left-project{
        z-index: 9;
        position: absolute;
        margin-top: 250px;
        padding-top: -50px;
        left: -88%;
        width: 47px !important;
        height: auto;
    }
    .arrow-right-project{
        z-index: 9;
        position: absolute;
        margin-top: -380px;
        right: 2%;
        width: 47px !important;
        height: auto;
    }
    .sing-t{
        width: 20%;
        position: relative;
        float: left;
    }
        .sing-text{
        }
    .sing-img{
        width: 100%;
        position: relative;
        float: left;
        /* max-height: 650px; */
        overflow: hidden;
    }
    .slideBar{
        width: 45px;
        height: 3px;
        background-color: black;/*changed from #ffffff*/
        position: relative;
        margin-top: 160px;
    }
/* Miles Custom CSS 6/23/15 */
#home-slider { overflow:hidden; }
.sixty { background-position:top center; }
#contactPage a:hover { text-decoration:underline; }
#footer a:hover { text-decoration:underline; }
#portfolios .slick-next, #portfolios .slick-prev { width:47px; height:220px; margin-top:-120px; overflow:hidden; text-indent:-9999px; }
#portfolios .slick-next { background:url(img/icons/arrow-right.png) no-repeat; right:-115px; }
#portfolios .slick-prev { background:url(img/icons/arrow-left.png) no-repeat; left:-115px; }
#portfolios.single-project { margin-bottom:0; }
	#portfolios.single-project .slick-next { background:url(img/icons/arrow-right-white.png) no-repeat; right:50px; }
	#portfolios.single-project .slick-prev { background:url(img/icons/arrow-left-white.png) no-repeat; left:50px; }
.eighty a.hidden { visibility:hidden; z-index:-1; }
.full-height { height:auto !important; overflow:visible !important; }
#portfolios.about-slider .slick-next { background:url(img/icons/arrow-right-white.png) no-repeat; }
#portfolios.about-slider .slick-prev { background:url(img/icons/arrow-left-white.png) no-repeat; }
#portfolios.about-slider img { max-width:100%; height:auto; }
.about-slider .slick-slide { opacity:.6; }
.about-slider .slick-slide.slick-center { opacity:1; transition:all .5s ease; -moz-transition:all .5s ease; }
.about-slider .slick-center .about-img { position:relative; display:inline-block; padding-bottom:15px; width:100%; }
	.about-slider .slick-slide.slick-center .about-img:after { display:block; position:absolute; content:""; width:100%; bottom:5px; height:10px; border-top:12px solid #fff; background:url(img/slide-active-arrow.png) no-repeat bottom center; }
.bioContent { width:70%; margin:0 auto; min-height:360px; }
	.bioContent a:hover { text-decoration:underline; }
#arrow { z-index:500; }
#soon:after { display:block; position:absolute; content:""; width:20px; height:8px; left:50%; margin-left:-10px; bottom:-8px; background:url(img/soon-arrow.png) no-repeat; z-index:500; }
p.aboutSub { line-height:30px; }
.half.photo { height:auto !important; line-height:0; }
	.half.photo img { width:100%; height:auto; }
#projectsPage .half { width:48%; height:auto; overflow:hidden; margin:1% 1%; } /*------------------ rem js*/
#projectsPage {background-color:#fff;} /*										-/------------------ add js*/
/*#projectsPage .half { width:50%; height:auto; overflow:hidden; margin:0% 0%; } 	-/------------------ add js*/
	#projectsPage .half img { max-width:100%; height:auto; max-height:550px; }
#projectsPage #overbox p { margin-top: 0; }
#expertisePage .half { overflow:hidden; }
#bathroompage .copy {text-align:center; font-size:12px;}
#bathroompage h4{font-size:21px;}
#bathroompage .copyContainer{width:66%;}
#home-slider .ms-nav-next { background:url(img/icons/arrow-right-white.png) no-repeat; border-radius:none; -moz-border-radius:none; border:none; width:47px; height:220px; margin-top:-110px; top:43%; }
#home-slider .ms-nav-prev  { background:url(img/icons/arrow-left-white.png) no-repeat;  border-radius:none; -moz-border-radius:none; border:none; width:47px; height:220px; margin-top:-110px; top:43%; }
/*#home-slider .ms-nav-next, #home-slider .ms-nav-prev {
  position: absolute;
  top: 50%;
  height: 220px;
  margin-top: -50px;
}*/
#about h1, #about .h1{
    font-size: 24px;
    color: #ffffff;
    font-family: 'BrandonGrotesqueRegular', sans-serif;
    text-align: center;
}
#contactPage h1, #contactPage .h1{
  font-size: 24px;
  font-family: 'BrandonGrotesqueRegular', sans-serif;
  text-align: center;
  color: #000000;
}
@media (max-width: 659px) {
	div#logo img {
	text-align: center;
    margin-left: 30%;
    margin-top: 90px;
	}
	.googleMap {
		width: 100% !important;
	}
	.third.contacts {
		width: 100% !important;
	}
}
#portfolios.single-project img { max-height:700px }
#sing-wrap .projectDescription { position:absolute; top:0; right:0; width:75%; /*60%*/ z-index:500; background:#000; background:rgba(0,0,0,.6); display:none; }
	#sing-wrap .projectDescription p { padding:40px 50px; font:normal 16px/20px 'BrandonGrotesqueRegular', sans-serif; color:#fff; }
	a.expandDescription { position:absolute; top:0; right:2px; z-index:600; background:url(img/expand-icon.png) no-repeat; width:30px; height:31px; overflow:hidden; text-indent:-9999px; }
	a.expandDescription.open { background:url(img/close-icon.png) no-repeat; }
.post-link { padding-top:60px; }
.post-link a { display:inline-block; padding:5px 15px 5px 0px; background:#000; color:#fff; text-decoration:none; font:normal 14px/14px 'BrandonGrotesqueRegular', sans-serif; text-transform:uppercase; }
	.post-link span.arrow { position:relative; top:-1px; left:2px; }
	.post-link a:hover span.next-link { text-decoration:underline; }
.scroll-wrapper { width:100%; text-align:center; background:#fff; z-index:9999; }
/*#logo { position:absolute; left:50%; margin-left:-102px; top:20px; }*/
		#navLogo { position:relative; top:0px; width:auto; }
/* Testimonials */
.testimonial-wrapper { background:#000; padding:0px 0 75px; } /* was 30px 0 100px */
	.testimonial-wrapper h1, .testimonial-wrapper .h1 { text-transform:uppercase;margin-bottom:-50px; } /* added -50px bottom margin */
	#testimonials { color:#fff; text-align:center; width:1070px; margin:0 auto; }
		.testimonials-slider, .slick-list, .slick-track { min-height:420px; }
			.testimonials-slider button { overflow:hidden; text-indent:-9999px; }
			.testimonials-slider .slick-next { background:url(img/icons/arrow-right-white.png) no-repeat; border-radius:none; -moz-border-radius:none; border:none; width:47px; height:220px; margin-top:-110px; top:50%; }
			.testimonials-slider .slick-prev { background:url(img/icons/arrow-left-white.png) no-repeat;  border-radius:none; -moz-border-radius:none; border:none; width:47px; height:220px; margin-top:-110px; top:50%; }
			.testimonials-slider .slick-prev:hover, .testimonials-slider .slick-prev:focus { background:url(img/icons/arrow-left-white.png) no-repeat; opacity:1; }
			.testimonials-slider .slick-next:hover, .testimonials-slider .slick-next:focus { background:url(img/icons/arrow-right-white.png) no-repeat; opacity:1; }
			.slick-slide.testimonial { position:relative; text-align:center; height:420px; font-family:'BrandonGrotesqueLight', sans-serif; text-transform:uppercase; font-size:18px; line-height:34px; }/* font size was 26px leading was 42px */
				.slick-slide .quote-container { display:table; width:78%; margin:0 auto; height:100%; }
					.slick-slide .inner { display:table-cell; vertical-align:middle; width:100%; }
						.slick-slide.testimonial p { margin:0 0 20px; }
						.slick-slide.testimonial span { font-family:'BrandonGrotesqueBold', sans-serif; font-size:18px; }
						.slick-slider {margin-bottom:-100px !important;} /* NEW */
#bathroomSlider{height:420px;}
@media (max-width:1280px) {
       #portfolios.single-project img { max-height:450px; }
}
@media (max-width:1130px) {
	.scroll-wrapper { display:none; }
	#home-slider { height:auto !important; }
	#testimonials { width:80%; }
}
@media (min-width:1000px) {
       /* body.home { height:100%; max-height:100%; overflow:hidden; } */
       #singleProject .twenty { width:28%; }
       #singleProject .eighty { width:72%; }
       #portfolios.single-project img { width:100%; height:auto; }
			 /* NEW ^^^^^^^^^^ */
}
@media (max-width:650px) {
	#home-slider {  margin-top:200px; }
	#nav ul { position:relative; top:0; padding:0; text-align:center; }
		#nav ul li { float:none !important; }
	#nav .innerContainer { width:100%; }
	.slick-slide.testimonial { position:relative; text-align:center; height:420px; font-family:'BrandonGrotesqueLight', sans-serif; text-transform:uppercase; font-size:20px; line-height:32px; }
	/*.phone {
		text-align: center;
		position: absolute;
		top: 20px;
		left: 44%;
	}*/
	#map {
		width: 50%;
	}
}
.page-content {
    display: block;
    margin: 130px 0 0 0;
}
.c-form {
    text-align: center;
    margin: 60px 0 10px auto;
	font-family: 'BrandonGrotesqueLight', sans-serif;
    font-size: 18px;
    
}
.c-form-box {
    margin: 0 auto !important;
    width: 50%;
}
/*New Nap*/
#footer .nap {
    color: #fff;
}
/*
div#footer .phone {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
}*/
.ft-container {
    text-align: center;
}
.ft-element {
    display: inline-block;
}
.footer-left, .footer-right {
    width: 40%;
}
.footer-left {
	text-align: left;
    padding: 20px;
}
.footer-right {
    text-align: right;
	line-height: 15px;
	padding-top: 75px;
	margin-left: 170px;
}
.footer-right a {
    padding: 10px 0 0 0;
    display: inline-block;
}
@media (max-width: 651px) {
	.footer-left, .footer-right {
		width: 100% !important;
		text-align: center;
	}
	.footer-right {
		margin-left: 0 !important;
	}
	.footer-left {
		padding: 0px;
	}
	p.finePrint{
		text-align: center;
	}
	.ft-container {
		text-align: center;
		background: black;
		width: 100% !important;
	}
}
@media (max-width: 851px) {
    .c-form-box {
      width: 100%;
    }
}
div#singleProject .description {
    color: #fff;
    font-family: 'BrandonGrotesqueThin', sans-serif;/*changed from Thin to Light*/
    font-size: 20px;/*21px*/
    text-transform: uppercase;
    line-height: 26px;
    text-align: left;
    margin-right: 10px;
	font-weight:bold;/*----------------------------------------------------------js ADD*/
}
/* Description when + is pressed */
div.ace-line {
	padding: 40px 20px; /*40px 50px*/
    font: normal 16px/20px 'BrandonGrotesqueRegular', sans-serif;
    color: #fff;
/*	text-transform: uppercase;
	text-align: right;   -----------------------------rem js
*/
	text-transform: none;
	text-align: left;
}
#bathroomheader{
	margin-top:30px;
	text-transform:uppercase;
}
/* Phone Center Top of Page */
div.center-phone {
	padding-right:12px !important;
}
/*Phone Top*/
div#phone-top a {
		color: #000;
		text-decoration: none;
		/*padding-right: 22px;*/
		font-weight: normal;
	}
	div#phone-top a:hover {
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
@media (max-width: 651px) {
	div#phone-top {
		font-family: 'BrandonGrotesqueRegular', sans-serif;
		font-size: 14px;
		position: absolute !important;
		left: 46%  !important;
		top: 92px  !important;
	}
	.top-menu {
		width: 95% !important;
	}
	div#phone-top {
		width: 100%;
		display: block;
		text-align: center;
		margin: 10px 0 0 0;
		position: initial !important;
	}
	div#logo {
	}
}
@media (max-width: 851px) {
	.top-menu {
		width: 95% !important;
	}
}
@media (min-width: 651px) {
#logo { width:205px; margin:0 auto; }
#logo {position: absolute;left: 48%;top: 12px;height: 0px;margin: 10px 0 0 -80px;}
	div#phone-top {
		text-align: center;
		padding-top: 70px;
		font-family: 'BrandonGrotesqueRegular', sans-serif;
		font-size: 14px;
	}
	.center-phone {
		width: 99px;
		text-align: center;
		margin: 0 auto;
	}
}
/*Blog Styles*/
.blogtitle{
	color:black;
	padding-top:4px;
	font-family: 'BrandonGrotesqueRegular', sans-serif;
	    TEXT-TRANSFORM: uppercase;
}
.blogcontent{
	font-family: 'BrandonGrotesqueRegular', sans-serif;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    line-height: 30px;
}
.bloglink{
	font-size:16px !important;
	color:black;
	font-family: 'BrandonGrotesqueRegular', sans-serif;
	font-weight: bold;
}
/* added js -- expertise */
.expe{
	border: 0px solid #00f;
	width:100%;
}
.lewa{
	border: 0px solid #0f0;
	width:50%;
	float:left;
}
.prawa{
	border: 0px solid #f00;
	width:50%;
	float:right;
}
.half{margin-top:-10px;}
.grid{
background-color:#fff;
}
#blogcopy{
	height:60%;
}
/* Drop-Down Menu */
#nav .sub-menu {background: #000000; line-height:38px !important;}
#nav li ul { position: absolute; left: -999em; width: 250px !important; height: auto; margin: 0; padding:0; z-index: 999; }
#nav li ul li { padding-left: 0; padding-right: 0; }
#nav li ul li a, #nav li.current-menu-item ul li a, #nav li.sfHover ul li a { background:none;  width: 250px !important; height: auto; margin: 0; color: #fff; font-size: 15px; font-weight: 300; line-height: 25px !important; text-align: left; background-color: #000000; border-bottom:none !important; text-transform:uppercase;}
#nav li ul li.sub-nav a, #nav li.current-menu-item ul li.sub-nav a, #nav li.sfHover ul li.sub-nav a { color: #fff; }
#nav li ul li a:hover, #nav li.current-menu-item ul li a:hover { color: #4b4b4b; background: #fff; }
#nav li ul ul { margin: -39px 0 0 188px; }
#nav li ul ul li a { border-bottom: 0; }
#nav li ul ul li a:hover { border-bottom: 0; }
#nav li ul li ul li a {}
#nav li:hover, #nav li.sfHover { position: static; }
#nav li:hover ul ul, #nav li.sfHover ul ul,
#nav li:hover ul ul ul, #nav li.sfHover ul ul ul,
#nav li:hover ul ul ul ul, #nav li.sfHover ul ul ul ul { left: -999em; }
#nav li:hover ul, #nav li.sfHover ul,
#nav li li:hover ul, #nav li li.sfHover ul,
#nav li li li:hover ul, #nav li li li.sfHover ul,
#nav li li li li:hover ul, #nav li li li li.sfHover ul {left: auto;top: 60px;}
#nav ul li ul li.current-menu-item a {
	color: #fff;
	background-color: rgb(108, 52, 0);
}
ul.cssMenu ul {
	display:none; /*initially menu item is hidden*/
	position: absolute; /*absolute positioning is important for menu to float*/
}
.single-post .soonTop h2.custom_header_h1_h2{ text-transform:uppercase; font-family:'BrandonGrotesqueRegular', sans-serif; font-size:24px; color:#ffffff; text-align:center; padding-top:54px; margin:0.67em 0; }
.single-post .innerWrapper h1.custom_header_h3_h1{ font-family:'BrandonGrotesqueRegular', sans-serif; font-size:16px; text-align:center; color:#000000; text-transform:uppercase; line-height:30px; margin:0; padding:0; }
.single-post .innerWrapper h2.custom_header_h3_h2{ font-family:'BrandonGrotesqueRegular', sans-serif; font-size:16px; text-align:center; color:#000000; text-transform:uppercase; line-height:30px; margin:0; padding:0; }
.single-post .innerWrapper a{ text-decoration:underline; }
.single-post .innerWrapper a:hover{ text-decoration:none; }
.modal-dialog{
	    width: 95%;
	height:95%;
}
.modal-content{
	    height: 100%;
}
.modal iframe{
	height: 85vh;
	width:100%;
}
.modal-header .close {
    margin-top: -2px;
    color: black;
}