@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:99999;
	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: -40px auto auto -70px;
  left: 50%;
  right: 50%;
  width:170px; width: auto
  color: #909090;
  text-align: center; text-transform: uppercase; letter-spacing: 0.5em; font-weight: 300; font-size: 12px;
  -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);
}
.loader-label img { margin-bottom: -10px; }
	

@-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;
  }
}



/*---------------------------*/
/*        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);*/}

/*---------------------------*/
/*         ISOTOPE           */
/*---------------------------*/

/* Filtering */
ul#filters { list-style: none; margin: 0 0 20px 0; padding: 0; text-align: center; }
ul#filters li { display: inline-block; margin: 10px; }
ul#filters li a { display: block; color: #000; padding: 10px 20px;
	-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; }
	ul#filters li a:hover, ul#filters li a:active { color: #fff; background: #212121; }
ul#filters li a.active { color: #fff; background: #5cb2f4; }
	ul#filters li a.active:hover, ul#filters li a.active:active { color: #fff; background: #666; }

/* Masonry Gallery */
.masonry-gallery .masonry-item { width: 20%; display: inline-block; /*text-align: center;*/ font-size: 0px; overflow: hidden; }
.masonry-gallery .masonry-item img { -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; }
.masonry-gallery .masonry-item img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
	-webkit-transform: scale(1.05); -ms-transform: scale(1.05);  transform: scale(1.05); }

@media screen and (max-width: 1600px){ .masonry-gallery .masonry-item { width: 25%; } }
@media screen and (max-width: 1100px){ .masonry-gallery .masonry-item { width: 33.33%; } }
@media screen and (max-width: 700px){ .masonry-gallery .masonry-item { width: 50%; } }
@media screen and (max-width: 440px){ .masonry-gallery .masonry-item { width: 100%; } }

/* Masonry Gallery with borders */
.masonry-gallery.border { margin-right: -20px; }
.masonry-gallery.border .masonry-item { padding: 20px 20px 0 0; }
.masonry-gallery.border .masonry-item img:hover { -webkit-transform: none; -ms-transform: none;  transform: none;}


/* Masonry Items (other than Gallery) */
.masonry { margin-right: -30px; }
.masonry .masonry-item { width: 20%; display: inline-block; padding: 30px 30px 0 0;  }
.masonry .masonry-item a { color: black; width: 100%; height: 100%; display: block; }
.masonry .masonry-item .image { overflow: hidden; font-size: 0px; }
.masonry .masonry-item .image img { -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; }
.masonry .masonry-item:hover .image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05);  transform: scale(1.05); }
.masonry .masonry-item h1, .masonry .masonry-item h2, .masonry .masonry-item h3, .masonry .masonry-item h4, .masonry .masonry-item h5, .masonry .masonry-item h6 { text-align: left !important; }
.masonry .masonry-item .date { font-size: 0.8em; color: gray; text-transform: uppercase; margin: -0.5em 0px -1em 0px; }

@media screen and (max-width: 1600px){ .masonry .masonry-item { width: 25%; } }
@media screen and (max-width: 1100px){ .masonry .masonry-item { width: 33.33%; } }
@media screen and (max-width: 700px){ .masonry .masonry-item { width: 50%; } }
@media screen and (max-width: 440px){ .masonry { margin-right: 0px; }.masonry .masonry-item { width: 100%; padding-right: 0px; } }

/*---------------------------*/
/*        BACK TO TOP        */
/*---------------------------*/

.cd-top { display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 20px; right: 20px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(48,119,193,0.8);  visibility: hidden;  opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; -webkit-transform: translateZ(0); z-index: 998;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.cd-top:after { content: "\f106"; font-family: fontAwesome; display: block; position: absolute; top: 0; left: 0; color: #fff; text-align: center; line-height: 46px; width: 50px; height: 50px; font-size: 28px; text-indent: 0px; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible { /* the button becomes visible */  visibility: visible; opacity: .9;}
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5;}
.no-touch .cd-top:hover { opacity: 1;}

@media screen and (max-width: 800px) {
	.cd-top { height: 40px; width: 40px; }
	.cd-top:after { height: 40px; width: 40px; line-height: 38px; }
}


/*---------------------------*/
/*          SLIDER           */
/*---------------------------*/

/* FULL SCREEN ADD ONS */

.bx-viewport, .bx-wrapper{
    position:relative;
    width: 100%;
    height:100% !important;
	/*height: 600px;*/
    top:0;
    left:0;
}
.slider, .slider div{
    height: 100% !important;
}
.slider div{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
	/*background-attachment: fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
	

.bx-wrapper .bx-viewport{
    border: none !important;
	left: 0px;
	background: none !important;
}

/* Other Modifications */

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	
/* PAGER */

.bx-wrapper {
	margin: 0 auto;
}

.bx-wrapper .bx-pager {
	color: #fff/9;
	color: rgba(255,255,255,0.7);
	padding-top: 0px;
	position: absolute; bottom: 30px;
	z-index: 59;
}

@media screen and (max-width: 400px){ .bx-wrapper .bx-pager { display: none; }  }

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff/9;
	background: rgba(255,255,255,0.7);
	width: 15px;
	height: 15px;
	margin: 0 10px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	-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;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover { background: #fff/9; background: rgba(255,255,255,1); 
	-webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000/9; background: rgba(0,0,0,0.7);}
.bx-wrapper .bx-pager.bx-default-pager a.active:hover { background: #000/9; background: rgba(0,0,0,1);}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 0px;
	background: #fff/9;
	background: rgba(255,255,255,0.2);
	background-image: none;
	-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;
}
.bx-wrapper .bx-prev:after {display: block; content: '\f104'; font-family: FontAwesome; color: #2c2c2c; text-indent: 0; font-size: 50px; text-align: right; padding-right: 20px; line-height: 70px; position: absolute; height: 70px; width: 70px; top: 0; overflow: hidden; -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; }

.bx-wrapper .bx-next {
	right: 0px;
	background: #fff/9;
	background: rgba(255,255,255,0.2);
	background-image: none;
	-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;
}
.bx-wrapper .bx-next:after {display: block; content: '\f105'; font-family: FontAwesome; color: #2c2c2c; text-indent: 0; font-size: 50px; text-align: left; padding-left: 20px; line-height: 70px; position: absolute; height: 70px; width: 70px; top: 0; overflow: hidden; -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; }

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { background: #fff/9; background: rgba(255,255,255,0.8);}

.bx-wrapper .bx-prev:hover:after { padding-right: 15px;}

.bx-wrapper .bx-next:hover:after { padding-left: 15px;}

.bx-wrapper .bx-controls-direction a {
	margin-top: -35px; /*Half of the height*/
	width: 70px;
	height: 70px;
	z-index: 51;
}

@media screen and (max-width: 600px){ .bx-wrapper .bx-prev, .bx-wrapper .bx-next { display: none; }  }


/* CAPTIONS */

.slide .overlay { background: url(../img/pattern.png) repeat; width: 100%; height: 100%; position: relative; 
  /*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
flex-direction: column; justify-content: center;*/}

.slider div.slide-caption {
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
	width: auto;
	height: auto !important;
}
.slide-caption h2 { font-weight: 700; font-size: 36px; margin: 0 0 20px 0; line-height: 1.1em; }
.slide-caption p { font-weight: 400; font-size: 18px; line-height: 1.3em; background: rgba(0, 0, 0, 0.6); color: #fff; display: inline-block; padding: 5px 8px;}
@media screen and (max-width: 600px){ .slide-caption h2 { font-size: 26px; } .slide-caption p { font-size: 14px; } }


.slider div.video-caption {	text-align: center; font-weight: 900; font-size: 50px; width: 70%; height: auto !important; text-transform: uppercase; color: #fff; position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
@media screen and (max-width: 800px){ .slider div.video-caption { font-size: 38px; }}
@media screen and (max-width: 600px){ .slider div.video-caption { font-size: 22px; }}

/*---------------------------*/
/*       SLIDER TEAM         */
/*---------------------------*/

.team-slider .team-member {/* max-width: 800px;  margin: 0px auto;*/ padding: 40px 0; text-align: center;     }
.team-member .image { display: block; width: 140px; height: 140px; overflow: hidden; margin: 10px auto 20px auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.team-member p { /*font-size: 16px;*/ max-width: 800px; margin-left: auto; margin-right: auto; }
.team-member p.title { color: gray; margin: -0.9em auto 0px auto !important; }

/* ALTERNATIVE PAGER */

#alt-pager .bx-pager {
	bottom: -30px;
	width: 100%;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	padding-top: 0px;
	opacity: 0.8;
	padding: 0 0 10px 0;
	z-index: 55;
}

#alt-pager .bx-pager .bx-pager-item,
#alt-pager .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#alt-pager .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	outline: 0;
	border: #1a1b1b 2px solid;
	width: 15px;
	height: 15px;
	margin: 0 10px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	-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;
}

#alt-pager .bx-pager.bx-default-pager a:hover { opacity: 1;
	-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);}
#alt-pager .bx-pager.bx-default-pager a.active {background: #1a1b1b/9; background: rgba(26,27,27,1);}
#alt-pager .bx-pager.bx-default-pager a.active:hover { background: #1a1b1b/9; background: rgba(26,27,27,1);}

/*---------------------------*/
/*      PICTURE SLIDER       */
/*---------------------------*/


.picture-slider { display: block; position: absolute; /*margin: 20px 0; */}
	.picture-slider:after { content: ""; display: block; padding-bottom: 50%;}
.picture-slider .picture-slide { display: block; overflow: hidden; position: absolute; width: 100%; }
	.picture-slider .picture-slide:after { content: ""; display: block; padding-bottom: 50%;}
/*Padding-bottom options: 56.25% = 16/9; 50% = 2/1; 75% = 4/3; 100% = 1/1 (square)*/
	
.picture-slider .picture-slide img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: auto;  transform-origin: center center;
	-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-backface-visibility: hidden; }
.picture-slider .picture-slide:hover img { /*-webkit-transform: scale(1.01); -ms-transform: scale(1.01);  transform: scale(1.01);*/ }