/*
Theme Name: MK Constructions
Description: Responsive Child Theme
Template: responsive

Version: 1.0.0
Author: &y Visual Communication
License: GNU General Public License
License URI: license.txt
*/

/* FONTS
-------------------------------------------------------------- */


@font-face {
    font-family: 'latoblack';
    src: url('fonts/Lato-Black-webfont.eot');
    src: url('fonts/Lato-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Black-webfont.woff2') format('woff2'),
         url('fonts/Lato-Black-webfont.woff') format('woff'),
         url('fonts/Lato-Black-webfont.ttf') format('truetype'),
         url('fonts/Lato-Black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('fonts/Lato-Light-webfont.eot');
    src: url('fonts/Lato-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Light-webfont.woff2') format('woff2'),
         url('fonts/Lato-Light-webfont.woff') format('woff'),
         url('fonts/Lato-Light-webfont.ttf') format('truetype'),
         url('fonts/Lato-Light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/Lato-Regular-webfont.eot');
    src: url('fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Regular-webfont.woff2') format('woff2'),
         url('fonts/Lato-Regular-webfont.woff') format('woff'),
         url('fonts/Lato-Regular-webfont.ttf') format('truetype'),
         url('fonts/Lato-Regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight_italic';
    src: url('fonts/Lato-LightItalic-webfont.eot');
    src: url('fonts/Lato-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-LightItalic-webfont.woff2') format('woff2'),
         url('fonts/Lato-LightItalic-webfont.woff') format('woff'),
         url('fonts/Lato-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-LightItalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('fonts/Lato-Italic-webfont.eot');
    src: url('fonts/Lato-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Italic-webfont.woff2') format('woff2'),
         url('fonts/Lato-Italic-webfont.woff') format('woff'),
         url('fonts/Lato-Italic-webfont.ttf') format('truetype'),
         url('fonts/Lato-Italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoblack_italic';
    src: url('fonts/Lato-BlackItalic-webfont.eot');
    src: url('fonts/Lato-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-BlackItalic-webfont.woff2') format('woff2'),
         url('fonts/Lato-BlackItalic-webfont.woff') format('woff'),
         url('fonts/Lato-BlackItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-BlackItalic-webfont.svg#latoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

	h1, h2, h3, h4, h5 {
		font-weight:normal;
	}

	h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: normal;
}

	h1 {
		font-family: latoblack, Helvetica, sans-serif;
		font-size:70px;
	}

	h2 {
		font-family: latoblack, Helvetica, sans-serif;
		font-size:40px ;
	}

	h3 {
		font-family: latolight, Helvetica, sans-serif;
		font-size:26px;
	}

	h4 {
		font-family: latolight, Helvetica, sans-serif;
		font-size:20px ;
	}

	h5 {
		font-family: latolight, Helvetica, sans-serif;
		font-size:18px ;
	}

	p {
		font-size:16px;
	}

	 b, strong {
	font-family: latoblack, Helvetica, sans-serif;
	 }

	 body {
		font-family: latolight, Helvetica, sans-serif;
		overflow:hidden;
	 }

	 html {
		 overflow-x: hidden;
		 background-color:#000000;
	 }


/* SITE
-------------------------------------------------------------- */
.breadcrumb-list {
	display:none;
}


/* HEADER
-------------------------------------------------------------- */

.skip-container {
	display: none;
}

#header {
	background:#fff;
	height:100px;
	box-shadow: 0 0px 36px -8px #000;
  -webkit-box-shadow: 0 0px 36px -8px #000;
  -moz-box-shadow: 0 0px 36px -8px #000;
  -o-box-shadow: 0 0px 36px -8px #000;
  position:relative;
  z-index:500;
}


#logo {
	  margin: 45px 0 20px 0;
	width:300px;
}

#phone {
	float:right;
	margin:28px 0 0;
}

#phone h3 {
display: inline-block;
color:#000000;

}

#phone h3 a {
color:#000000;
font-weight:normal;
}

#blue-line {
  background-color: #000000;
  width: 500px;
  height: 45px;
  position: absolute;
  right: -500px;
  bottom: -45px;
    z-index: 90;
}

.main-nav {
	position:absolute;
	float: none;
	right:0px;
	bottom:-45px;
	z-index:100;
}

.menu {
	font-family: lato, Helvetica, sans-serif;
	background-color: #000000;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	padding:0 1.1em 0;
}

.menu a {
  height: 45px;
  padding: 0 0.5em;
  border-left: none;
  color: #fff;
  text-shadow: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 45px;
}

.menu a:hover {
  color: #808080;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.menu .current_page_item a, .menu .current-menu-item a {
  background-color: transparent;
  color: #808080;
}

ul.menu > li:hover {
  background-color: transparent;
}

li.current-post-ancestor a {
	color: #808080;
}


/* BODY
-------------------------------------------------------------- */

#crumbs {
	padding-top:35px;
}

#container {
	margin: 0 auto;
	padding: 0 25px;
	position: relative;
  background-color: #808080;
}
#header #container {
  background-color: transparent;

}

#wrapper {
  clear: both;
  position: relative;
  margin: 20px auto 20px auto;
  padding: 0 0 20px 0;
  border: 0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  background-color: transparent;
  color:#fff;
}

#wrapper a{
  color:#fff ;
}

#wrapper a:hover {
  color:#000000;
}


/* FOOTER
-------------------------------------------------------------- */

#footer {
	position:relative;
	background:#000000;
	max-width: 100%;
	width:100%;
	height: 70px;
	padding: 0;
	font-family: lato, Helvetica, sans-serif;
	box-shadow: 0 0px 36px -8px #000;
  -webkit-box-shadow: 0 0px 36px -8px #000;
  -moz-box-shadow: 0 0px 36px -8px #000;
  -o-box-shadow: 0 0px 36px -8px #000;
  z-index:500;
}

#footer-wrapper {
  clear: both;
  max-width: 960px;
  margin: 0 auto;
  padding: 25px 25px 0 25px;
}

#footer, #footer a, #footer a:hover {
	color:#fff;

}


/* SLIDER
-------------------------------------------------------------- */

#homepage-wallpaper {
		overflow:hidden;

	}

.front-page #container, .front-page #wrapper {
	max-width:100%;
	margin:0;
	padding:0;
}

.front-page #header #container {
	  max-width: 960px;
  margin: 0 auto;
  padding: 0 25px;
  width: initial;
}

.flexslider {
  margin: 0;
  background: rgba(0,0,0,1);
  border: none;
  position: relative;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  zoom: 1;
}

.flexslider img.wp-post-image {
	margin:0;
	max-width:none;
}

.flexslider-hg-corners-rounded {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

.slide-data .flexslider-hg-title, .slide-data p {
  margin: 0;
  padding: 0;
  color: #fff;
  text-shadow: none;
}

.slide-data {
  color: #fff;
  position: absolute;
  bottom: initial;
  top:43%;
  left: 0px;
  right: initial;
  padding: 28px 40px;
  background: rgba(0,0,0,0.6);
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border-radius: 0px !important;
}

.slide-data h2 {
	font-size:70px;
}

.flexslider-hg.flexslider ul.slides img {
  width: auto;
  display: block;
}







@media screen and (min-height: 800px) {

.slide-thumbnail {
	margin:0;
	max-width: none  !important;
}


}
@media screen and (max-width: 650px) {

	.slide, .slides {
	height:auto !important;
}

#header {
	height:auto;
}

#homepage-wallpaper {
  height: auto !important;
}

.slide-thumbnail {
	margin:0;
	max-width:100% !important;
	height:auto !important;
}


#logo {
  float: left;
  margin:45px 0 20px 25px;
}


.main-nav {
  position: relative;
  float: none;
  right: 0;
  bottom: 0;
  z-index: 100;
  clear:both;
}

.js .main-nav {
  background-color: #000000;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.menu {
	padding:0;
}

#header #container {
	padding:0px;
}

.front-page #header #container {
	padding:0px;
}

.slide-data h2 {
	font-size:40px;
}

h1 {
	font-size:40px;
}

h2 {
	font-size:30px ;
}

h3 {
	font-size:20px;
}

h4 {
	font-size:18px ;
}

h5 {
	font-size:16px ;
}

#crumbs {
  padding-top: 0px;
}

#content, #content-full{
  margin-top: 20px;
}

}

@media screen and (max-width: 570px) {
#logo {
  float: none;
  margin:40px auto 0;
}

#phone {
  float: none;
  text-align: center;
    margin: 5px 0 0;
}

.slide-data {
  position: relative;
  bottom: initial;
  top: initial;
  left: initial;
  right: initial;
  background: rgba(0,0,0,1);
}

}

@media screen and (max-width: 480px) {
#logo {
  width:260px;
}

.slide-data h2 {
	font-size:30px;
}

h1 {
	font-size:30px;
}

h2 {
	font-size:25px ;
}

h3 {
	font-size:20px;
}

h4 {
	font-size:18px ;
}

h5 {
	font-size:16px ;
}



}

@media screen and (min-width: 1300px) {


.slide-thumbnail {
	max-width:100% !important;
	height:auto !important;
}

}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/