/*  Important! The Width/Height is now controlled via the CSS, see below  */
/*  The map id matches the current page alias after the '#GoogleMap_'.. see map template for more info */

#GoogleMap_contact-us .Google_Map
{
    height: 350px; 
    width: 100%;
}

.infoBox {
    padding: 0.5em;
    border: 1px solid #555;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.m_tooltip {
    padding: 0.5em;
    border: 1px solid #555;
    background-color: #fff;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
/* Stylesheet: Google Map Modified On 2014-07-17 08:22:18 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}

/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}

.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}

.formbuilderform {
	width:370px;
	position:relative;
}

.formbuilderform div label {
	display:block;
	width:130px;
	text-align:left;
	float:left;
}

.formbuilderform div input {
	width:200px;
	text-align:left;
	float:left;
	margin-left:5px;
}

.formbuilderform div textarea {
	height: 6em;
	width: 200px;
	margin-left:5px;
}

.formbuilderform div {
	height:1%;
	margin-bottom:5px;
	float:left;
width:100%;
}

.formbuilderform div.captcha {
	left: 136px;
	margin: 0.5em 0;
	position: relative;
	text-align: center;
	width: 200px;
}
.formbuilderform div.captcha img {
	border: 1px solid #ccc;
	margin-bottom: 0.5em
}
.formbuilderform div.captcha input {
	width: 196px;
	margin-top: 0.5em;
	margin-left:0px;
}

.formbuilderform div.submit {	
	clear:both;
}

.formbuilderform div.submit input {
	position: relative;
	left:133px;
	width:90px;
}
/* Stylesheet: Form Modified On 2014-08-08 09:14:22 */
div#news {
/* margin for the entire div surrounding the news items */
	margin: 2em 0 1em 1em;
/* border set here */
	border: 1px solid #909799;
/* sets it off from surroundings */
	background: #f5f5f5;
}
div#news h2 {
	line-height: 2em;
/* you can set your own image here */
	background: url(uploads/ngrey/darknav.png) repeat-x left center;
	color: #f5f5f5;
	border: none
}
.NewsSummary {
/* padding for the news article summary */
	padding: 0.5em 0.5em 1em;
/* margin to the bottom of the news article summary */
	margin: 0 0.5em 1em 0.5em;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
	font-size: 90%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
/* italic to set it off from text */
	font-style: italic;
	margin: 5px 0;
}
.NewsSummaryAuthor {
/* italic to set it off from text */
	font-style: italic;
	padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
	line-height: 140%;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}
/* Stylesheet: News Modified On 2014-08-08 09:15:26 */
 /* Extra small devices Phones   */

 /* Small devices Tablets  */

 /* Medium devices Desktops */

 /* Large devices Desktops  */



body {font-family: 'Open Sans', sans-serif;}

h1, h2, h3, h4, h5, h6 {text-transform:uppercase;color:#3F85C3;font-weight:bold;margin-top:0;margin-bottom:3%;}

a:hover,a:focus {color: #387DBA;text-decoration: underline;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

.btn:hover,.btn:focus {color: #333333;}
.btn-primary, .btn-default {color: #ffffff;background-color: #387DBA;border-color: #3C87CA;}
.btn-primary:hover, .btn-default:hover,.btn-primary:focus, .btn-default:focus, .btn-primary:active, .btn-default:active,.btn-primary.active, .btn-default.active,
.open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-default {color: #ffffff;background-color: #387DBA;border-color: #3C87CA;}
.btn-primary.disabled, .btn-default.disabled,
.btn-primary[disabled], .btn-default[disabled],
fieldset[disabled] .btn-primary, fieldset[disabled] .btn-default,
.btn-primary.disabled:hover, .btn-default.disabled:hover,
.btn-primary[disabled]:hover, .btn-default[disabled]:hover,
fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-default:hover,
.btn-primary.disabled:focus, .btn-default.disabled:focus,
.btn-primary[disabled]:focus, .btn-default[disabled]:focus,
fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-default:focus,
.btn-primary.disabled:active, .btn-default.disabled:active,
.btn-primary[disabled]:active, .btn-default[disabled]:active,
fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-default:active,
.btn-primary.disabled.active, .btn-default.disabled.active,
.btn-primary[disabled].active, .btn-default[disabled].active,
fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-default.active {
    background-color: #387DBA;
    border-color: #3C87CA;
}
.btn-primary .badge, .btn-default .badge {color: #387DBA;background-color: #ffffff;}

.navbar-inverse {margin-bottom:0;background-color: #FFFFFF;border:none;font-size:12px;text-transform:uppercase;font-weight:bold;}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #3C87CA}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #3C87CA}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #3C87CA}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #000000}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #000000}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
.navbar-text {color:#3C87CA !important;font-size:20px;font-weight:bold;line-height:1;padding-right:10px;}
.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus {background-color: #3C87CA;border:none;}

.padding {padding-top:2%;padding-bottom:2%;}
.spacer-sm {padding-right:10px;}
.spacer-lg {padding-left:20px;padding-right:20px;}

.banner {width: 100%;height:auto;}

.recent-projects {color:#FFFFFF;background-color:#3C87CA;}
.recent-projects * {color:#FFFFFF;}

footer {text-align:center;background-color:#888888;color:#FFFFFF;border-top:1px solid #FFFFFF;}
footer a {color:#FFFFFF;}

blockquote {
    padding:40px 30px 40px 95px;
    border:none;
    position:relative;
    font-family: 'Comfortaa', cursive;
    background-image: url('http://www.coastalconcrete.co.nz/images/template/quotemarks2.png');
    background-size: 117px 92px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

blockquote::before{
    line-height:0;
    width:87px;
    height:67px;
    position: absolute;
    left:0px;
    top:0px;
    background-image:url('http://www.coastalconcrete.co.nz/images/template/quotemarks1.png');
    background-size: 87px 67px;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 100;
}

@media (max-width: 768px) {
    .logo {max-width:80%;margin:0 auto;}
    .navbar-text{padding-left:15px;}
    .sm-block{display:block;width:100%;margin:1% 0;}
    blockquote {padding:40px 30px 40px 40px;}
    blockquote::before {
        line-height:0;
        width:30px;
        height:30px;
        position: absolute;
        left:0px;
        top:40px;
        background-image:url('http://www.coastalconcrete.co.nz/images/template/quotemarks1.png');
        background-size: 30px 25px;
        background-position: top left;
        background-repeat: no-repeat;
        z-index: 100;
    }
}

@-moz-document url-prefix() {
    .gallery img {   
        width: 100%;   
    }
    .navbar-text {
        line-height: 0.9;
    }
}
/* Stylesheet: CoastalConcreteMain Modified On 2016-06-01 09:24:12 */