/* FONT-FAMILY
-------------------------------------------------- */

p, body, li, label, p.quote, .carousel-caption .checklist li, .lead,
p em, body em, li em, em, .lead em,
.btn, .btn-lg, .navbar, p.quotename, .footer-text p, table th, .feedback p, .form-control,
.btn em, .btn-lg em, p.quotename em, .footer-text p em,
p strong, strong, p.quotename strong, .footer-text p strong,
p strong em, strong em, em strong, .lead em strong, .lead strong em, .footer-text p strong em,
h1, h2, h3, h4, h5, h6, .carousel-caption h1
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .carousel-caption h1 em,
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .carousel-caption h1 strong,
h1 strong em, h2 strong em, h3 strong em, h4 strong em, h5 strong em, h6 strong em, .carousel-caption h1 strong em, .carousel-caption h1 em strong { 
  font-weight:normal;
  font-style:normal;
}

p, body, li, label, p.quote, .carousel-caption .checklist li, .lead {
  font-family:'DINNextLTW01-UltraLight 706122',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
p em, body em, li em, em, .lead em, #bookform {
  font-family:'DINNextLTW01-UltraLight 706125',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn, .btn-lg, .navbar, p.quotename, .footer-text p, table th, .feedback p, .form-control {
  font-family:'DIN Next W01 Regular',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn em, .btn-lg em, p.quotename em, .footer-text p em  {
  font-family:'DIN Next W01 Italic',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
p strong, strong, p.quotename strong, .footer-text p strong {
  font-family:'DIN Next W01 Medium',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
p strong em, strong em, em strong, .lead em strong, .lead strong em, .footer-text p strong em {
  font-family:'DINNextW01-MediumItalic',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .carousel-caption h1 {
  font-family:'SolCondensedW01-Regular',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .carousel-caption h1 em {
  font-family:'SolCondensedW01-Italic',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .carousel-caption h1 strong {
  font-family:'Sol Condensed W01 Bold',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 strong em, h2 strong em, h3 strong em, h4 strong em, h5 strong em, h6 strong em, .carousel-caption h1 strong em, .carousel-caption h1 em strong {
  font-family:'SolCondensedW01-BoldIta',"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-toggle-text {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}


body {
  background: url("images/backgrounds/bg-body.jpg") no-repeat center top fixed #000;
}
.show-xs {
  display:none;
}
.img-responsive {
  margin-right: auto;
  margin-left: auto;
}

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

.header-logo img {
   padding-bottom:2%;
}

/* MAIN
-------------------------------------------------- */

.main {
  color:#fff;
}
#content {
  margin:0 auto;
}
#content .home {
  text-align:center;
}
#content .default {
  text-align:left;
}
.main p a, .main li a, .main h1 a, .main h2 a, .main h3 a, .main h4 a, .main h5 a, .main h6 a {
  text-decoration:underline;
  color:#86C925;
}
.main p a:hover, .main li a:hover, .main h1 a:hover, .main h2 a:hover, .main h3 a:hover, .main h4 a:hover, .main h5 a:hover, .main h6 a:hover {
  color:#93dc29;
}
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.container a img:hover, .navbar-header a img:hover, .slider-btn a img:hover {
  opacity:0.9;
}
h1 {
  font-size:34px;
}
.main ul {
  padding-top:6px;
  padding-bottom:6px;
}
.main li {
  font-size:18px;
  margin-bottom:10px;
}
.checklist-col-1 {
  margin-bottom:0;
}
.checklist-col-2 {
  margin-bottom:5%;
}
ul.checklist {
  padding-top:1%;
  padding-bottom:1%;
}
.checklist li {
  background: url(images/backgrounds/bullet1.png) no-repeat left top;
  padding-left:25px;
  list-style: none;
  line-height:20px;
  margin-left:-25px;
  text-align:left !important;
}
.checklist-center {
  display:table;
  margin-left:auto;
  margin-right:auto;
}
.checklist-center .checklist li {
  background: url(images/backgrounds/bullet1.png) no-repeat left top;
  padding-left:30px;
  list-style: none;
  line-height:20px;
  margin-left:-35px;
}
hr {
  margin: 30px auto;
  height: 1px; 
  width: 98%;
  display: block;
  border-top: 1px solid #727272;
}
.main a img:hover {
  opacity:0.9;
}
.page-intro {
  margin-bottom:0px;
  text-align:center;
}
.page-intro-default {
  margin-bottom:20px;
  text-align:left;
}
.row h1, 
.row h2 {
  color:#86C925;
}
.row h3,
.row h4 {
  color:#0FAB34;
  margin-top: 20px;
  margin-bottom: 20px;
}
.row h5,
.row h6 {
  color:#0FAB34;
}
.page-intro h1, .page-intro-default h1 {
  color:#86C925;
}
p, .main li, .lead {
  line-height:1.4; /* text line-height */
}
p {
  font-size: 14pt;
  margin: 0 0 20px;
}
p.quote, p.quotename {
  text-align:left;
}
p.quote {
  color:#fff;
  background: url(images/backgrounds/quotation.png) no-repeat left top;
  list-style: none;
  margin: 3% 0 1% 0;
  padding-left:40px;
}
p.quotename {
  color:#dadada;
  padding-left:40px;
  list-style: none;
  line-height:20px;
  margin: 2% 0 2% 0;
}
.lead {
  font-size: 20px;
}
.show-sm {
  display:none;
}

/* BACKGROUNDS
-------------------------------------------------- */

.bg-black {
  background: url("images/backgrounds/bg-black.png") repeat center transparent;
}
.bg-white {
  background: url("images/backgrounds/bg-white.png") repeat center transparent;
}
.bg-grey {
  background:#EFEFEF;
  padding-top:1%;
  padding-bottom:3%;
  margin-top:2%;
  margin-bottom:2%;
}
.bg-intro {
  background: url("images/backgrounds/bg-intro.png") no-repeat center bottom transparent;
}
.bg-guarantee {
  background: url("images/backgrounds/bg-guarantee.png") no-repeat center bottom #f7f7f7;
}

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

footer {
  margin:0;
  padding:1% 0 2% 0;
}
.footer-text {
  padding-top:2%;
  margin-right:2%;
}
.footer-text p {
  color:#fff;
  font-size:14pt;
  padding:0;
  margin:5px 0 0 5px;
  text-align:center;
  line-height:1.5;
}
.footer-text p a {
  color:#dadada;
  text-decoration:none;
}
.footer-text a:hover {
  color:#fff !important;
  opacity:1.0;
  text-decoration:none;
  /*border-bottom:1px dotted;*/
}

/* FLEX-VIDEO
-------------------------------------------------- */

.iframe-lg {
  width:98%;
  margin-left:auto;
  margin-right:auto;
}
.iframe-md {
  width:75%;
  margin-left:auto;
  margin-right:auto;
}
.iframe-sm {
  width:50%;
  margin-left:auto;
  margin-right:auto;
}
.iframe-xs {
  width:25%;
  margin-left:auto;
  margin-right:auto;
}
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

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

.white { color:#fff !important; }
.green { color:#86C925 !important; }
.darkgreen { color:#0FAB34 !important; }
.lightblue { color:#1e7ec8 !important; }
.blue { color:#005488 !important; }
.navy { color:#002341 !important; }
.orange { color:#F7931E !important; }

a.green:hover { color:#93dc29 !important; }


/* BUTTONS
-------------------------------------------------- */

.btn {
  font-size: 15pt;
  text-align: left;
}
.btn-lg {
  font-size: 18pt;
  text-align: left;
}
.btn-p {
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.main button {
  margin:5px 2px;
}
#slider button {
  float:right;
  margin:10px 0 0 0;
}
#slider button, .main button.btn-lg {
  padding: 12px 15px !important;
  line-height:26px !important;
}
.main button.btn {
  padding: 10px 12px;
  line-height:22px;
}
#search-results .btn-lg {
  font-size: 14px;
  text-align: center;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 3px 8px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  border-radius: 3px !important;
}
#search-results button {
  margin:8px 0 0 0;
  padding: 10px 15px;
  float:right;
  line-height:20px;
}
button a, a button {
  border-bottom:none;
}
.btn-full {
  width:100%;
}
#content .btn-full {
  text-align:center;
}
.btn-contact {
  width:100%;
  font-size:30px;
  margin:15% 0 0 0;
  padding: 2% 4%;
  text-align:left;
}
.btn-primary {
  color: #fff;
  background: #0FAB34;
  border-color: #0d942d;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background: #0c8d2b;
  border-color: #0b8529;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-info {
  color: #fff;
  background: #3e3e3e;
  border-color: #2b2b2b;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background: #484848;
  border-color: #3a3a3a;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-warning {
  color: #002341;
  background: #ffdc1b;
  border-color: #f0c656;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #002341;
  background: #ffe600;
  border-color: #f0df4d;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-default {
  color: #000;
  background: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #002341;
  background: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-success {
  color: #fff;
  background: #86C925;
  border-color: #7dbb22;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background: #93dc29;
  border-color: #82c323;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

/* MEDIA QUERY
-------------------------------------------------- */

@media (max-width: 991px)  { 
  .footer-text p {
	color:#fff;
	font-size:14px;
	padding:0;
	margin:5px 0 0 5px;
	line-height:1.5;
  }
}
@media (max-width: 992px) {
  footer {
	padding:1% 0 3% 0;
  }
}
@media (max-width: 767px) {
  .hide-xs {
	display:none;
  }
  .show-xs {
	display:block;
  }
  .header-logo img {
	 padding-bottom:0;
  }
  .text-center-sm {
	text-align:center;
  }
  .footnote {
	padding: 10px 15px 5px 15px;
  }
}
@media (max-width: 730px) { /* iPhone landscape view */
  .hide-sm {
	display:none;
  } 
  .show-sm {
	display:block;
  }
  body {
	background: url("images/backgrounds/bg-body-sm.jpg") no-repeat center top fixed #000;
  }
  .header-logo img {
	margin-top:10px;
	margin-bottom:0;
	width:60%;
  }
}
@media (max-width: 560px) { 
  h1 {
	font-size:30px;
  }
  h2 {
	font-size:28px;
  } 
  h3 {
	font-size:24px;
  }
  p, .main li, .lead {
	line-height:1.3; /* text line-height */
  }
  p.quote, p.quotename {
	font-size:13pt;
  }
  .footer-text p {
	color:#fff;
	font-size:14px;
	padding:0;
	margin:5px 0 0 5px;
	line-height:1.5;
  } 
}
@media (max-width: 530px) {
  .iframe-md, .iframe-sm {
	width:100%;
  }
}
@media (max-width: 460px) {
  h1 {
	font-size:28px;
  }
  h2 {
	font-size:26px;
  } 
  h3 {
	font-size:22px;
  }
  .btn-lg {
	font-size: 20px;
  }
  footer {
	padding:1% 0 4% 0;
  }
}
@media (max-width: 340px) { /* iPhone portrait view */ 
  .header-logo img {
	margin-top:10px;
	margin-bottom:0;
	width:80%;
  }
  .text-center-xs {
	text-align:center;
  }
}
@media (min-width: 340px) and (max-width: 991px) {
  .img-responsive {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 341px) {
  .img-responsive {
    margin-right: auto;
    margin-left: auto;
  }
  .footer-btn. btn-lg {
	font-size: 20px;
  }
  .footer-btn button {
	margin:10px 0 0 0;
	padding: 13px 15px;
	line-height:26px;
  }
}

