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

body {
  background-color: #ffffff;
  padding-top:          12px;
  font:		    12px 'LatoRegular', Arial, sans-serif;
  line-height:      17px;
}

/*-----------------------------LINKS----------------------------*/

a {
  color:            #333;
  font:		    12px 'LatoBold', Arial, sans-serif;
  text-decoration:  none;
}

a:hover, a:active {
  color:            #333;
  text-decoration:  underline;
}

a.more {
	display: block;
	float: right;
	text-align: right;
	font: 12px 'LatoBold', Arial, sans-serif;
	line-height: 12px;
	padding: 0px 0px 0px 15px;
	background: transparent url(/images/general/more.png) no-repeat left center;
}

.signofflink {
  font:	    12px 'LatoBold', Arial, sans-serif;
    color:            #333;
  line-height:      17px;
  text-decoration:  none;
}

.signofflink:hover {
  font:	    12px 'LatoBold', Arial, sans-serif;
    color:            #333;
  line-height:      17px;
  text-decoration:  underline;
}

/*-----------------------------TEXT----------------------------*/

h1 {
  padding:          19px 0px 8px 0px;
  font:		    26px 'LatoLight', Arial, sans-serif;
  line-height:      22px;
  color:            #e9bd3c;
  border-bottom: 1px solid #d8e5b1;
  
}

h2 {
  padding:          16px 10px 6px 10px;
  font:		    14px 'LatoRegular', Arial, sans-serif;
  line-height:      16px;
  color:            #007a8a;
  border-bottom: 1px solid #cacacb;
}


h3 {
  padding:          5px 0 20px 0;
  font:		    18px 'LatoRegular', Arial, sans-serif;
  line-height:      24px;
  color:            #502c80;
}

h4 {
  padding:          10px 0 5px 0;
  font:		    18px 'LatoRegular', Arial, sans-serif;
  line-height:      12px;
  color:            #502c80;
}

.subhead {
  font:		    12px 'LatoBold', Arial, sans-serif;
  color:            #1a8896;
}

.smallerhead {
	padding:          0 0 6px 0px;
  font:		    14px 'LatoBold', Arial, sans-serif;
  line-height:      16px;
  color:            #502c80;
  border-bottom: 1px solid #cacacb;
}

p {
  text-align:       left;
  padding:          0px 10px 0px 0px;
  color:			#666;
}

ul {
	padding-left: 20px;
}

li {
	color: #666;
	padding-bottom: 4px;
}

.red {
  color:            #d5304e;
}

.larger {
	font:		    13px 'LatoRegular', Arial, sans-serif;
  color:            #e9bd3c;
  line-height:      16px;
}

.signoff {
    font:	    12px 'LatoBold', Arial, sans-serif;
    color:            #502c80;
  line-height:      17px;
}

.smallprint {
    font:	    12px 'LatoRegular', Arial, sans-serif;
  line-height:      17px;
}

.cookie {
	color:			#999;
	font:		    11px 'LatoRegular', Arial, sans-serif;
}

.sidecontact {
	font:	    12px 'LatoBlack', Arial, sans-serif;
	color:            #e9bd3c;
	line-height:	24px;
}

.fakelink {
	  color:            #333;
 	 font:		    12px 'LatoBlack', Arial, sans-serif;
}

.highlight {
	  color:            #666;
 	 font:		    12px 'LatoBlack', Arial, sans-serif;
}

strong {
	    font:	    12px 'LatoBold', Arial, sans-serif;
    color:            #000;
  line-height:      17px;
}

em {
    font:	    	11px 'LatoRegular', Arial, sans-serif;
	font-style:		italic;
    color:            #333;
  line-height:      15px;
}

.right {
	text-align:right;
	padding: 0px;
}

.book {
	    font:	    16px 'LatoBold', Arial, sans-serif;
    color:            #502D81;
  line-height:      22px;
}

.quotehead {
	padding:          10px 0px 0px 0px;
  font:		    20px 'LatoBold', Arial, sans-serif;
  line-height:      18px;
  color:            #007a8a;
}

/*-----------------------------GENERIC---------------------------*/

.grey_box {
	position: relative;
	clear: both;
	background-color: #f8f6f5;
	min-height: 90px;
	top: -10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 12px;
}

.grey_boxer2 {
  position: relative;
  clear:            both;
  background-color: #f8f6f5;
  min-height:       50px;
  top:				-10px;
  padding:			5px 12px 12px 12px;
  margin-bottom:	0px;
}

.rightspan {
	float:right;
	clear: both;
	padding: 0px;
}

@media (max-width: 768px) {
.rightspan {
 	float:left;
	display: block;
	width:  100%;
	padding: 20px 0 20px 0;
	}
}

@media (max-width: 991px) {
.col-md-6 {
	padding: 0;
}
}

@media (max-width: 768px) {
.col-md-6 {
	padding: 0;
}
}

/*-----------------------------HEAD---------------------------*/

#phone_no {
  font:		    28px 'LatoBold', Arial, sans-serif;
  line-height:      25px;
  letter-spacing:   1px;
  color: #9ebd3c;
}

#share {
  float:            right;
  border:           1px solid #d5304e;
  border-width:     0px 1px 0px 0px;
  padding:          4px 7px 4px 0px;
	color:			#000;
	font:		    11px 'LatoRegular', Arial, sans-serif;
}

#share a {
	font: 'LatoRegular';
}

div.addthis_toolbox {
  float:            right;
  padding:          2px 0px 2px 5px;
}

.logo {
	float: left;
  max-height:           108px;
}

@media (max-width: 768px) {
.logo  {
	float: left;
	max-height:           100%;
	padding-bottom: 10px;}
}

/*-----------------------------NAV---------------------------*/

.navbar-default .navbar-nav li .selected {
  color:            #9ebd3c;
}

.navbar-default .navbar-nav li .selected:hover {
  color:            #9ebd3c;
}
.navbar-collapse { 
	position: relative;
    z-index: 10000;
}
/*-----------------------------MAIN---------------------------*/


.quote_box_small {
	width: 100%;
	float: left;
  background-color: #fff;
  min-height:       85px;
  padding:			15px 15px 10px 15px;
	font:		    16px 'LatoItalic', Arial, sans-serif;
	line-height:    20px;
	margin:		15px 0 25px 0;
	color:			#1a8896;
	border:	1px solid #e9bd3c;
}

.quote_box_small2 {
	width: 100%;
	float: left;
  background-color: #fff;
  min-height:       85px;
  padding:			15px 15px 10px 15px;
	font:		    16px 'LatoRegular', Arial, sans-serif;
	line-height:    20px;
	margin:		15px 0 25px 0;
	color:			#1a8896;
	border:	1px solid #e9bd3c;
}

.quote_box_small p {
	font:		    14px 'LatoBold', Arial, sans-serif;
	color:			#1a8896;
	line-height:	14px;
	padding-top:		10px;
}

.quote_box3 {
	position: relative;
  clear:            both;
  background-color: #fff;
  min-height:       110px;
  padding:			5px 10px 10px 15px;
	line-height:    18px;
	margin-top:		25px;
	border: #007a88 8px solid;
}

.imgpad {
	padding: 10px 10px 5px 0;
}



/*-----------------------------FOOT---------------------------*/

#foot {
  background:       #e9bd3c;
  color:			#fff;
  padding:          15px 0px 15px 20px;
  font:		    12px 'LatoBold', Arial, sans-serif;
  line-height:      20px;
  margin:           0px auto 20px auto;
  clear:both;
}



#foot a {
  color:            #fff;
}

#foot a:hover {
  color:            #fff;
  text-decoration:  underline;
}

#foot a.right_link,
#foot a.rightmost_link {
  display:          block;
  float:            right;
  margin:           5px 0px 0px 0px;
  padding:          0px 10px 0px 10px;
  height:           27px;
}

#foot a.right_link {
  border:           1px solid #d5304e;
  border-width:     0px 1px 0px 0px;
}



/*-----------------------------LATO----------------------------*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 18, 2011 06:03:53 AM America/New_York */



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

}

@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.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: 'LatoBoldItalic';
    src: url('fonts/Lato-BoldItalic-webfont.eot');
    src: url('fonts/Lato-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Lato-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-BoldItalic-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('fonts/Lato-Bold-webfont.eot');
    src: url('fonts/Lato-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Bold-webfont.woff') format('woff'),
         url('fonts/Lato-Bold-webfont.ttf') format('truetype'),
         url('fonts/Lato-Bold-webfont.svg#LatoBold') 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.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: 'LatoRegular';
    src: url('fonts/Lato-Regular-webfont.eot');
    src: url('fonts/Lato-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         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: 'LatoLightItalic';
    src: url('fonts/Lato-LightItalic-webfont.eot');
    src: url('fonts/Lato-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-LightItalic-webfont.woff') format('woff'),
         url('fonts/Lato-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-LightItalic-webfont.svg#LatoLightItalic') 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.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: 'LatoHairlineItalic';
    src: url('fonts/Lato-HairlineItalic-webfont.eot');
    src: url('fonts/Lato-HairlineItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-HairlineItalic-webfont.woff') format('woff'),
         url('fonts/Lato-HairlineItalic-webfont.ttf') format('truetype'),
         url('fonts/Lato-HairlineItalic-webfont.svg#LatoHairlineItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}


/*-----------------------------Slider----------------------------*/

.carouselsize {
	padding-top: 10px;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.carousel-caption {
	text-align:       left;
  position:         absolute;
  top:              15%;
left: 0px;
  padding:          2% 0 0 2% ;
  width:            38%;
  height:           72%;
  color:            #ffffff;
  background-color: #007988;
	font:		    36px 'LatoBold', Arial, sans-serif;
  opacity:          0.9;
  filter:           alpha(opacity=90); /* For IE8 and earlier */
}


@media (max-width: 768px) {
	.carousel-caption {
	display: none;	
	}
}

@media (max-width: 991px) {
	.carousel-caption {
		font:		    28px 'LatoBold', Arial, sans-serif;
		padding-top:  15px;
	}
}

@media (min-width: 1199px) {
	.extra {
		padding-top:  35px;
	}
}