/*
Theme Name: nhhi
Theme URI: http://underscores.me/
Author: Blue Muffin Studio
Author URI: http://www.bluemuffinstudio.com.au
Description: For NHHI
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: www-bluemuffinstudio-com-au
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.

nhhi is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

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


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Universal Hover Effect */
/*
a {
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

:hover {
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

input {
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}*/

.recent-job-block {
    height: 550px;
}


button, .request-btn > p, .request-btn > span, .get-btn > p, .get-btn > span, .service-block a >img, .service-block h5, .service-block a .service-img >img, .recent-job a .recent-block-img >img, .recent-block-img{
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

a:focus{
outline:none;
outline-offset:0;
}

::-moz-selection { background: #0D9BCB; }
::selection { background: #0D9BCB; }




/*--------------  CUSTOM CSS   ---------------*/


p {
    line-height: 24px;
    margin: 0 0 10px;
}

.location  {
	margin:0;
	padding: 0;
}

body{
	background-color:#f5f5f5;
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4 ,h5 {
	text-transform: uppercase;
}

.location li {
    display: inline-block;
    list-style: outside none none;
}
a:hover{
	text-decoration:none;
}


/* navitation start */
.header {
	background: url(images/banner-background.jpg) repeat;
	min-height: 125px;
	box-shadow: 0 5px 10px #eee;
}

a.logo{
	margin-top:8px;
	display:inline-block;
}
.logo img{
	width: 100%;
}

#logo {
    background: url("images/logo.png") no-repeat scroll 0 0 transparent;
    height: 107px;
    margin: 10px 0 0;
    padding: 0;
    text-indent: -3333px;
    width: 497px;
}

#logo a {
    display: block;
    margin:0 auto;
    width: 497px;
    height: 107px;
    text-decoration: none;
    border: 0;
}
.navbar-default {
	background: none;
	border: 0;
}

.navbar-nav {
	float: none;

}

.navbar {
	margin-bottom:0 !important;
	float:right;
}

.nav > li{
	padding:10px 19px;
	text-align: right;
}

.nav > li > a{
	text-transform: uppercase;
}

nav ul li a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	border-bottom: 2px solid #19a0ce;
	text-decoration: none;
	background:	none;
}

.navbar-nav > li > a{
	padding:10px 0;
	display:inline-block;
	font-weight:bold;
	color: #1a1a1a !important;
}

.owl-buttons .fa{
font-size:80px;
}

.fa {
	font-family: fontAwesome;
	font-style: normal;
	font-weight: normal;
	margin-right: 10px;
}

.location a span {
	padding-left:10px;
	font-size: 20px !important;
	color: #000000;
}

.location {
    float: right;
    margin-right: 20px;
}
.location .address {
	float:left;
	margin-right:20px;
}
.location .address a{
	margin-left: 10px;
	color: #666666 !important;
	font-weight: bold;
	padding-left:20px;
}
.location .phone a{
	color:#0d9bcb;
	font-weight: bold;
}

#main-banner .item img{
	display: block;
	width: 100%;
	height: auto;
}
#main-banner .owl-prev,
#main-banner .owl-next {
	position: absolute;
	top: 45%;
	color:#ffffff;
	font-size: 50px;
	height: 10%;
	right: 10%;
	text-align: center;
	width: 10%;
   z-index: 2;
}
#main-banner .owl-prev {
	left: 10%;
}
#main-banner .owl-next{
	right: 10%;
}
.location {
	margin-top: 25px;
}


.banner{
	position: relative;
	margin-bottom: -20px;
}



.about,
.request-btn {
	bottom:90px;
	color: #ffffff;

}
.get-btn a span,
.request-btn span{
	color: #ffffff;
	font-size:40px !important;
	position:absolute;
	right: 20px;
	top:30px;
}
.request-btn .fa {
	position: absolute;
	right: 40px;
	bottom: 43px;
}	
.about {
	background-color:#0d9bcb;
	height: 126px;
	padding:20px 30px;
}
.about p{
	font-size: 16px;
	line-height: 28px;
}
.banner h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    height: 10%;
    position: absolute;
    text-align: center;
    text-shadow: 0 3px 8px black;
    text-transform: uppercase;
    top: 45%;
    width: 100%;
    z-index: 1;
}
.request-btn {
    background-color: #171717;
    background-image: url("images/request-side.png");
    background-repeat: no-repeat;
    border: medium none;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 21px;
    height: 102px;
    line-height: 102px;
    margin-top: 24px;
    position: relative;
    text-transform: uppercase;
    width: 94%;
}

.request-btn > p {
    margin-left: -40px;
}

.threebox {
	position: absolute;
	bottom:80px;
}

.request-btn:hover {
    background-color: black;
    transition: all 0.3s ease 0s;
}

.request-btn:hover > p {
    transform: translateX(10px);
    transition: all 0.3s ease 0s;
}

.request-btn:hover > span {
    transform: translateX(10px);
    transition: all 0.3s ease 0s;
}

.request-btn img{
	left: 4px;
	position: absolute;
	top: -24px;
}

.get-btn:hover {
    background-color: black;
    transition: all 0.3s ease 0s;
}

.get-btn:hover > p {
    transform: translateX(10px);
    transition: all 0.3s ease 0s;
}

.get-btn:hover > span {
    transform: translateX(10px);
    transition: all 0.3s ease 0s;
}

.get-btn img{
	left: 4px;
	position: absolute;
	top: -24px;
}

.caption-outer{
	position:absolute;
	bottom:-50px;
	z-index:1;
	margin: auto;
}				
.pictures h2{
	font-size: 22px;
	color:#666666;
	margin-bottom:40px;
	text-align: center;
	font-weight:200;
}

.pictures img {
	border-radius:5px;
	width: 100%;
}
.border-top {
	background: url(images/border-top.png) no-repeat center center;
	margin-top: 20px;
	margin-bottom: 30px;
	height:90px;
	width: 410px;
	margin: 0 auto;
	width: 100%;
}
.pictures h3{
	font-size: 18px;
	color:#1a1a1a;
	margin-bottom: 55px;
	text-align: center;
}

.pictures {
	margin-bottom: 20px;
}
.recent-job h2{
	font-size: 26px;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
	color: #ffffff;
	font-weight: 200;
}
.recent-job img{
	width: 100%;
}

.recent-job h3{
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin-top: 28px;			
}
.recent-job p{
	font-size: 16px;
	color:#ffffff;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 85px;
}

.recent-work {
	background-attachment: fixed;
	background-color: #0f94bb;
	background-image: url("images/background-pic.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	text-align:center;
	background-size:cover;.
}
.get-btn {
    background-color: #171717;
    border: medium none;
    bottom: 0;
    float: left;
    height: 102px;
    position: relative;
    width: 100%;
}
.recent-work img {
	box-shadow: 0 8px 10px rgba(0, 0, 0, 0.15);
}
.blue {
	background-color: #31a9c9;
	border: 1px solid #fff;
	border-radius: 3px;
	text-align: center;
	padding: 10px 25px;
	margin: 0 auto;
	width: 160px;
	margin-bottom:66px;
	text-transform: uppercase;
	color: #ffffff;
}
.blue:hover {
    background-color: #0d9bcb;
    border: 1px solid #5ccbef;
}
.customer-btn-block {
	text-align: center;
}
.reputation h3 {
	font-size: 26px;
	color:#0d9bcb;
	margin-top: 75px;
	margin-bottom: 85px;
	text-align: center;
}
.reputation p {
    font-style: italic;
}
.reputation h5 {
    font-weight: bold;
}
.reputation h6 {
    font-weight: bold;
    line-height: 0;
}
.reputation p, .reputation h5, .reputation h6 {
    color: #666666;
}
.reviews-section {
    min-height: 275px;
}
.media img{
	border: 12px solid #fff;
	margin-right: 5px;
}

.media-body {
	font-size: 16px;
	color:#666666;
	font-style:italic;
}
.media {
	margin-bottom: 40px;
}
.media-body h5{
	margin-bottom: 50px;
	font-weight: bold;
	font-style:normal;
	line-height: 20px;
	margin-top: 48px;
}

.customer  {
	border: 1px solid #c3c3c3;
	border-radius: 3px;
	text-transform: uppercase;
	margin: 0 auto;
	width: 220px;
	margin-bottom:75px;
	padding: 10px;
	background-color: #f5f5f5;

}
.customer p {
	color:#949494;			
	font-size: 14px;
	font-weight: bold;		
	text-align: center;
	text-transform: uppercase;
}

.media-body h5 span{
	font-weight: normal;
}
.footer-top {
    background-color: #0d9bcb;
    margin-top: 20px;
    position: relative;
}
.get-btn a{
	display:block;
	color:#fff;
	font-size:21px;
	padding-left:40px;
	text-transform:uppercase;
	line-height:102px;
	margin-right: 70px;
}
.get-btn {
	float: left;
	background-color:#171717;
	position: relative;
	bottom: 0;
}
.caption-outer2 h3 {
	font-size: 22px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: -25px;
}
.caption-outer2 img{
	position: absolute;
	left: 20px;
	top: 24px;
}


.caption-outer2{
	position:absolute;
	bottom:-50px;
	width:1200px;
}						

.site-footer {
	background: url(images/back.jpg) repeat;
	min-height: 205px;
}

/* navigation start */

.reviews-section p, .reviews-section h5 {
    color: #333;
}

footer .navbar-default {
	background: none;
	border: 0;
}

footer .navbar-nav {
	float: none;
	margin-top:60px;
}

footer .navbar {
    float: right;
    margin-bottom: -15px !important;
    margin-top: 70px;
}

footer .nav > li{
	padding:10px 10px;
	text-align: right;
}

footer .nav > li > a{
	text-transform: uppercase;
	font-weight:normal;
	font-size:14px;
}

footer	nav ul li a:hover,
footer .navbar-default .navbar-nav > .active > a,
footer	.navbar-default .navbar-nav > .active > a:hover,
footer .navbar-default .navbar-nav > .active > a:focus {
	border-bottom: 2px solid #19a0ce;
	text-decoration: none;
	background:	none;
}

footer .navbar-nav > li > a{
	padding:10px 0;
	display:inline-block;
	color: #1a1a1a !important;
}
footer .fa {
	font-family: fontAwesome;
	font-style: normal;
	font-weight: normal;
	margin-right: 10px;
}

footer .location a span {
	padding-left:10px;
	font-size: 20px !important;
	color: #000000;
}
footer a.logo{
	margin-top:30px;
	display:inline-block;
	margin-left: 20px;
}
.designer,					
.copyright p{
	font-size: 12px;
	color:#333333;

}
.copyright {
	line-height: 25px;
}
footer .location {
	margin-top: 20px;
}
.designer{
	margin-top:10px;
	margin-left: 370px;
}
.copyright p span {
	margin-left: 123px;
}
.footer-bottom{
	margin-top: 20px;
	margin-bottom: 15px;
}
footer .location .address a{
	margin-left: 10px;
	color: #666666 !important;
	padding-left:20px;
	font-weight: normal;
}
footer .location{
	margin-left: 0;
}
footer .location .phone a{
	color:#0d9bcb;
	font-weight: normal;
}
footer .hia-member img{
	margin-top:75px;
}
/* home page finished */

/* section1-page start */
.inner-banner {
	display: block;
	height: 350px;
	position:relative;
	margin-bottom: 40px;
	background-size: cover;
	background-position: center center;
}
.inner-banner h1{
	font-weight: 300;
	bottom:10%;
	position:absolute;
	color: #ffffff;

}
.section1 h2{
	margin-top:40px;
	color:#0A0808;
}
.section1 .media-body {
	font-style: normal;
}
.section1 .media img{
	border: none;
	margin-right: 5px;
	width:100%
}
.section2 p{
	font-size: 16px;
	color:#050202;
	margin-top: 30px;
}
.section1,
.section2,
.section3 {
	margin-bottom: 40px;
}
.section2 h1, h2, h3, h4, h5 {
	font-weight: 300;
}

.section1 h2,
.section2 h2,
.section3 h2,
.section4 h2{
	margin-top: 10px;
	font-weight:300;
}
.section4 {
	margin-bottom:40px;
}


/*Jobs Inner Page*/

.jobinnerpage h2, .jobinnerpage h1, .jobinnerpage h3, .jobinnerpage h4, .jobinnerpage h5, .jobinnerpage h6, .jobinnerpage p{
    color: #666666;
}

.entry-header h1, .entry-header h2, .entry-header h3, .entry-header h4, .entry-header h5, .entry-header h6, .widget-title {
    color: #666666;
    font-weight: 100;
}

.inner-banner h1 {
    color: white;
    font-size: 38px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
}

.contact-page iframe {
    margin: 0 0 -25px;
}

.about a {
    color: #abdcff;
}

.service-block > a {
    display: block;
}

.service-block {
    position: relative;
}

.service-block h5 {
    color: white;
    opacity: 0;
    font-size: 20px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 33%;
}

.service-block a:hover .service-img >img {
	opacity: 0.3;
	transition: all 0.3s ease 0s;
}

.service-block a:hover > h5 {
	display: inline-block;
	opacity: 1;
	transition: all 0.5s ease 0s;
	transform: translateX(245%);
}

.service-img {
    background-color: #0d9bcb;
    border-radius: 5px;
}

.recent-job-block > a {
    display: block;
    position: relative;
	height:500px;
}

.recent-job span {
    color: white;
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 26%;
    width: 100%;
}

.recent-job a:hover span{
	font-size: 32px;
	transition: all 0.3s ease 0s;
}

.recent-block-img {
    background-color: #0d9bcb;
}

.recent-job a:hover .recent-block-img >img {
	opacity: 0.6;
	transition: all 0.3s ease 0s;
}

.reputation p, .reputation h5, .reputation h6, .footer-top .get-btn span {
    color: #666666;
}

.footer-top p, .footer-top span {
    color: white;
    font-size: 20px;
    font-weight: 100;
    text-transform: uppercase;
	margin-top: 8px;
}
.footer-top .fa {
    line-height: 0.6;
    color: white !important;
    font-size: 20px
}

.menu-footer-container li {
    display: inline;
    list-style: outside none none;
    margin-left: 25px;
}

.widget-recentjobs .recent-block-img img {
    border: 5px solid white;
    height: 193px;
    width: auto;
}


.widget-recentjobs .recent-block-img {
    background-color: transparent;
}
.widget-recentjobs .recent-job-block > a {
    display: block;
    height: auto;
    margin-bottom: 30px;
    position: relative;
}

.jp-carousel-info {
    display: none !important;
}

.sidebar {
    box-shadow: 0 0 20px rgba(221, 221, 221, 0.5) inset;
}

.widget-title {
    border-bottom: 1px solid #ddd;
    font-size: 22px;
    padding-bottom: 10px;
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	header{
		text-align:center;
	}
	header .location {
		margin-left:0;
	}
	.caption-outer{
		position: relative;
		bottom:0;
	}
	footer {
		text-align: center;
	}
	footer .nav navbar-nav {
		float:none;
	}
	.footer-bottom{
		text-align:center;
	}
	#main-banner .owl-prev,
	#main-banner .owl-next {
		display: none;
	}
	.banner h1{
		font-size: 16px;
	}
	.designer {
		margin-left: 0;
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		.caption-outer{
			position: relative;
			bottom:0;
		}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {

	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {

	}