@charset "utf-8";

/*---------------------------*/
/*          LOADER           */
/*---------------------------*/

.loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader {
	position:fixed;
	height:100%;
	width:100%;
	background:#fff;
	z-index:1100;
	font-size: 13px;
}

.loader-icon {
  height: 0;
  width: 0;
  box-sizing: border-box;
  border: 0 solid #909090; /*Loading Cirlce COLOUR*/
  border-radius: 50%;
  -webkit-animation: loader-animation 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: loader-animation 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: loader-animation 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.loader-label{
  position: absolute;
  top: 50%;
   margin: 30px auto auto -70px;
  left: 50%;
  right: 50%;
  width:140px;
  color: #909090;
  text-align: center; text-transform: uppercase; letter-spacing: 0.7em; font-weight: 300; font-size: 10px;
  -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
	

@-webkit-keyframes loader-animation {
  0% {
    height: 0;
    width: 0;
  }
  30% {
    height: 2em;
    width: 2em;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
  }
}
@-moz-keyframes loader-animation {
  0% {
    height: 0;
    width: 0;
  }
  30% {
    height: 2em;
    width: 2em;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
  }
}
@keyframes loader-animation {
  0% {
    height: 0;
    width: 0;
  }
  30% {
    height: 2em;
    width: 2em;
    border-width: 1em;
    opacity: 1;
  }
  100% {
    height: 2em;
    width: 2em;
    border-width: 0;
    opacity: 0;
  }
}

@-webkit-keyframes loader-label {
  0% {
    opacity: 0.35;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}
@-moz-keyframes loader-label {
  0% {
    opacity: 0.35;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}
@keyframes loader-label {
  0% {
    opacity: 0.35;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0.35;
  }
}

/*---------------------------*/
/*       COOKIE BOX          */
/*---------------------------*/

.cookie-box { background: #16523f; background: rgba(22,82,63,0.95); /*background: #3a635f;*/ color: #fff; position: fixed; z-index: 1099; right: 20px; bottom: 20px; left: auto; top: auto; width: 600px; height: auto;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.27);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.27);}
.cookie-box-container { font-size: 16px; line-height: 1.4em; padding: 20px;}
.cookie-box-container a { color: #b2baae; color: #c6bfa2;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.cookie-box .buttons a { display: inline-block; margin: 20px 20px 0 0; padding: 0 30px; background: #b2baae; line-height: 45px; color: #16523f;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.cookie-box .buttons a:hover, .cookie-box .buttons a:focus { background: #fff; }
	.cookie-box .buttons a.buttons-decline {background: #cda59a; }
		.cookie-box .buttons a.buttons-decline:hover, .cookie-box .buttons a.buttons-decline:focus { background: #e07659; color: #fff; }
	.cookie-box .buttons a.buttons-info {background: #c6bfa2; }
		.cookie-box .buttons a.buttons-info:hover, .cookie-box .buttons a.buttons-info:focus { background: #fff; }
@media (max-width:640px) {
	.cookie-box { width: auto; left: 20px;}
	.cookie-box-container {  }
}
@media (max-width:500px) {
	.cookie-box { left: 0px; bottom: 0px; right: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
}

/*---------------------------*/
/*          SLIDER           */
/*---------------------------*/
 .slide1 { background-image: url(../img/pic/1.jpg); }
 .slide2 { background-image: url(../img/pic/2.jpg); }
 .slide3 { background-image: url(../img/pic/3.jpg); }
 .slide4 { background-image: url(../img/pic/dive_slide_04.jpg); }
 .slide5 { background-image: url(../img/pic/dive_slide_05.jpg); }
 .slide6 { background-image: url(../img/pic/dive_slide_06.jpg); }
 .slide7 { background-image: url(../img/pic/dive_slide_07.jpg); }
 @media (max-width:600px) {
	.slide1 { background-image: url(../img/pic/1_small.jpg); }
 	.slide2 { background-image: url(../img/pic/2_small.jpg); }
	.slide3 { background-image: url(../img/pic/3_small.jpg); }
	.slide4 { background-image: url(../img/pic/dive_slide_04_small.jpg); }
	.slide5 { background-image: url(../img/pic/dive_slide_05_small.jpg); }
	.slide6 { background-image: url(../img/pic/dive_slide_06_small.jpg); }
	.slide7 { background-image: url(../img/pic/dive_slide_07_small.jpg); } 
 }
 
 .slide .overlay { width: 100%; height: 100%; text-align: center; padding: 0 60px;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-direction: column; justify-content: center;}

.slide .overlay h2 { font-weight: 700; color: #fff; text-transform: uppercase; font-size: 60px; line-height: 1.2em; margin: 0 0 30px 0;  }
.slide .overlay p.button a { display: inline-block; font-weight: 300; text-transform: uppercase; color: #fff; font-size: 16px; line-height: 50px; padding: 0 20px; width: 100%; max-width: 180px; border: #fff 1px solid;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.slide .overlay p.button a:hover { background: rgba(255,255,255,0.3); }

@media (max-width:900px), (max-height: 600px) {	.slide .overlay h2 { font-size: 50px; } }
@media (max-width:600px), (max-height: 520px) {	.slide .overlay h2 { font-size: 36px; } .slide .overlay br { display: none; } }
@media (max-width:400px) {	.slide .overlay h2 { font-size: 26px; } }


.slider div.scroll-down, .overlay div.scroll-down { position: absolute; bottom: 20px; left: 50%; margin-left: -20px; width: 40px; height: 40px !important; font-size: 0px;}
.slider div.scroll-down a, .overlay div.scroll-down a { display: block; width: 40px; height: 40px; background: url(../img/fallback/icon_arrow_down.png); background-image: url(../img/icon_arrow_down.svg), none; background-position: 50% 50%;background-repeat: no-repeat; background-color: none;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	-webkit-animation: pulsing 2s infinite;
    -moz-animation: pulsing 2s infinite;
    animation: pulsing 2s infinite;  }
	.slider div.scroll-down a:hover, .slider div.scroll-down a:active, .overlay div.scroll-down a:hover, .overlay div.scroll-down a:active { }	
	
	@-webkit-keyframes pulsing {
	  0% {opacity: 0.5;}
	  50% {opacity: 1;}
	  100% {opacity: 0.5;}
	}
	@-moz-keyframes pulsing {
		0% {opacity: 0.5;}
	  50% {opacity: 1;}
	  100% {opacity: 0.5;}
	}
	@keyframes pulsing {
		0% {opacity: 0.5;}
	  50% {opacity: 1;}
	  100% {opacity: 0.5;}
	}

@media (max-height:440px) { .slider div.scroll-down, .overlay div.scroll-down { display: none; } } 


/*---------------------------*/
/*        WAYPOINTS          */
/*---------------------------*/

.os-animation {opacity: 0;}  
.os-animation.animated {opacity: 1;}

/*---------------------------*/
/*        MIX IT UP          */
/*---------------------------*/

.mixer .mix { display: none; }
a.filter.active { color: white; background: #2c2c2c; padding: 1px 2px; }

/*---------------------------*/
/*      LIGHT GALLERY        */
/*---------------------------*/

/*Thumbnails border color*/
.lg-outer .lg-thumb-item { border-color: #222; }
/*Active thumbnails border color*/
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {  border-color: #fff; }
/*Top toolbar background color*/
.lg-toolbar { background-color: rgba(0, 0, 0, 0.45);}
/*Bottom toolbar background color*/
.lg-sub-html { background-color: rgba(0, 0, 0, 0.45);}

/*---------------------------*/
/*         MASONRY           */
/*---------------------------*/

.masonry-item { width: 20%; text-align: center; background: #222; border: #fff 1px solid; font-size: 0px; }