/* File: main.css for Ocean Safari Scuba */

/*********************************** Responsive Grid for Screens Bigger than 1680px ***************************************/

@media (min-width: 1680px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1650px;
  }
  .span12 {
    width: 1550px;
  }
  .span11 {
    width: 1450px;
  }
  .span10 {
    width: 1350px;
  }
  .span9 {
    width: 1250px;
  }
  .span8 {
    width: 1150px;
  }
  .span7 {
    width: 1050px;
  }
  .span6 {
    width: 950px;
  }
  .span5 {
    width: 850px;
  }
  .span4 {
    width: 750px;
  }
  .span3 {
    width: 650px;
  }
  .span2 {
    width: 550px;
  }
  .span1 {
    width: 450px;
  }
  .offset12 {
    margin-left: 1710px;
  }
  .offset11 {
    margin-left: 1610px;
  }
  .offset10 {
    margin-left: 1510px;
  }
  .offset9 {
    margin-left: 1410px;
  }
  .offset8 {
    margin-left: 1310px;
  }
  .offset7 {
    margin-left: 1210px;
  }
  .offset6 {
    margin-left: 1110px;
  }
  .offset5 {
    margin-left: 1010px;
  }
  .offset4 {
    margin-left: 910px;
  }
  .offset3 {
    margin-left: 810px;
  }
  .offset2 {
    margin-left: 710px;
  }
  .offset1 {
    margin-left: 610px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1636px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1536px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 1436px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 1336px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 1236px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 1136px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 1036px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 936px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 836px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 736px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 636px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 536px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}


/*********************************** Main Elements ***************************************/

body {background:rgb(2,15,23);font-family:'Droid Sans',Helvetica,Arial,sans-serif;font-weight:400;margin:0;padding:0;font-size:14px;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.error, .error p {color: #B94A48;}
.container {margin-bottom:0;position:relative;}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {max-width:1230px;}

.background-image {width:100%;max-width:1170px;height:317px;position:absolute;z-index:-1;}
    .background-image.background-about {background:url('../images/background-about.jpg');}
  .background-image.background-dive-trips {background:url('../images/background-dive-trips.jpg');}
  .background-image.background-learn-to-dive {background:url('../images/background-learn-to-dive.jpg');}
  .background-image.background-eco-courses {background:url('../images/background-eco-courses.jpeg');}
  .background-image.background-community {background:url('../images/background-community.jpg');}
  .background-image.background-dive-shop {background:url('../images/background-dive-shop.jpg');}
  .background-image.background-calendar {background:url('../images/background-calendar.jpg');}
  .background-image.background-contact {background:url('../images/background-contact.jpg');}
.background-image-home {width:100%;height:100%;position:absolute;z-index:-1;background:#000 url('../images/background-home.jpg') no-repeat 50% 0;background-size:100% auto;}

.background-image-mobile {display:none;width:100%;max-width:767px;height:450px;position:absolute;z-index:-1;background-size:auto 100%;}
  .background-image-mobile.background-about {background:#000 url('../images/background-about-mobile.jpg') 50% 0 no-repeat;}
  .background-image-mobile.background-dive-trips {background:#000 url('../images/background-dive-trips-mobile.jpg') 50% 0 no-repeat;}
  .background-image-mobile.background-learn-to-dive {background:#000 url('../images/background-learn-to-dive-mobile.jpg') 50% 0 no-repeat;}
  .background-image-mobile.background-eco-courses {background:#000 url('../images/background-eco-courses.jpeg') 50% 0 no-repeat;}
  .background-image-mobile.background-community {background:#000 url('../images/background-community-mobile.jpg') 50% 0 no-repeat;}
  .background-image-mobile.background-dive-shop {background:#000 url('../images/background-dive-shop-mobile.jpg') 50% 0 no-repeat;}
  .background-image-mobile.background-calendar {background:#000 url('../images/background-calendar-mobile.jpg') 50% 0 no-repeat;}
  .background-image-mobile.background-contact {background:#000 url('../images/background-contact-mobile.jpg') 50% 0 no-repeat;}
.background-image-home-mobile {display:none;width:100%;height:100%;position:absolute;z-index:-1;background:url('../images/background-home-mobile.jpg') no-repeat 50% 0;background-size:100% auto;}

.background-image-xl-large {display:none;width:1650px;height:450px;position:absolute;z-index:-1;}
  .background-image-xl-large.background-about {background:#000 url('../images/background-about-xl-large.jpg') no-repeat;}
  .background-image-xl-large.background-dive-trips {background:#000 url('../images/background-dive-trips-xl-large.jpg') no-repeat;}
  .background-image-xl-large.background-learn-to-dive {background:#000 url('../images/background-learn-to-dive-xl-large.jpg') no-repeat;}
  .background-image-xl-large.background-eco-courses {background:#000 url('../images/background-eco-courses.jpeg') no-repeat;}
  .background-image-xl-large.background-community {background:#000 url('../images/background-community-xl-large.jpg') no-repeat;}
  .background-image-xl-large.background-dive-shop {background:#000 url('../images/background-dive-shop-xl-large.jpg') no-repeat;}
  .background-image-xl-large.background-calendar {background:#000 url('../images/background-calendar-xl-large.jpg') no-repeat;}
  .background-image-xl-large.background-contact {background:#000 url('../images/background-contact-xl-large.jpg') no-repeat;}
.background-image-home-xl-large {display:none;width:100%;height:100%;position:absolute;z-index:-1;background:url('../images/background-home-xl-large.jpg') no-repeat 50% 0;background-size:100% auto;}

h1,h2,h3,h4,li,p,a {color:#222;font-weight:normal;}

h1,h2,h3 {font-family:"Arvo";font-weight:700;text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);margin:0;padding:0;line-height:1em;}

h1 {font-size:25px;}

h3 {font-size:20px;color:#222;text-shadow:none;margin-bottom:1.5em;}

h4 {font-size:16px;font-weight:bold;margin:0 0 1em 0;line-height:1.2em;}
h4 a {color:#222;text-decoration:none;font-weight:bold;}

p {font-size:14px;line-height:1.6em;}

p a {text-decoration:underline;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;color:#005580;}
p a:hover {color:#005580;text-decoration:none;cursor:pointer;}
p a.external-link {color:#222;margin:.3em 0;display:block;}
p a.external-link i {margin-right:0.45em;}
p a.external-link:hover {text-decoration:none;}

.caption {font-size:12px;margin:8px 0 25px;color:#888;line-height:1.2em !important;}

.description_text {background: transparent;border: 0px;margin: 0px;padding: 0px;font-family: 'Droid Sans',Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.3em;}

.tag-cloud {margin-bottom:90px;}
.tag-cloud .tag {padding:2px 4px 3px;margin:0px 1px 7px 0;color:#222;background:#efefef;text-decoration:none;line-height:2em;white-space:nowrap;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.tag-cloud .tag:hover {background:#005580;color:#fff;text-decoration:none;}
.tag-cloud .tag-1 {font-size:18px;}
.tag-cloud .tag-2 {font-size:16px;}
.tag-cloud .tag-3 {font-size:14px;}
.tag-cloud .tag-4 {font-size:12px;}
.tag-cloud .view-all {color:#222;text-decoration:none;display:block;margin-top:13px;}
.tag-cloud .view-all:hover {color:#005580;text-decoration:underline;}

#login, #forget_pass_popup, #reset-password {margin:0px;padding:0px;left:35%; width:370px; background-color:#555;}
#login .popup,
#forget_pass_popup .popup,
#reset-password .popup {margin:0px;width:370px;}
#login .popup .controls {margin:0px;}
.popup .controls .span3 {width:260px;}
.popup .popup-close {position: absolute;right: -7px;top: -7px;}
.popup .content {background: #F1F1F1;margin: 1px;box-shadow: none;border-radius:1px;padding: 40px 40px 20px 40px;}
.popup .content .btn {margin-top:20px;}
.popup .content .divider {margin:0 1em;color:#bbb;}
.popup .content a.forget {text-decoration:underline;}
#popup h3 {margin-bottom:10px;}

.uploaded {position: relative;}
.uploaded .js-delete {position: absolute;right: -15px;top: -15px;}

.TextTruncate {overflow-y:hidden}
.TextTruncateToggle {width:100%;position:relative;border-top:1px solid #fff;text-align:left;padding-top:7px}
.TextTruncateToggle:hover {border-color:#fff;cursor:pointer}
.TextTruncateToggle .Fade {position:absolute;z-index:2;width:100%;height:25px;margin-top:-33px;background:transparent url('../images/fade.png') 0 0 repeat-x;}
.TextTruncateToggle .More {color:#005580;font-size:14px;float:none;}
.TextTruncateToggle .More span {text-decoration:underline;}
.TextTruncateToggle:hover .More span {text-decoration:none;}



@media (min-width: 979px) and (max-width: 1199px) {

.background-image {width:940px;height:255px;}

}

@media (max-width: 767px) {

body {padding:0;}

}

@media (max-width: 979px) {

.background-image-home {display:none;}
.background-image-mobile,
.background-image-home-mobile {display:block;}

}

@media (min-width: 1680px) {

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {max-width:1680px;}

.background-image-xl-large,
.background-image-home-xl-large {display:block;}

}

/*********************************** CKEditor ***************************************/

span.cke_skin_kama {-webkit-border-radius:1px !important;-moz-border-radius:1px !important;border-radius:1px !important;}


/*********************************** Form Elements ***************************************/

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding: 8px 6px;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}

.btn-primary {background:#3b3b3b;font-weight:bold;border:none;padding:8px 50px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.btn-primary:hover {background:#222;}

.alert {-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}


@media (max-width: 767px) {

select {padding: 8px 6px !important;-webkit-border-radius: 1px !important;-moz-border-radius: 1px !important;border-radius: 1px !important;background:#eee !important;height:36px !important}

}


/*********************************** Header / Navigation ***************************************/

.navbar {float:right;margin:47px 40px 0 0;font-family:"Arvo";text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);}

.navbar a {transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;cursor:pointer;}

.navbar-inner {padding-right:0;padding-left:0;background:none;border:none;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.navbar-inverse .navbar-inner {background:rgba(255,255,255,0.1);}

.navbar .nav {margin-right:0;}

.navbar .nav > li.active {border-bottom:1px solid #fff;}

.navbar .nav > li > a {padding:15px 8px;}
.navbar .nav > li > a:hover {background:rgba(2,15,23,0.75);}

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {font-size:16px;color:#fff;font-weight:700;}

.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover {color:#ffffff;}

.navbar .nav .dropdown-toggle .caret {margin-left:4px;border-top-color:#ffffff !important;border-bottom-color:#ffffff !important;}

.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {border-bottom:none;border-top:none;}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {background:rgba(2,15,23,0.6);}

.navbar .dropdown-menu {margin:0;background:rgba(2,15,23,0.6);border:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

.navbar .dropdown-menu li > a {font-size:16px;padding:7px 11px 7px 9px;line-height:1em;color:#fff;text-decoration:none;}

.navbar .dropdown-menu li > a:hover,
.navbar .dropdown-menu li > a:focus,
.navbar .dropdown-submenu:hover > a {background:rgba(2,15,23,0.75);}

.logo {margin:15px 0 0 33px;width:130px;height:84px;}

@media (min-width: 1680px) {

.navbar .nav > li > a {padding:20px 15px;}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {font-size:22px;}

.navbar .nav .dropdown-toggle .caret {margin-left:7px;}

.dropdown-menu li > a {font-size:18px;padding:10px 15px 10px 15px;}

.logo {margin:15px 0 0 40px;width:251px;height:163px;}

}

@media (min-width: 1200px) and (max-width: 1679px) {

.navbar-inverse .brand,
.navbar-inverse .nav > li > a {font-size:19px;}

.logo {margin:8px 0 0 32px;width:195px;height:127px;}

}

@media (min-width: 980px) and (max-width: 1199px) {

.navbar {margin-top:35px;}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {font-size:15px;}
.navbar .dropdown-menu li > a {font-size:15px;}

}

@media (max-width: 979px) {

.logo-link {display:none;}
.logo-link-mobile {width:100%;display:block;text-align:center;margin-top:5%;}
.logo-link-mobile .logo {width:251px;height:163px;margin:0;margin-left:auto;margin-right:auto;}

.navbar {float:none;display:block;margin:0;}
.navbar .btn-navbar {float:none;margin:0;padding:1.75em 5%;background:none;border:none;box-shadow:none;}
.navbar .btn-navbar .nav-title {float:left;line-height:1em;margin-left:1.8em;font-size:18px;font-weight:700;margin-top:-0.1em;text-transform:uppercase;letter-spacing:1px;}

.navbar .nav > li.active {border-bottom:none;background:rgba(80,80,80,0.4) !important;}

.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {background:rgba(80,80,80,0.4);}

.navbar-inverse .nav .active .dropdown-menu {background:none;}

.navbar-inverse .navbar-inner {background: none repeat scroll 0 0 rgba(2,15,23,0.85);}

.navbar-inverse .nav-collapse .nav {margin:0;border-bottom:1px solid rgba(255,255,255,0.25);}

.navbar-inverse .nav-collapse .dropdown-menu {margin:0 0 0 5%;}

.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {color:#fff;font-size:18px;font-weight:normal;padding:0.85em 3%;border-top:1px solid rgba(255,255,255,0.1);margin:0;}
.navbar-inverse .nav-collapse .dropdown-menu a:hover {background:none;}

}

@media (min-width: 768px) and (max-width: 979px) {

.logo {width:251px;height:163px;}

}


/*********************************** Footer ***************************************/

.footer {background:rgba(11,14,22,0);min-height:600px;width:100%;margin:60px 0 0 0;padding:50px 0 0;}

.footer .contact-block p {line-height:1.3em;margin-bottom:13px;color:#fff;}
.footer .contact-block p a {color:#fff;}

.footer .social {float:right;margin:0;width:300px;min-height:38px;}
.footer .social ul {margin:0 0 30px;padding:0;}
.footer .social li {float:left;list-style:none;margin:0 10px 0 0;}
.footer .social li:last-child {margin-left:-2px;}
.footer .social .icon img {width:38px;height:38px;border:0;}
.footer .social label {color:#fff;font-weight:bold;margin-bottom:7px;}
.footer .social input[type="text"],
.footer .social input[type="email"] {width:210px;border:none;}
.footer .social .btn-primary {border:none;margin:-10px 0 0 3px;padding:9px 15px;box-shadow:none;}
.footer .social .btn-primary:hover {background-color:#4b4b4b}

.footer .calendar-subscription {list-style:none;margin:30px 0;display:block;}
.footer .calendar-subscription li {float:left;list-style:none;}
.footer .calendar-subscription > li:last-child {margin:9px 0 0 10px;}
.footer .calendar-subscription .icon-question-sign {opacity:0.5;filter:alpha(opacity=50);transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-webkit-transition: opacity .3s ease-in-out;}
.footer .calendar-subscription .icon-question-sign:hover {opacity:1;filter:alpha(opacity=100);}
.footer .calendar-subscription a {color:#fff;font-weight:bold;}
.footer .calendar-subscription .calendar-ical {background:url('../images/icon-ical.png') no-repeat 0 50%;padding:7px 0 5px 57px;display:block;margin-top:1px;}


.footer .partners {margin:70px 0 50px 0;min-height:124px;}
.footer .partners p {margin-bottom:13px;color:#fff;}
.footer .partners ul {margin:0;padding:0;}
.footer .partners li {float:left;list-style:none;margin:0 10px 10px 0;}
.footer .partners .partner img {width:auto;height:124px !important;border:1px solid #222;}

@media (min-width: 768px) {

.footer .social .icon {transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;opacity:0.7;filter:alpha(opacity=70);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.footer .social .icon:hover {opacity:1;filter:alpha(opacity=100);}

.footer .partners .partner {transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;opacity:0.7;filter:alpha(opacity=70);}
.footer .partners .partner:hover {opacity:1;filter:alpha(opacity=100);}
.footer .partners .partner:hover img {border-color:#333;}

}

@media (min-width: 1200px) {

.footer .social {width:370px;}

}

@media (min-width: 1680px) {

.footer .social {width:515px;}

}

@media (min-width: 980px) and (max-width: 1199px) {

.footer .social input[type="text"],
.footer .social input[type="email"] {width:155px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.footer {margin:45px 0 0 0;padding:35px 0 0;}

.footer-column.span5 {display:none;}
.footer-column.span7 {width:100%;}

.footer .social {width:100%;float:none;display:block;margin-bottom:35px;}
.footer .social label {margin-top:35px;}
.footer .partners li {margin:0 10px 10px 0;}
.footer .social ul {margin:0 0 20px;}

}

@media (max-width: 767px) {

.footer {margin-top:0;padding:0;}
.footer .contact-block {padding:20px 20px 0 20px;}
.footer .partners {padding:0 20px;}

.footer .social {width:100%;float:none;display:block;margin-bottom:35px;}
.footer .social ul {margin:0 0 20px;}
.footer .social label {margin-top:35px;}
.footer .social input[type="text"],
.footer .social input[type="email"] {width:60%;}
.footer .social .btn-primary {width:30%;}
.footer .partners li {margin:0 10px 10px 0;}

}


/*********************************** Footer Map ***************************************/

.footer-map {position:relative;z-index:10;width:478px;height:600px;margin-top:-580px;}
.footer-map .map {background:url("../images/footer-map-transparent.png") no-repeat;background-position:0 100%;width:420px;height:600px;background-size:420px 527px;}

.footer-map .island-link,
.footer-map .island-link .island,
.footer-map .island-link .island-hover {position:absolute;}

.footer-map .island-link .island {display:block;opacity:0.95;filter:alpha(opacity=95);}
.footer-map .island-link .island-hover {display:none;}

.footer-map .island-link:hover .island {display:none;}
.footer-map .island-link:hover .island-hover {display:block;}

.footer-map #shop {left:295px;top:150px;width:56px;height:69px;}
.footer-map #san_miguel_island {left:24px;top:138px;width:33px;height:25px;}
.footer-map #santa_rosa_island {left:54px;top:152px;width:43px;height:37px;}
.footer-map #santa_cruz_island {left:95px;top:152px;width:61px;height:38px;}
.footer-map #anacapa_island {left:155px;top:168px;width:19px;height:19px;}
.footer-map #tanner_bank {left:160px;top:417px;width:26px;height:20px;}
.footer-map #san_nicolas_island {left: 102px;top: 287px;width: 34px;height: 36px;}
.footer-map #santa_barbara_island {left:176px;top:272px;width:17px;height:18px;}
.footer-map #farnsworth_bank {left:225px;top:318px;width:16px;height:15px;}
.footer-map #santa_catalina_lsland {left:235px;top:291px;width:45px;height:53px;}
.footer-map #cortes_bank {left:137px;top:460px;width:47px;height:43px;}
.footer-map #san_clemente_island {left:217px;top:364px;width:37px;height:60px;}

@media (min-width: 1200px) {

.footer-map .map {background:url("../images/footer-map-transparent-large.png");width:511px;height:600px;background-size:100%;}

.footer-map #shop {left:365px;top:97px;width:56px;height:69px;}
.footer-map #san_miguel_island {left:31px;top:77px;width:38px;height:29px;}
.footer-map #santa_rosa_island {left:65px;top:90px;width:51px;height:43px;}
.footer-map #santa_cruz_island {left:116px;top:92px;width:72px;height:45px;}
.footer-map #anacapa_island {left:188px;top:110px;width:22px;height:21px;}
.footer-map #san_nicolas_island {left:130px;top:249px;width:34px;height:36px;}
.footer-map #tanner_bank {left:190px;top:385px;width:31px;height:24px;}
.footer-map #santa_barbara_island {left:221px;top:228px;width:20px;height:22px;}
.footer-map #farnsworth_bank {left:275px;top:278px;width:19px;height:18px;}
.footer-map #santa_catalina_lsland {left:286px;top:248px;width:53px;height:62px;}
.footer-map #cortes_bank {left:167px;top:436px;width:55px;height:51px;}
.footer-map #san_clemente_island {left:265px;top:330px;width:44px;height:70px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.footer-map {display:none;}

}

@media (max-width: 767px) {

.footer-map {display:none;}

}


/*********************************** PowerTip ***************************************/

#powerTip .popover-images {width:470px;height:225px;overflow:hidden;transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-webkit-transition: all .1s ease-in-out;}
#powerTip .popover-images:hover {opacity:0.95;filter:alpha(opacity=95);}
#powerTip .popover-images img {width:470px;height:225px;border:none;}
#powerTip .popover-thumbs {float:right;width:150px;overflow:hidden;}
#powerTip .popover-thumbs img {float:left;width:75px;height:75px;border:none;}
#powerTip .popover-text {padding:15px 20px 20px 20px;width:412px;}
#powerTip .popover-text h3,
#powerTip .popover-text p {font-size:14px;line-height:1.2em;color:#222;margin:0;white-space:normal;width:90%;}
#powerTip .popover-text h3 {display:block;color:#111;font-weight:bold;margin-bottom:10px;}
#powerTip .popover-list {width:130px;float:right;}
#powerTip .more-block {overflow-y:hidden;}
#powerTip .popover-list ul {margin:0 0 0 18px;}
#powerTip .popover-list li {line-height:1.2em;color:#222;}
#powerTip .popover-description {width:280px;}
#powerTip .popover-links {padding-top:10px;}
#powerTip .popover-links span {color:#ccc;}


/*********************************** Image Carousel ***************************************/

#carousel-desktop {display:block;}
#carousel-mobile {display:none;}


.carousel {width:100%;margin-bottom:40px;}
.carousel .span2,
.carousel .span3,
.carousel .span4 {margin:0;}
.carousel .thumbnails {background:#fff;}
.carousel .thumbnail {height:auto;overflow: hidden;}
.carousel .thumbnail img {width:100%;height:auto;}
.carousel .fancybox:hover {opacity:1;filter:alpha(opacity=100);}
.carousel .thumbnail:hover {opacity:1;filter:alpha(opacity=100);}

.carousel-control {border:none;outline:none;top:45%;background:rgba(2,21,23,0.2);}
.carousel-control:hover {background:rgba(2,21,23,0.5);}

@media (max-width: 767px) {

#carousel-desktop {display:none;}
#carousel-mobile {display:block;}
.carousel {min-height:250px;height:auto;}

}

@media (min-width: 768px) and (max-width: 979px) {

.carousel {width:644px;min-height:121px;height:121px;overflow:hidden;}
.carousel .carousel-inner {width:644px;overflow:hidden;}
.carousel .span3 {width:161px;}

}

@media (min-width: 980px) and (max-width: 1199px) {

.carousel {width:860px;height:161px;overflow:hidden;}
.carousel .carousel-inner {width:860px;overflow:hidden;}
.carousel .span3 {width:215px;}

}

@media (min-width: 1200px) and (max-width: 1679px) {

.carousel {width:1090px;height:205px;overflow:hidden;}
.carousel .carousel-inner {width:1092px;overflow:hidden;margin-left:-1px;}
.carousel .span3 {width:273px;}

}

@media (min-width: 1680px) {

.carousel {width:1570px;height:296px;overflow:hidden;}
.carousel .carousel-inner {width:1572px;overflow:hidden;margin-left:-1px;}
.carousel .span3 {width:393px;}

}


/*********************************** Pagination ***************************************/

.pagination {margin-top:80px;}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  -webkit-border-top-left-radius: 1px;
  -moz-border-radius-topleft: 1px;
  border-top-left-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius-bottomleft: 1px;
  border-bottom-left-radius: 1px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 1px;
  -moz-border-radius-topright: 1px;
  border-top-right-radius: 1px;
  -webkit-border-bottom-right-radius: 1px;
  -moz-border-radius-bottomright: 1px;
  border-bottom-right-radius: 1px;
 }


/*********************************** Modal ***************************************/

.modal-backdrop,
.modal-backdrop.fade.in {opacity: 0.2;filter:alpha(opacity=20);}

.modal {top: 20%;width: 560px;padding:35px;margin-left: -305px;background-color: #ffffff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.1);
  *border: 1px solid #ccc; /* IE6-7 */
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  -webkit-transition: opacity .05s linear, top .1s ease-out;
  -moz-transition: opacity .05s linear, top .1s ease-out;
  -o-transition: opacity .05s linear, top .1s ease-out;
  transition: opacity .05s linear, top .1s ease-out;
  top: 20%;
}
.modal.fade.in {top: 20%;}

.modal-header {padding:0 0 5px 0;border-bottom:none;}

.modal-header .close {margin-top:-2px;}

.modal-body {max-height:220px;padding:0 25px 0 0;overflow-y: auto !important;}

.modal-footer {padding:25px 0 0 0;margin-bottom:0;text-align:left;background-color:#fff;border-top:none;-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;}

.modal-footer span {color:#ccc;margin:0 5px;}

.modal a {cursor:pointer;}


@media (min-width: 1680px) {

.modal {top:40%;width:1000px;margin-left:-535px;}

}

@media (min-width: 1200px) and (max-width: 1679px) {

.modal {top:30%;width:700px;margin-left:-385px;}

}


/*********************************** Accordions ***************************************/

.accordion-group {border: 1px solid #E5E5E5;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;margin-bottom: 5px;}


/*********************************** Page Elements ***************************************/

.page-header {background:rgba(2,21,23,0.1);border-bottom:none;border-top:1px solid rgba(2,21,23,0.2);padding:30px 40px 25px;margin:32px 0 0;min-height:30px;}
.page-header .header-title {display:inline;}
.page-header .header-link {float:right;margin:5px 0 0 0;font-size:18px;font-weight:700;}
.page-header .header-title,
.page-header .header-link a,
.page-header .header-title a,
.page-header .header-link {font-family:"Arvo";color:#fff;text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);}

.page-header .header-link a,
.page-header .header-title a,
.page-header .header-link {text-decoration:none;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;font-weight:700;}

.page-header .header-title a:hover,
.page-header div.header-link a:hover,
.page-header a.header-link:hover {opacity:0.8;filter:alpha(opacity=80);}

.page-content {background:#fff;min-height:500px;padding:40px 40px 80px 40px;}
.page-content-row {margin-bottom:20px;}
.page-content .page-content-column {background:#fff;}
.page-content .photo-medium {margin-bottom:30px;width:95%;}

.page-content table {background:#fff;}

.table .table-striped th {padding-top:0px;padding-bottom:0px;}
.table .table-striped td {border:none;}

.table-striped tbody > tr:hover > td,
.table-striped tbody > tr:hover > th {background-color: #fff;}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {background-color: #e7e7e7;}

.table-hover tbody .pointer {position:absolute;margin:3px 0 0 -15px;background:url("../images/table-hover-pointer.png") no-repeat;width:7px;height:14px;visibility:hidden;}

.table thead .list-filter {height:35px;}


.thumbnails > li {margin:0 3px 3px 0;}
.thumbnail {border:none;border-radius:0;box-shadow:none;padding:0;}
.thumbnail {transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;cursor:pointer;}
a.thumbnail:hover,
a.thumbnail:focus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.thumbnail:hover,
.fancybox:hover {opacity:1;filter:alpha(opacity=100);}



.embedded-map {display:block;margin-bottom:30px;width:95%;height:400px;}
.embedded-map #view_map{height: 100%;}
.embedded-map #view_map img{max-width: none;}
.embedded-map iframe {height:400px;}
.embedded-map p {margin-top:0.25em;}
.embedded-map a {color:#888 !important;}

.login-head {padding:35px 0 20px;border-bottom:1px solid #d9d9d9;background:#efefef;margin:0;}
.login-head h4 {padding-left:40px;}
.login-head p {line-height:1.5em;padding-left:40px;}
.login-head .span6 p {max-width:80%;}
.login-head p a {margin:0 4px;white-space:nowrap;}
.login-head p span {color:#bbb;}
.login-head .btn-primary {margin:0 20px 20px 0;min-width:80px;padding:9px 40px;}

.print_disclaimer {display:none;}

@media (min-width: 768px) {

.table-hover tbody tr:hover td,
.table-hover tbody tr.active td {background-color: #00b6ea;color:#fff;cursor:pointer;}
.table-hover tbody tr:hover .pointer,
.table-hover tbody tr.active .pointer {visibility:visible;}

}

@media (max-width: 979px) {

.page-content {padding:5% 5% 10% 5%;}
.page-header {padding-left:5%;}

}

@media (min-width: 979px) and (max-width: 1200px) {

.col-3 .thumbnails > li {float:left;width:22%;margin:0 2% 2% 0;}

}


@media (min-width: 768px) and (max-width: 979px) {

.page-header .header-title {display:block;}
.page-header .header-link {display:none;}

.embedded-map iframe {height:300px;}

}

@media (min-width: 1200px) and (max-width: 1679px) {

.page-header {margin-top:60px;}

}

@media (max-width: 767px) {

.page-header .header-title {display:block;font-size:1.5em;}
.page-header .header-link {display:none;}
.page-content .photo-medium {margin-bottom:30px;width:100%;}
.page-content-row {margin-bottom:50px;}
.embedded-map {margin-bottom:50px;width:100%;}

.login-head {padding:7% 0 6%;}
.login-head h4,
.login-head p {padding:0 5%;}
.login-head .btn-primary {margin:0 0 2% 5%;}

.thumbnails > li {float:left;width:22%;margin:0 2% 2% 0;}

.thumbnail > img  {width:100%;}

}

@media (min-width: 1680px) {

.page-header {margin-top:185px;}
.embedded-map iframe {height:550px;}

}


/*********************************** Homepage ***************************************/

.home-boxes {margin-top:278px;}

.home-boxes .page-content {background:none;padding:0 40px 0 40px;min-height:200px;}

.home-box {background:rgba(255,255,255,0.15);}

.home-box h2 {font-size:16px;margin:13px 0 13px 20px;color:#fff;}

.home-box .see-all {float:right;margin:14px 20px 0 0;color:#fff;}
.home-box .nav-list li a,
.home-box .bottom-links {background:rgba(2,15,23,0.7);min-height:36px;margin-top:1px;line-height:1.2em;padding:7px 20px;color:#fff;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.home-box .bottom-links {min-height: auto; padding: 10px 20px; margin-bottom: 0;}
.home-box .bottom-links a {color: #fff; font-weight: bold; text-decoration: none;}
.home-box .nav-list li a:hover,
.home-box .bottom-links:hover {background:rgba(2,15,23,0.8);}

.home-box .nav-list li .home-thumbnail {float:left;width:70px;height:70px;margin:0 15px 0 -15px;object-fit: cover;}

.home-box .nav-list li.home-updates {background:rgba(2,15,23,0.7);display:block;margin:0 -15px 0 -15px;padding:15px 15px 15px 20px}
.home-box .nav-list li.home-updates:first-child {padding-bottom: 3px} 
.home-box .nav-list li.home-updates p {color:#fff; display: block;line-height: 1.2em;margin-bottom:1em}
.home-box .nav-list li.home-updates a {margin:0;padding:0;display:block;margin:0 3.5% 0 0;float:left;width:17%;background: none}
.home-box .nav-list li.home-updates a:last-child {margin-right:0}
.home-box .nav-list li .home-updates-thumbnail {width:100%;height:auto;object-fit: cover;}
.home-box .nav-list li a:hover .home-updates-thumbnail {opacity:.8}


@media (min-width: 1200px) {

.home-box h2 {font-size:19px;}

}

@media (min-width: 980px) and (max-width: 1199px) {

.home-box h2 {font-size:15px;line-height:1.2em;min-height:35px;}
.home-box .see-all {margin-top:13px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.home-box h2 {max-width:120px;min-height:35px;line-height:1.2em;}
.home-box .see-all {margin-top:13px;}

}

@media (max-width: 979px) {

.home-boxes {margin-top:5%;}
.home-box h2 {font-size:15px;}
.home-boxes .page-content {padding:0 3% 0 3%;}

}

@media (max-width: 767px) {

.home-box {padding-top:5px;margin-bottom:5%;}
.home-box h2 {margin-bottom:20px;}
.home-box .see-all {margin-top:10px;}

.home-box .nav-list li .home-thumbnail {width:100px;height:100px}

}


/*********************************** About Us ***************************************/

.about-text p {margin:0 0 1.6em;}

@media (max-width: 767px) {

#about .col-1 {display:none;}

}


/*********************************** Upcoming Local & Eco Trips ***************************************/

.featured-photos h3 {margin-bottom:1.6em;}

#local-trips .page-content-row {margin-bottom:10px;}
#local-trips .featured-photos {margin-bottom:30px;}

.island-detail,.eco-trip-detail {display:none;}
#island-detail-1 {display:block;}

.island-detail,.eco-trip-detail {margin-bottom:70px;width:95%;}
.island-map {background:url("../images/island-map-blank.jpg") no-repeat;background-size:100%;margin-bottom:20px;min-height:370px; position:relative;}
.island-map .trip-map-img{ position: absolute; top:0px; left:0px; }

.ecotrip-photo {margin-bottom:20px}

.local-trips-table,
.eco-trips-table {margin-bottom:40px;}
.local-trips-table th,
.eco-trips-table th {vertical-align:middle;padding:0 0 20px 3px;height:20px;}
.local-trips-table div,
.eco-trips-table div {font-weight:normal;color:#555;padding-left:3px;}
.local-trips-table th div,
.eco-trips-table th div {font-weight: bold;}
.local-trips-table th select,
.eco-trips-table th select {font-weight: bold;}
.local-trips-table .list-filter,
.eco-trips-table .list-filter {padding:0;height:18px !important;margin:0 0 1px 0 !important;border:none;color:#555;outline:none;}
.local-trips-table #islands-filter,
.eco-trips-table #destination-filter {width:110px;}
.local-trips-table #boats-filter,
.eco-trips-table #theme-filter {width:70px;}

.eco-trips-table .col-1 {width: 20%;}
.eco-trips-table .col-2 {width: 50%;}

.download-calenders .control-label { display: inline-block;margin-top:35px;}
.download-calenders a { color: #005580;text-decoration:underline;}
.download-calenders a:hover {text-decoration:none;}


@media (min-width: 768px) and (max-width: 979px) {

.local-trips-table .col-4,
.local-trips-table .col-5,
.local-trips-table .col-6 {display:none;}
.island-map {min-height:280px;}

}

@media (max-width: 767px) {

.island-detail {display:none !important;}
.table-hover tbody .pointer {display:none !important;}

}

@media (min-width: 1200px) {

.island-map {min-height:450px;}

}

@media (min-width: 1680px) {

.island-map {width:726px;height:625px;margin-bottom:30px;}
.island-map img {width:726px;height:625px;}

}


/*********************************** Upcoming Overseas Trips ***************************************/

#overseas-trips .page-content-row {margin-bottom:10px;}
#overseas-trips .page-content-row .col-1,
#overseas-trips .page-content-row .col-2 {margin-bottom:30px;}
#overseas-trips .featured-photos {margin-bottom:30px;}
#overseas-trips h4 {font-size:21px;margin-bottom:.7em;}
#overseas-trips .page-content-row .span4 {margin-left:0 !important}

.trip-description .trip-title,
.trip-description .trip-subtitle {line-height:1.3em;margin-bottom:1.3em;}
.trip-description ul {margin-bottom:2em;}

.trip-description .trip-title {font-size:21px;}

@media (max-width: 767px) {

#overseas-trips .page-content-row .col-1 {margin-bottom:0;}
#overseas-trips .page-content-row .col-2 {margin-bottom:50px;}

.trip-description table,
.trip-description table table,
.trip-description table p,
.trip-description img {max-width:100%;}

}

@media (min-width: 768px) and (max-width: 979px) {

.trip-description table,
.trip-description img {max-width:317px;}

}

@media (min-width: 980px) {

.trip-description table,
.trip-description img {max-width:420px;}

}

@media (min-width: 1200px) {

.trip-description table,
.trip-description img {max-width:530px;}

}

@media (min-width: 1680px) {

.trip-description table,
.trip-description img {max-width:728px;}

}


/*********************************** Channel Islands ***************************************/

#channel-islands .island-map {width:95%;min-height:280px;}
#channel-islands .page-content-row {margin-bottom:50px;}
#channel-islands .islands-anchor {position:absolute;display:block;height:1px !important;width:1px !important;visibility:hidden;}

#channel-islands .col-2 h4,
#channel-islands .col-2 p {width:95%;}

#channel-islands .island_thumbs {max-width:80px;max-height:80px;}

@media (max-width: 767px) {

#channel-islands .island_thumbs {max-width:100%;max-height:100%;}

}

@media (min-width: 980px) and (max-width: 1199px) {

#channel-islands .island_thumbs {max-width:62px;max-height:62px;}

}

@media (min-width: 1680px) {

#channel-islands .island-map,
#channel-islands .island-map img {height:405px;}
#channel-islands .col-3 .thumbnails > li {margin:0 5px 5px 0;}
#channel-islands .island_thumbs {max-width:115px;max-height:115px;}

}


/*********************************** Boats ***************************************/

#boats .page-content-row {margin-bottom:40px;}

#boats .col-2 h4,
#boats .col-2 p {width:95%;}

@media (max-width: 767px) {

#boats .page-content-row {margin-bottom:50px;}
#boats .col-3 h4 {margin-bottom:0;}

}


/*********************************** Travel Partners ***************************************/

#travel_partners .page-content {padding-bottom: 20px; min-height: auto;}

.travel-partners-description {margin-bottom: 2em;}
.travel-partners-description.active p {color: #e74c3c}

.travel-partners-map {position:relative}

.travel-partners-pin {position:absolute;}
.travel-partners-pin .pin {background-image: url(../images/if_map-marker_299087.png);width: 25px; height: 25px; background-size: contain; margin: -100% 0 0 -50%;}
.travel-partners-pin:hover {cursor: default}


.travel-partners-tip {position:absolute; padding:.75em 1em;border-radius:2px;background-color:rgba(231,76,60,1);color:#fff;display:none; font-size: .8em; line-height: 1.2em; font-weight: normal; width: 150px; text-align: center; z-index: 10; }
.travel-partners-tip span {display: block; font-family:"Arvo"; font-weight: bold}
.travel-partners-pin:hover .travel-partners-tip {display: block; bottom: 11px; left: -88px;}

.travel-partners-map .partner1 {right:24%;top:33%}
.travel-partners-map .partner2 {right:19%;top:39%}
.travel-partners-map .partner3 {right:9%;bottom:16%}
.travel-partners-map .partner4 {right:10%;bottom:35%}
.travel-partners-map .partner5 {right:40%;bottom:37%}
.travel-partners-map .partner6 {left:37%;bottom:41%}
.travel-partners-map .partner7 {left:42%;bottom:49%}
.travel-partners-map .partner8 {left:40%;bottom:44%}
.travel-partners-map .partner9 {right:18%;bottom:40%}
.travel-partners-map .partner10 {left:18%;bottom:52%}
.travel-partners-map .partner11 {right:10%;bottom:55%}

@media (max-width: 979px) {

#travel_partners .page-content {padding-bottom: 0;}    
    
#travel_partners .col-1,
#travel_partners .col-2 {width:100%; margin:0 0 10px 0}
    
.travel-partners-link {position:relative;font-size:14px;padding:0;line-height:1.6em;border-radius:0;background:none;color:#000;display:block; min-width:100%;max-width:100%;margin:0 0 2em;left:0 !important; top:0 !important; box-shadow: none}
.travel-partners-link span {font-size:14px;margin-bottom: 0}    
.travel-partners-link a {color:#000}  
.travel-partners-link a:hover {color: #000}    

}



/*********************************** Why Learn With Us ***************************************/

#why-learn-with-us .col-2 p {margin:0 0 1.6em;}

@media (max-width: 767px) {

#why-learn-with-us .col-1 {display:none;}

}


/*********************************** Courses & Seminars ***************************************/

#course ol,
#course ul {margin-bottom:1.8em;}
.courses_detail p a {margin-top:1em;display:block}
.courses_detail {padding-bottom:10px;}

@media (max-width: 767px) {

#courses-seminars .col-1,
#course .col-1 {display:none;}

}


/*********************************** Pools ***************************************/

#pools .page-content-row {margin-bottom:50px;}

@media (max-width: 767px) {

#pools .col-1 {display:none;}

}


/*********************************** Staff ***************************************/

#staff .page-content-row {margin-bottom:50px;}
#staff .job-title {font-weight:normal;margin-top:-.85em;}


/*********************************** Divers ***************************************/

#diver .diver-profile,
#blog-entry .diver-profile {width:95%;}
#diver .diver-name,
#blog-entry .diver-name {margin:25px 0 15px;}
#diver .job-title,
#blog-entry .job-title {font-weight:normal;margin-top:-.75em;margin-bottom:1.1em;}
#diver .diver-location,
#blog-entry .diver-location {font-size:16px;}
#diver .diver-description,
#blog-entry .diver-description {margin:23px 0 40px;}
#diver .diver-description p,
#blog-entry .diver-description p {line-height:1.6em;margin-bottom:1.6em;}

#divers .page-content {padding:30px 50px 50px 30px;}
#divers .page-content-row {margin-bottom:0;}
#divers .pagination {margin-top:30px;}

.diver-thumb {min-width:122px;padding:10px 10px 3px 10px;margin-bottom:30px;background:none;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;cursor:default;}
.diver-thumb:hover {background:#f3f3f3;}

.diver-thumb img {width:auto;height:auto;}
.diver-thumb .diver-name {font-size:14px;margin:10px 0 1px;color:#111;}
.diver-thumb .diver-name a:hover {color:#444;text-decoration:none;}
.diver-thumb .diver-location {margin:0 0 8px 0;}
.diver-thumb .diver-intro,
.diver-thumb .diver-link {font-size:12px;line-height:1.2em;}
.diver-thumb .diver-intro {max-height:70px; overflow: hidden;}
.diver-thumb .nowrap { display: block; overflow: hidden; }

#profile .control-group input[type="text"],
#profile .control-group input[type="password"],
#profile .control-group textarea {min-width:230px;width:80%;}
#profile .control-group textarea {height:200px;}
#profile .control-group span.cke_skin_kama {width:80%;}

@media (min-width: 1200px) {

.diver-thumb {min-width:160px;margin-bottom:40px;}
.diver-thumb img {min-height:160px;}
.diver-thumb .diver-name {font-size:16px;margin:12px 0 3px;}

}

@media (min-width: 980px) and (max-width: 1199px) {

#profile .control-group span.cke_skin_kama {width:96%;}

}

@media (min-width: 768px) and (max-width: 979px) {

.diver-thumb {min-width:92px;margin-bottom:20px;}
.diver-thumb img {min-height:92px;}
.diver-thumb .diver-name {font-size:12px;margin:10px 0 2px;}
.diver-thumb .diver-location {font-size:12px;margin:0 0 8px 0;}
.diver-thumb .diver-intro {display:none;}

#profile .col-1,
#profile .col-2 {width:100%;margin-left:0;}
#profile .col-1 {margin-bottom:50px;}

}

@media (max-width: 767px) {

#diver .span4 {margin-bottom:50px;}
#diver .diver-profile {width:100%;}
#divers .page-content {padding:5% 5% 10%;}
.diver-thumb {padding:0;margin-bottom:50px;}
.diver-thumb:hover {background:none;}

#profile .col-1 {margin-bottom:70px;}

}


/*********************************** Photos ***************************************/

#photos .page-content-row {margin-bottom:0;}

.photo-category-box {display: block; margin-bottom: 80px;}
.photo-category {height: 36px !important;margin-top:2px; width: 100%}

.album {margin-bottom:50px;}
.album .btn {float:right;margin:2px 5px 0 30px;padding:6px 15px;}
.album-title {margin:0 0 5px;padding-top:7px;font-size:21px;}
.album-date {margin:0 0 20px;}
.album .thumbnails img {width:auto;min-height:auto;}
.album .thumbnail {position:relative;}
.album .thumbnail:last-child {background:#f3f3f3;}
.album .thumbnail:last-child:hover {background:#e9e9e9;}
.album .thumbnail .view-all {position:absolute;z-index:10;top:50%;left:50%;text-transform:uppercase;text-align:center;margin:-12% 0 0 -21%;line-height:1.15em;color:#888;font-size:14px;}
.album .thumbnail:last-child:hover .view-all {color:#222;}

#photo .album,
#photos .album {width:95%;}
#photo .album .tag-cloud {margin:0 0 25px 0;color:#666;}
#photo .album .tag {font-size:14px;color:#666;}
#photo .album .tag:hover {color:#fff;}

.photo-link {margin-top:50px;}

.recent-trip-photos {margin-left:20px;}
.recent-trip-photos li {line-height:1.3em;margin-bottom:9px;}

@media (min-width: 1680px) {

.album .btn {margin:2px 2px 0 30px;}
.album .thumbnails img {width:241px;min-height:241px;}
.album .thumbnail .view-all {margin:-7% 0 0 -15%;}

}

@media (min-width: 1200px) and (max-width: 1679px) {

.album .btn {margin:2px 4px 0 30px;}
.album .thumbnails img {width:167px;min-height:167px;}
.album .thumbnail .view-all {margin:-10% 0 0 -18%;}

}

@media (min-width: 980px) and (max-width: 1199px) {

.album .thumbnails img {width:131px;min-height:131px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.album .btn {margin:2px 3px 0 30px;}
.album .thumbnails img {width:198px;min-height:198px;}
.album .thumbnail .view-all {margin:-9% 0 0 -16%;}

}

@media (max-width: 767px) {

#photos .pagination {margin:80px 0;}

.album .thumbnails > li {margin:0 1% 1% 0;}
.album .thumbnails img {width:100%;height:auto;}
.album .thumbnail .view-all {margin:-15% 0 0 -40%;font-size:12px;}

}


/*********************************** Photo Editing ***************************************/

#photo-editing .page-content-row {margin-bottom:50px;}

#photo-editing .photo-editing-header {margin-bottom:0px;}
#photo-editing .photo-editing-header .col-1 {margin-left:0;width:100%;}
#photo-editing .photo-editing-header .col-1 input[type="text"] {font-size:2em;min-height:55px;font-weight:bold;}
#photo-editing .photo-editing-header .col-1 textarea {min-height:250px;}

#photo-editing .trip-selector {height:35px;width:100%;}

#photo-editing .image-caption {height:52px;width:100%;line-height:1.2em;margin:0 0 20px;}
#photo-editing .image-tags {width:100%;}

#photo-editing .span6 {margin-top:25px;}
#photo-editing .photo-editing-header .span6 {margin-top:0;}

#photo-editing label.checkbox {margin:0 0 0 5px;}

#photo-editing #save-button {margin:-20px 0 40px;}
#photo-editing #save-button .btn {padding:14px 80px;margin-top:50px;}

@media (min-width: 1680px) {

#photo-editing .controls .col-1 {width:470px}
#photo-editing .controls .col-2 {width:1035px;margin-left:4%;}

}

@media (min-width: 1200px) and (max-width: 1679px) {

#photo-editing .controls .col-1 {width:325px}
#photo-editing .controls .col-2 {width:721px;margin-left:4%;}

}

@media (min-width: 980px) and (max-width: 1199px) {

#photo-editing .controls .col-1 {width:260px}
#photo-editing .controls .col-2 {width:565px;margin-left:4%;}

}

@media (min-width: 768px) and (max-width: 979px) {

#photo-editing .controls .col-1 {width:195px}
#photo-editing .controls .col-2 {width:430px;margin-left:4%;}

}


/*********************************** Blog ***************************************/

#blog .page-content-row {margin-bottom:0;}

.blog-entry {margin-bottom:50px;}
.blog-title {margin:0 0 10px;padding-top:7px;font-size:21px;}
.blog-date {margin:0 0 25px;}
.blog-text p {margin:0 0 1.6em;}
.blog-text img {margin:5px 0 0;}
.blog-text .thumbnail img {margin:0;max-height:80px;max-width:80px;}
.blog-text .caption {margin:0 0 25px;}

.social-share {margin:0;min-height:38px;}
.social-share ul {margin:0 0 30px;padding:0;}
.social-share li {float:left;list-style:none;margin:0 8px 0 0;}
.social-share .icon {transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-webkit-transition: opacity .3s ease-in-out;opacity:0.7;filter:alpha(opacity=70);}
.social-share .icon:hover {opacity:1;filter:alpha(opacity=100);}
.social-share .icon img {width:38px;height:38px;border:0;}


/*********************************** Videos ***************************************/

#videos .page-content {padding:30px 50px 50px 30px;}
#videos .page-content-row {margin-bottom:0;}
#videos .pagination {margin-top:30px;}

.video-thumb {min-width:122px;padding:10px 10px 3px 10px;margin-bottom:30px;background:none;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;cursor:default;}
.video-thumb:hover {background:#f3f3f3;}

.video-thumb img {width: 160px; height: 90px;}
.video-thumb .video-title {font-size:14px;margin:10px 0;color:#111;}
.video-thumb .video-title a:hover {color:#444;text-decoration:none;}
.video-thumb .video-intro,
.video-thumb .video-link {font-size:12px;line-height:1.2em;}
.video-thumb .video-intro {max-height:70px; overflow: hidden;}
.video-thumb .nowrap { display: block; overflow: hidden; }

#videos .video-container {margin-bottom:35px;}
#videos .blog-title {margin-bottom:20px;}
#videos .blog-text {margin-top:1.2em;}

#videos .video-preview {display:block;margin:39px 0 0;}
#videos .video-preview li {width:43%;margin:0 0 25px 0;}
#videos .video-preview li img {width: 148px; height: 83px;}
#videos .video-preview li:nth-child(odd) {clear: both;}
#videos .video-preview li:nth-child(even) {margin-left:5%;}
#videos .video-preview h4 {font-size:14px;margin:7px 0 0;}

@media (min-width: 1680px) {

.video-thumb img {width:208px; height:117px;}
#videos .video-preview li img {width:213px; height:121px;}

}

@media (min-width: 1200px) {

.video-thumb {min-width:160px;margin-bottom:40px;}
.video-thumb .video-title {font-size:16px;margin:12px 0;}

}

@media (min-width: 768px) and (max-width: 1199px) {

#videos .video-preview li {width:75%;}
#videos .video-preview li:nth-child(even) {margin-left:0;}
#videos .video-preview li img {width:206px; height:116px;}
.video-thumb img {width:122px; height:68px;}

}

@media (min-width: 768px) and (max-width: 979px) {

#videos .video-container iframe {max-width:428px !important;}
.video-thumb {min-width:92px;margin-bottom:20px;}
.video-thumb .video-title {font-size:12px;margin:10px 0;}
.video-thumb .video-intro {display:none;}
#videos .video-preview li img {width:152px; height:86px;}
.video-thumb img {width:92px; height:52px;}

}

@media (max-width: 767px) {

#videos .video-container iframe {max-width:100% !important;}
#videos .page-content {padding:5% 5% 10%;}
.video-thumb {padding:0;margin-bottom:50px;}
.video-thumb:hover {background:none;}
.video-thumb img {width:100%;height:auto}
#videos .video-preview {margin-top:20px;}
#videos .video-preview li {width:47%;margin:0 0 25px 0;}
#videos .video-preview li:nth-child(even) {margin-left:6%;}
#videos .video-preview li img {width:100%;height:auto}

}


/*********************************** Equipment & Sales ***************************************/

.shop-description {width:95%;}

.shop-sales-table td {padding:13px 15px;}
.shop-sales-table .sales-equipment {width:80%;padding-left:3px;}
.shop-sales-table .sales-equipment .thumbnail {float:left;margin-right:25px;}
.shop-sales-table .sales-equipment .thumbnail img {max-width:150px;height:auto;}
.shop-sales-table .sales-price {width:20%;text-align:right;padding-right:3px;}

@media (max-width: 767px) {

#shop-sales .span4 {margin-bottom:50px;}
.shop-sales-table .sales-equipment .thumbnail,
.shop-sales-table .sales-equipment .thumbnail img {max-width:100%;width:100%;margin:5px 0 10px;}

}


/*********************************** Equipment Rentals ***************************************/

.shop-rentals-table {margin-bottom:50px;}
.shop-rentals-table .rentals-equipment {width:75%;padding-left:3px;}
.shop-rentals-table .rentals-price {width:25%;text-align:right;padding-right:3px;}

@media (max-width: 767px) {

#shop-rentals .span4 {margin-bottom:50px;}

}


/*********************************** Equipment & Repairs ***************************************/

#shop-repairs h4 {margin-top:40px;}
.shop-repairs-table .repairs-equipment {width:75%;padding-left:3px;}
.shop-repairs-table .repairs-price {width:25%;text-align:right;padding-right:3px;}

@media (max-width: 767px) {

#shop-repairs .span4 {margin-bottom:50px;}

}


/*********************************** Dive Gear We Carry ***************************************/

.dive-gear-logos > li {border:1px solid #f1f1f1;}
.dive-gear-logos .thumbnail {cursor:default;}

@media (min-width: 1680px) {

.dive-gear-logos > li {margin:0 8px 8px 0;}
.dive-gear-logos > li:nth-child(5n+5) {margin-right:0;}
.dive-gear-logos img {width:195px;height:195px;}

}

@media (min-width: 1200px) and (max-width: 1679px) {

.dive-gear-logos > li {margin:0 8px 8px 0;}
.dive-gear-logos > li:nth-child(4n+4) {margin-right:0;}
.dive-gear-logos img {width:170px;height:170px;}

}

@media (min-width: 980px) and (max-width: 1199px) {

.dive-gear-logos > li {margin:0 5px 5px 0;}
.dive-gear-logos > li:nth-child(4n+4) {margin-right:0;}
.dive-gear-logos img {width:135px;height:135px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.dive-gear-logos > li {margin:0 5px 5px 0;}
.dive-gear-logos > li:nth-child(3n+3) {margin-right:0;}
.dive-gear-logos img {width:135px;height:135px;}

}

@media (max-width: 767px) {

#shop-gear .span4 {margin-bottom:50px;}

}


/*********************************** Calendar - Grid ***************************************/


#calendar .page-content,
#calendar-list .page-content {margin-bottom:40px;}

.calendar-month {margin-top:8px;}

.calendar-controls {float:right;list-style:none;margin-bottom:30px;margin-left:0;}
.calendar-controls > li {float:left;margin-left:25px;}
.calendar-controls > li:last-child {margin:9px 0 0 10px;}
.calendar-controls .icon-question-sign {opacity:0.5;filter:alpha(opacity=50);transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-webkit-transition: opacity .3s ease-in-out;}
.calendar-controls .icon-question-sign:hover {opacity:1;filter:alpha(opacity=100);}

.calendar-controls li:first-child {margin-left:0;}
.calendar-controls .calendar-filter {height:36px !important;width:170px;}

.calendar-view {list-style:none;margin-top:5px;margin-left:0;}
.calendar-view li {float:left;margin-left:10px;}
.calendar-view li a:hover {opacity:0.7;filter:alpha(opacity=70);}

.calendar-ical {background:url('../images/icon-ical.png') no-repeat 0 50%;padding:7px 0 5px 57px;display:block;margin-top:1px;}


.calendar {width: 100%;font-size:14px;line-height:1.25em;border-collapse:collapse;border-spacing: 0;}

.calendar th { text-align: left; }
.calendar th span { display: none; }

.calendar tr { display: block; }
.calendar td,
.calendar th { display: none; }

.calendar .day { margin: 1em 0 .5em 0; font-weight: bold; }

.calendar .events { display: block; }

.calendar ul.theevents { display: block; margin: .75em 0; padding: 0; }
.calendar ul.theevents > li { display: block; position: relative; margin: 0 0 0.5em; padding: 0; }
.calendar ul.theevents > li a { display: block; line-height:1.2em;  }
.calendar ul.theevents > li a span {color:#888;display:block;}
.calendar ul.theevents > li a:hover span {text-decoration:none;}

.calendar tr td:nth-of-type(1n) .day:before { content: 'Sunday '; }
.calendar tr td:nth-of-type(2n) .day:before { content: 'Monday '; }
.calendar tr td:nth-of-type(3n) .day:before { content: 'Tueday '; }
.calendar tr td:nth-of-type(4n) .day:before { content: 'Wednesday '; }
.calendar tr td:nth-of-type(5n) .day:before { content: 'Thursday '; }
.calendar tr td:nth-of-type(6n) .day:before { content: 'Friday '; }
.calendar tr td:nth-of-type(7n) .day:before { content: 'Saturday '; }

.calendar .prev-month,
.calendar .next-month { display: none; }

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

.calendar tr { display: table-row; }
.calendar th, .calendar td { display: table-cell !important; margin: 0; width: 14.2857%; padding: 1em;/*10*/ border: 1px solid #e4e4e4; vertical-align: top; }
.calendar th {background:#f5f5f5;text-align:center;}
.calendar .today {background:#ececec;}

.calendar .prev-month .day,
.calendar .next-month .day { color: #ccc; }

.calendar td .day { display: block; margin: 0 0 1.25em 0; font-weight: bold; }
.calendar td .day:before { display: none; }
.calendar td .suffix { display: none; }

}

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

/* show full days (e.g. "Mon" to "Monday") */
.calendar th span { display: inline; }

}

@media (min-width: 768px) {

.calendar ul.theevents {list-style: none;}

}

@media only screen and (min-width: 768px) and (min-height: 20em) {

.calendar td { height: 2.5em;/*30*/ }

}

@media only screen and (min-width: 768px) and (min-height: 40em) {

.calendar td { height: 6.25em;/*75*/ }

}

@media (max-width: 767px) {

.calendar {margin-top:1em;}
.calendar-controls {float:none;display:block;width:100%}
.calendar-controls > li { display: none;}
.calendar-controls > li.calendar-filter-li { display: block;margin:0 0 8px 0;width:100%}
.calendar-controls > li.calendar-filter-li .calendar-filter {width:100%}
.calendar-month {display:none}
.calendar .day {display:none;}
.calendar ul.theevents {margin:0;}
.calendar ul.theevents > li {border-top:1px solid #d9d9d9;padding:1em 0 0.3em;}

.calendar .event-description p,
.calendar .event-description ul,
.calendar .event-description ol {margin-bottom:10px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.calendar-controls > li:last-child {display:none;}
.calendar-controls > li {margin-left:20px;}
.calendar-controls .calendar-filter {width:150px;}

}

@media (min-width: 1200px) {

.calendar-controls > li {margin-left:40px;}
.calendar-controls .calendar-filter {width:200px;}

}


/*********************************** Calendar - List ***************************************/

.calendar-list-row {border-top:1px solid #d9d9d9;padding:1em 0 0.3em 0;margin-top:15px;}

.event-date p {font-weight:bold;}
.event-date span {display:none;}

@media (max-width: 767px) {

.calendar-list-row .event-date span {display:inline;}

}

@media (min-width: 768px) and (max-width: 979px) {

.calendar-list-row [class*="span"] {-moz-box-sizing:border-box;display:block;float:none;margin-left:0;width:100%;}
.calendar-list-row .event-date span {display:inline;}

}

@media (min-width: 1200px) {

.calendar-list-row .event-date span {display:inline;}

}


/*********************************** Contact ***************************************/

#contact .embedded-map {margin-bottom:65px;}
#contact-form input[type="text"],
#contact-form select {height:35px;margin-bottom:20px;}
#contact-form .btn {float:right;margin-top:10px;}
#contact-form #recaptcha_wraper input[type="text"] {height:auto;margin-bottom:0;}
@media (max-width: 767px) {

#contact-form .btn-primary {padding:8px auto;width:100%;}

}

@media (min-width: 768px) and (max-width: 979px) {

#contact .embedded-map {height:300px;}

}

@media (min-width: 1680px) {

#contact .embedded-map {height:550px;}
#contact-form textarea {height:450px;}

}