/*==== Bootstrap, Framework, & Mixins ====*/
@import "http://www.divequest.co.uk/css/old-styles.css";
@import "http://www.divequest.co.uk/css/bootstrap.min.css";
/* ==|== LESS mixins =====================================================
  
  A set of useful LESS mixins by Dmitry Fadeyev tweaked by Dave Fuller
    More info at: http://lesselements.com
  
  .gradient
  .bordered
  .drop-shadow
  .rounded
  .border-radius
  .opacity
  .background-opacity
  .transition-duration
  .transition-target
  .rotation
  .scale
  .transition
  .transition-specific
  .inner-shadow
  .box-shadow
  .columns
  .translate
  .clearfix
  .box-sizing
  .clickable-area
  
========================================================================== */
/*  .gradient(#F5F5F5, #EEE, #FFF); 
  
  Gradient background. First color is the background color to use for browsers 
  that don’t support gradients. The second two colors are the start and stop 
  colors, going from bottom to top.
*/
/*  .bordered(#EEE, #E5E5E5, #DDD, #E5E5E5);
  
  Quick way to set a 1 pixel thick border that varies its color on each side. The color values
  go in a clockwise order: top, right, bottom, left.
*/
/*  .drop-shadow(0, 1px, 2px, 0.2);
  
  Adds a box-shadow that is a semi-transparent black. The first two values control the x and y
  axis position, the third controls blur (how big the shadow is), and the final value is the opacity
  (0 is fully transparent, 1 is opaque).
*/
/*  .rounded(5px);
  Sets a border-radius for all 4 corners. If you want to set border-radius for individual corners use: .border-radius
*/
/*  .border-radius(5px, 0, 0, 5px);
  
  Sets a border-radius for each of the 4 corners individually. 
  The values go in a clockwise rotation: top right, bottom right, bottom left, top left.
*/
/*  .opacity(0.8);
  
  Sets the opacity. 0 is fully transparent, 1 is opaque.
*/
/*  .background-opacity(#fff, 0.8);
    Author: Taylor

    Set the opacity of the background rather than everything contained in that element.
    IE needs to have background:transparent;
    
    http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/
    http://stackoverflow.com/questions/5176114/lesscss-converting-rgba-to-hex-how-to-nest-color-variables-into-a-mixin
*/
/*  .transition-duration(0.2s);
  
  Sets a transition-duration (time it takes to do things like hover effects). The value provides a time in seconds.
*/
/*  .rotation(15deg);
  
  Rotates the item by a number of degrees clockwise.
*/
/*  .scale(2);
  
  Scales the item by the ratio provided. The above makes the item 2 times larger.
*/
/*  .transition(2s, ease-out);
  
  Sets the transition duration and effect to use for any transitions (e.g. hover effects), unlike
  transition-duration which only sets the duration.
*/
/*  .transition-specific(background);
    
  Sets the transition duration, effect and target element to use for any transitions (e.g. hover effects)
*/
/*  .inner-shadow(0, 1, 2px, 0.4);
  
  Sets the inner shadow. The first two numbers are the x and y coordinates, the third is the blur
  and the last one is the strength of the shadow.
*/
/*  .box-shadow(0 1px 2px #999);
  
  Sets the box-shadow. The first two numbers are the x and y coordinates, then the blur, and the
  color. This is different from drop-shadow in that it takes on a color instead of setting a
  transparent black shadow. Additionally, this mixin takes on the whole set of arguments in one
  go, so no need for commas between each number, and you can also add “inset” before the first
  number for inset shadow.
*/
/*  .columns(250px, 0, 50px, #EEE, solid, 1px);
  
  Divides the content into columns. The variables are: column width, column count, column gap,
  column border color, column border style, column border width.
*/
/*  .translate(10px, 20px)
  
  Translates an element using the given coordinates. The values are x and y offset coordinates, so
  the above example moves the element right 10 pixels and up 20 pixels.
*/
/*  .clearfix
  
  Clears floated element
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*  .box-sizing

  Prevents padding adding width to block element
*/
.box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('http://www.divequest.co.uk/css/boxsizing.htc');
}
/*==== Colours & Typography ====*/
/* Refer to any Design Guideline documents specific to the project and add any relevant colour hex codes in this file */
.container .center-content p,
.container .home-text p {
  line-height: 20px;
}
/*==== Common Page Rules ====*/
.container {
  margin-bottom: 20px;
  margin-top: 10px;
}
.container .banner {
  background-color: #0b293e;
  height: 150px;
  overflow: hidden;
  position: relative;
}
.container .banner .banner-background {
  float: right;
}
.container .banner .banner-logo {
  position: absolute;
  top: 10px;
  left: 150px;
}
.container .top-nav .navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 15px;
  min-height: 0;
}
.container .top-nav .navbar-default {
  background-color: #b8b6ae;
  color: #fff;
}
.container .top-nav .navbar-default #navigationTop {
  margin-bottom: 0;
}
.container .top-nav .navbar-default #navigationTop ul {
  margin-left: 15px;
}
.container .top-nav .navbar-default #navigationTop ul li a {
  font-size: 13px;
  padding: 4px 10px 6px;
}
.container .top-nav .navbar-default #navigationTop ul li a span {
  padding: 3px 11px;
}
.container .top-nav .navbar-default #navigationTop ul li #home {
  margin-right: 5px;
}
.container .top-nav .navbar-default #navigationTop ul li .home-text {
  display: none;
}
.container .left-nav {
  height: auto;
}
.container .left-nav .navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 15px;
  min-height: 0;
}
.container .left-nav .navbar-default {
  background: #fff;
}
.container .left-nav .navbar-header {
  display: none;
}
.container .left-nav #navigationLeft {
  padding: 0;
}
.container .left-nav #navigationLeft #nav {
  width: 100%;
}
.container .left-nav #navigationLeft #nav li {
  border-bottom: 4px solid #fff;
  width: 100%;
}
.container .left-nav #navigationLeft #nav li a,
.container .left-nav #navigationLeft #nav li .daddy {
  width: 100%;
}
.container .left-nav #navigationLeft #nav li a {
  border: 0;
  padding: 10px 15px;
  white-space: normal;
}
.container .left-nav #navigationLeft #nav li a .title {
  margin-right: 5px;
}
.container .left-nav #navigationLeft #nav li a .caret {
  float: right;
  margin-top: 5px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.container .left-nav #navigationLeft #nav li a:hover {
  background: #AEC58F;
  color: #fff;
}
.container .left-nav #navigationLeft #nav li a:hover .daddy {
  background: #AEC58F;
  color: #fff;
}
.container .left-nav #navigationLeft #nav li ul {
  margin-left: 272.5px;
  margin-top: -34px;
}
.container .left-nav #navigationLeft #nav li ul li {
  border-bottom: 4px solid #fff;
}
.container .left-nav #navigationLeft #nav li ul li:last-child {
  border-bottom: 0;
}
.container .left-nav #navigationLeft #nav li:last-child {
  border-bottom: 0;
}
.container .left-nav #navigationLeft #nav .newsletter {
  background-color: #518abd;
  color: #fff;
}
.container .left-nav #navigationLeft #nav .newsletter:hover {
  background-color: #0A1E2F;
}
.container .left-nav .left-nav-images {
  display: inline-block;
  margin-top: 8px;
}
.container .left-nav .atol {
  clear: both;
  display: inline-block;
  padding: 15px 0;
  width: 100%;
}
.container .left-nav .adobe {
  display: inline-block;
  margin-top: 8px;
}
.container .left-nav .adobe img {
  margin-bottom: 5px;
}
.container .top-nav-collapse {
  display: none;
}
.container .top-nav-collapse .navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 15px;
  min-height: 0;
}
.container .top-nav-collapse .navbar-default {
  background-color: #b8b6ae;
  color: #fff;
}
.container div#supportingText.reversed {
  margin: 0;
  width: 100%;
}
.container .announcements {
  width: 100%;
  float: left;
}
.container .announcements li {
  width: 100%;
}
.container .main-content h1 {
  color: #518abd;
}
.container .main-content #homeBanner {
  display: inline-block;
}
.container .main-content #homeBanner .carousel-inner .item img {
  min-width: 847.5px;
  width: 100%;
}
.container .main-content #homeBanner .carousel-inner .item .carousel-caption {
  background: #ececec;
  bottom: 0;
  color: #4d4d4d;
  font-weight: bold;
  left: 0;
  padding: 15px;
  position: relative;
  right: 0;
  text-align: left;
  text-shadow: none;
  width: 100%;
}
.container .main-content #homeBanner .carousel-inner .item .carousel-caption p {
  margin: 0;
}
.container .main-content #homeBanner .carousel-control {
  background: none;
}
.container .main-content #homeBanner .carousel-control .glyphicon {
  top: 300px;
}
.container .main-content .home-text .h2 {
  line-height: 32px;
  margin: 20px 0;
}
.container .main-content #itemList a {
  font-size: 12px;
  padding: 5px 10px;
}
.container .main-content .buttonBox {
  margin-bottom: 15px;
  margin-left: 15px;
}
.container .center-content h1 {
  color: #518abd;
  margin-bottom: 20px;
}
.container .center-content p {
  padding-bottom: 15px;
  line-height: 20px;
}
.container .center-content #info {
  margin: 0;
}
.container .center-content #info p {
  margin: 0;
  text-align: left;
  width: 100%;
}
.container .center-content #info #itemList {
  margin: 0;
}
.container .center-content #itemList a {
  font-size: 12px;
  padding: 5px 10px;
}
.container .right-feature {
  background-color: #518ABD;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  padding: 10px;
  width: 100%;
}
.container .right-feature a {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 5px 10px;
}
.container .right-feature p {
  margin-bottom: 20px;
}
.container #footer {
  margin-top: 7px;
  width: 100%;
}
.contact .main-content img {
  float: right;
  margin-left: 25px;
}
.links .main-content p {
  margin-bottom: 15px;
}
#contactForm legend {
  color: #fff;
  padding: 5px 10px;
}
/*==== Specific Page Rules ====*/
.our-team .team-mem-type-title {
  background-color: #518ABD;
  color: #fff;
  margin: 15px 0;
  padding: 10px;
  width: 100%;
}
.our-team .col-md-3 {
  padding: 0;
}
.our-team .team-member {
  height: 270px;
  margin-bottom: 10px;
  margin-right: 10px;
  background: #F5F5F5;
  padding: 0 10px;
  text-align: center;
}
.our-team .team-member a {
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #4D4D4D;
}
.our-team .team-member img {
  max-width: 200px;
  max-height: 200px;
  margin: 0 auto 5px;
}
.our-team .team-member:hover {
  background: #E8E5D9;
}
.gallery .main-content {
  margin-bottom: 20px;
}
.gallery .gallery-filter {
  padding: 0;
}
.gallery .gallery-images {
  padding: 0;
}
.gallery .gallery-images .image-and-caption {
  margin-bottom: 24px;
  width: 500px;
}
.gallery .gallery-images .prev-next {
  margin-bottom: 20px;
  width: 500px;
}
.brochure .main-content img {
  float: right;
  margin-left: 25px;
}
/*==== Media Queries ====*/
@media only screen and (max-width: 1199px) {
  /* Large Desktop */
  .container .banner .banner-logo {
    left: 60px;
  }
  .container .top-nav .navbar-default #navigationTop .nav li a {
    padding: 4px 1px 6px;
  }
  .container .left-nav #navigationLeft #nav li ul {
    margin-left: 222.5px;
  }
  .container .main-content #homeBanner .carousel-inner .item img {
    min-width: 697.5px;
  }
  .container .main-content #homeBanner .carousel-control {
    background: none;
  }
  .container .main-content #homeBanner .carousel-control .glyphicon {
    top: 240px;
  }
  .our-team .team-member img {
    max-width: 100%;
  }
  .gallery .gallery-images .image-and-caption {
    float: right;
  }
  .gallery .gallery-images .prev-next {
    float: right;
  }
}
@media only screen and (max-width: 991px) {
  /* Desktop */
  .container .banner .banner-logo {
    left: 10px;
  }
  .container .top-nav {
    display: none;
  }
  .container .left-nav {
    margin-top: 15px;
  }
  .container .left-nav .navbar-default {
    border: 1px solid #366D96;
    color: #366D96;
  }
  .container .left-nav .navbar-default .navbar-header {
    display: inline-block;
    float: right;
  }
  .container .left-nav .navbar-default .navbar-header .navbar-toggle {
    border: 2px solid #366D96;
    border-radius: 10px;
  }
  .container .left-nav .navbar-default .navbar-header .navbar-toggle .icon-bar {
    background-color: #366D96;
  }
  .container .left-nav .navbar-default .navbar-header .navbar-brand {
    color: #366D96;
  }
  .container .left-nav .navbar-default .navbar-collapse.in {
    overflow-y: initial;
  }
  .container .left-nav .navbar-default #navigationLeft {
    width: 100%;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li ul {
    margin-left: 422.5px;
    margin-top: 4px;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li a .caret {
    margin-top: 6px;
  }
  .container .left-nav .navbar-default #navigationLeft .left-nav-images {
    width: 100%;
  }
  .container .left-nav .navbar-default #navigationLeft .left-nav-images img {
    margin-left: auto;
    margin-right: auto;
  }
  .container .left-nav .navbar-default #navigationLeft .adobe {
    text-align: center;
  }
  .container .top-nav-collapse {
    display: block;
  }
  .container .top-nav-collapse .navbar-default .navbar-header {
    display: inline-block;
    float: right;
  }
  .container .top-nav-collapse .navbar-default .navbar-header .navbar-toggle {
    border: 2px solid #fff;
    border-radius: 10px;
  }
  .container .top-nav-collapse .navbar-default .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .container .top-nav-collapse .navbar-default .navbar-header .navbar-brand {
    color: #fff;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat {
    border-top: 1px solid #fff;
    width: 100%;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav {
    margin: 10px 0;
    text-align: center;
    width: 100%;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li {
    display: inline-block;
    width: 100%;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li #home {
    background-image: none;
    display: block;
    float: none;
    margin-right: 0;
    padding: 10px 15px;
    width: auto;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li #home.current {
    background-image: none;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li .home-text {
    display: inline-block;
  }
  .container .top-nav-collapse .navbar-default #navTopRepeat .nav li a {
    color: #fff;
    font-size: 16px;
  }
  .container .main-content #homeBanner .carousel-inner .item img {
    min-width: 720px;
  }
  .container .main-content #homeBanner .carousel-control {
    background: none;
  }
  .container .main-content #homeBanner .carousel-control .glyphicon {
    top: 250px;
  }
  .container .center-content h1 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  /* Tablet */
  .container {
    /*#footer {
		p {
			margin-left: auto;
			margin-right: auto;
			width: 275px;
		}
	}*/
  }
  .container .banner {
    height: 150px;
    overflow: hidden;
    width: 100%;
  }
  .container .banner .banner-background {
    float: left;
    margin-left: -158px;
  }
  .container .left-nav .navbar-default #navigationLeft #nav li ul {
    margin-left: 7.5px;
  }
  .container .main-content #homeBanner .carousel-inner .item img {
    min-width: 0;
  }
  .container .main-content #homeBanner .carousel-control {
    background: none;
  }
  .container .main-content #homeBanner .carousel-control .glyphicon {
    top: 45%;
  }
  .container .main-content #bookingForm fieldset {
    width: 345px;
  }
  .container .main-content #bookingForm #emergencyContact textarea {
    width: 325px;
  }
  .container .main-content #bookingForm #signaturebox #Signature {
    margin-bottom: 10px;
    margin-right: 0;
    width: 253px;
  }
  .container .main-content .home-text .h2 {
    line-height: 32px;
    margin: 20px 0;
  }
  .container .right-feature {
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
  }
  .container .right-feature p {
    text-align: center;
  }
  .container .right-feature p img {
    margin-left: auto;
    margin-right: auto;
  }
  .gallery .gallery-filter #filterForm {
    margin-bottom: 20px;
  }
  .gallery .gallery-images {
    float: left;
  }
  .gallery .gallery-images .image-and-caption {
    float: left;
    width: 100%;
  }
  .gallery .gallery-images .prev-next {
    float: left;
    width: 100%;
  }
  .our-team .team-member {
    margin-right: 0;
  }
  .contact .main-content img {
    display: none;
  }
  .contact .main-content #contactForm {
    margin-bottom: 10px;
  }
  .contact .main-content .address {
    float: none;
    margin-left: 35px;
    text-align: center;
  }
}
@media only screen and (max-width: 479px) {
  /* Mobile */
  .container .main-content .buttonBox {
    margin-left: 0;
    width: 100%;
  }
}
/*==== Retina Displays (2x Resolution Devices) ====*/
/*==== Print ====*/
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
}