/* Garage stylesheet */
/* fonts */


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

}




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

}




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

}

.top-bar.expanded .title-area {
      background: #fff;
      }
      .top-bar.expanded {
	background: #95b5bf;
}
      .top-bar-section .dropdown li.title h5 a {
	color: black;
	}

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

}




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

}




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

}




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

}
.mainblock {
	background:white;
	padding-bottom:10px;
}
.mainblock img {
	background:#ffffff;
}
.alert-box {
	line-height: 1.1rem;
}
.alert-box .close {
	top: 20%;
}
.largephone {
	font-size:3rem;
	color: #112a55;
	padding:6px 0px;
	font-family:allerbold;
}
.largephone2 {
	font-size:1.7rem;
	color: #112a55;
	padding:6px 0px;
	font-family:allerbold;
}
.row {
	
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}


.slideshowtitlebox {
	z-index:100;
	position:absolute;
	left:5%;
	top:50%;
	width:50%;
	background:  url(../images/50pcentblack.png) repeat;
	padding:1rem;
	border:0px solid white;
	text-align:center;
	line-height: 22px;
	font-size: 16px;
	font-family: aller_lightregular;
}

#reviewshow li {
	list-style-type: none;
	}
	.orbit-container {
	border: 1px solid #ccc;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Figures
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
figure {
    margin: 0;
    position: relative;
}
figure img {
    display: block;
    position: relative;
    z-index: 10;
    max-width: 100%;
    height: auto;
}
figure figcaption {
    display: block;
    position: absolute;
    z-index: 5;
}
figure h3 {
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px;
}
figure span {
    color: #b2cce1;
    display: block;
    line-height: 1.2;
}
figure a.close-caption {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 24px;
    font-weight: 700;
    color: #315a7d;
}
figure a.close-caption.hidden {
    display: none
}

#effect-5 figure a.close-caption {
    bottom: 10px;
    left: 10px;
}
#effect-5 figure figcaption {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: steelblue;
    padding: 20px;
}
#effect-5 figure img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.no-touch #effect-5 figure:hover img,
#effect-5 figure.hover img {
    -webkit-transform: rotate(-360deg) scale(0);
    -moz-transform: rotate(-360deg) scale(0);
    -ms-transform: rotate(-360deg) scale(0);
    -o-transform: rotate(-360deg) scale(0);
    transform: rotate(-360deg) scale(0);
}

/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Effect 2
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
#effect-2 a.close-caption {
    top: 10px;
    right: 10px;
}
#effect-2 figure figcaption {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #112a55;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#effect-2 figure figcaption h3 {
    margin-top: 150px
}
#effect-2 figure img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.no-touch #effect-2 figure:hover img,
#effect-2 figure.hover img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.no-touch #effect-2 figure:hover figcaption,
#effect-2 figure.hover figcaption {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}
.blueboxtext {
	position:absolute;
	bottom:0px;
	background:#112a55;
	color:white;
	text-align: left;
	padding: 0.8rem 0.6rem;
z-index: 10;
width: 100%;
line-height: 1rem;
}

.blueboxtext h4 {	
	text-align: left;
	font-size: 1.4em;
	color: white;
	margin: 0;
	padding: 0;
	font-family: allerbold;
}
.boxlink {
	overflow: hidden;
	margin-bottom: 10px;
-moz-border-radius: 1rem;
border-radius: 1rem;
box-shadow: 5px 5px 5px #888888;
}
.boxlink:hover {
	opacity: 0.8;
}
.clickmebox {
	position: absolute;
	background: #ff3904;
	color: white;
	z-index: 101;
	width: 100%;
	height: 100%;
	text-align: left;
	display: none;
	padding: 2rem;
}
.clickmebox h4 {
	color: white;
}
.opacityblack {
	border-radius:1rem;
	padding:1rem;
	background:rgba(0,0,0,0.7);
	margin-top:1rem;
}
.opacityblack h1 {
	color: #fcf6f5;
	margin: 0.5rem 0 0.8rem 0;
	padding: 0;
	font-size: 1.5rem;
	line-height: 1.6rem;
}
.keymessage {
	color: white;
	margin-bottom: 1.5rem;
	font-size: 1rem;
	line-height: 1.2rem;
}
.keymessage h2 {
	color: #ff3904;
	margin: 0.5rem 0;
	padding: 0;
	font-size: 1.2rem;
	line-height: 1.5rem;
}
.popoutbox {
	border-radius:1rem;
	background: whitesmoke;
	padding: 1rem;
	margin-bottom: 1rem;
}
.socialicons {
	margin-top: 10px;
}
.socialicons img {
	 margin-left: 6px;
}
.top-bar .title-area {
    position: relative;
    margin: 0;
    width: auto;}
.top-bar {
	height: auto;
}
/* GOOGLE MAPS CODE */
    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

img.no-resize { max-width: none; }
.floatclear {
	clear: both;
}
.breadcrumbs > * {
	text-transform: capitalize;
}
#header-right {
	width: 100%;
	margin-top: 10px;
	float: left;
	text-align: right;
	overflow: hidden;
}

#header-right a{
	color: #fff;
}

#header-right a:hover{
	color: #000;}

.headertxt_lrg {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.6rem;
	font-family: allerbold, arial;
}
.headertxt_sml {
	color: #fff;
	font-size: .8rem;
	line-height: 1rem;
}

.footer {
	position: relative;
z-index: 10;
}
.footer_title {
	font-size:1.5rem;
	line-height:1.5rem;
	font-family: allerbold, arial;
}
.footer_text {
	font-size:.7rem;
	line-height:1rem;
	padding-bottom:1rem;
}
.footer_smalltext {
	font-size:.5rem;
	line-height:1rem;
	padding-bottom:1rem;
}
.footer a {
	color: white;
}
.footer a:hover {
	color: black;
}
.updatefooter {
	padding: 8px;
	border-bottom:1px dashed grey;
	font-size: .8em;
	line-height: 1.1em;
}

strong {
	font-family: allerbold_italic, arial;
	font-weight: normal;
}
body {
	font-size: 1rem;
	background: white;
	font-family: allerregular, arial;
}

.greenfootertext {
	color: #360042;
	font-size: 1.2em;
	line-height: 1.45em;
	font-weight: bold;
}
.greyfootertext {
	color: #474646;
	font-size: 1.2em;
	line-height: 1.45em;
}
h4.subheader {
	color: #360042;
	margin-top: -30px;
	margin-bottom: 30px;
	font-size: 1.1rem;
}
h1 {
font-size: 2.4em;
	line-height: 1em;
	margin: 10px 0px 20px 0px;
	color: #363636;
}
h2 {
font-size: 1.8em;
	line-height: 1.9em;
	margin: 30px 0px;
}
h3 {
font-size: 1.4em;
	line-height: 1.5em;
	margin: 10px 0px;
}

.callback {
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 20px 20px 20px 20px;
	background-color: #ff3904;
	color: #fff;
-moz-border-radius: 15px;
border-radius: 15px;
font-size: 14px;
line-height: 20px;
font-family: allerregular, arial, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1rem;
	line-height: 1.4rem;
}
.callback h4 {
	color: white;
	font-family: allerbold, arial, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.3rem;
	line-height: 1.4rem;
}
.clientdetails {
	width: 100%;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	padding: 20px 20px 20px 20px;
	background-color: #eee8ef;
	color: #1c353f;
-moz-border-radius: 15px;
border-radius: 15px;
font: 14px/20px;
font-family: allerregular, arial, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1rem;
	line-height: 1.4rem;
}

.clientdetails img {
-moz-border-radius: 15px;
border-radius: 15px;
	background-color: #fff;
	padding: 4px;
border: 1px solid #c1cad8;
margin-bottom: 1rem;
}

.clientdetails h3 {
	text-align: left;
	font-size: 1rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
	margin-top: 0;
}
.clientdetails a {
	text-align: left;
	font-size: 1rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
	margin-top: 0;
}

.breadcrumbs {
	margin-bottom: 0.2em;
}

.newsarticle {
	min-height: 60px;
	margin-bottom: 10px;
	padding: 10px;
	margin: 4px;
	border-radius:.6rem;
	background-color: whitesmoke;
	border: 1px solid #f1f1f1;
}
.storydate {
	color: gray;
	font: 10px/14px  Arial, Helvetica, Geneva, sans-serif;
}

.quoteouter {
	width: 90%;
	margin: 0px auto;
	background: url(../images/outerquote.png) no-repeat left top;
	padding-left: 60px;
	margin-bottom: 40px;
}
.quoteinner {
	background: url(../images/innerquote.png) no-repeat right bottom;
	padding-right: 60px;
	color: #696e9f;
}
.quoteinner  h5 {
	color: whitesmoke;
	text-align: right;
font: 14px/20px;
font-family: Arial, Helvetica, Geneva, sans-serif;
}
      #map_canvas {
        width: 300px;
        height: 300px;
        border-radius:10px;
        border: 1px solid #9d418e;
      }








/*----------------------------

	Green filter bar

-----------------------------*/





#filter {

	background: #000;

	display: block;

	margin: 20px auto;

	position: relative;

	text-align:center;

}



#filter:before, #filter:after {

}



#filter:before {

}



#filter:after {

}



#filter a{

	background: #000;

	color: #FFFFFF;

	display: inline-block;

	height: 39px;

	line-height: 37px;

	padding: 0 15px;

}



#filter a:hover{

	text-decoration:none;

	background: #a089c1;

}



#filter a.active{

	background: #a089c1;

}





/*----------------------------

	Content area

-----------------------------*/





#container{

	display:block;

	overflow:hidden;

	width: 100%;

	margin:0 auto;

}



#container li{



	float: left;

	height: 220px;

	list-style: none outside none;

	margin: 6px;

	position: relative;

	width: 280px;



}



#container ul{

	overflow:hidden;

}



#container ul.hidden{

	display:none;

}

.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: white;
        background: #85bdd9; }


/* @group font changes */

.top-bar-section ul li > a {
	font-family: gotham_lightregular, arial;
	font-size: 1rem;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	padding: 0px 15px;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0px 15px;
}
body   {
	font-family: allerregular, arial;
}
p {
	font-family: allerregular, arial;
}
h1,h2,h3,h4,h5,h6 {
	color: #000;
	font-family: allerbold, arial;
}
/* @end */



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

    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px; }

		.title-area {
	display: none;
}
	}
@media only screen and (max-width: 820px) {
		.hide-below-820 {
			display: none;
		}
		.show-below-820 {
			display: block;
		}
		.headertxt_lrg {
	color: #fff;
	font-size: 1.9rem;
}
.headertxt_sml a {
	color: white;
}
.headertxt_sml {
	color: #fff;
	font-size: 1rem;
	line-height: 1.2rem;
}

.quotebox {
	min-height: 300px;
}

}

@media only screen and (min-width: 821px) {
		.hide-below-820 {
			display: block;
		}
		.show-below-820 {
			display: none;
		}
}

@media only screen and (max-width: 641px) {

    .top-bar {
	height: 45px;
	}
	
}


@media only screen and (max-width: 380px) {
	
	.quotebox {
		min-height: 420px;
	}
}
.top-bar-section ul li {

}
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
	line-height: 45px;
}
.textlight p {
	font-family: aller_lightregular;
}
.textlight a {
	color: white;
}
.smalltext {
	font-size: .7rem;
	line-height:1rem;
}
.largetext {
	font-size: 1.5rem;
	line-height: 1.8rem;
}
.whitetext p,.whitetext h4,.whitetext a, .whitetext a:hover {
	color: white;
}
.titlebox {
	padding:1rem;
	color:white;
	background:#e71873;
	font-size:1.2rem;
}
.textbox {
	padding: 1rem;
}
.classesbox {
	border:1px solid #e71873;
	margin-bottom:1rem;
}
  button.lime, .button.lime {
    background-color: #c0acb5;
    border-color: #c0acb5;
    color: white; }
  button.lime:hover, .button.lime:hover {
    background-color: #9c8b92;
    border-color: #9c8b92;
    color: white; }
    
    .top-bar-section ul li {
	background: none;
	z-index: 999;
}
    .top-bar {
	background: none;
	z-index: 999;
}
    
    .top-bar-section ul li > a {
	color: white;
	font-family: allerbold;
}