@charset "utf-8";
/* CSS Document */

@import 'defaults.css';
@import 'device.css';
@import 'menu.css';

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');

.font-opensans{
	/* regular */
	font-family: 'Open Sans', sans-serif;
}
.font-raleway{
	/* light */
	font-family: 'Raleway', sans-serif;
}
.font-noto{
	/* medium */
	font-family: 'Noto Sans', sans-serif;
}
.font-poppins{
	/* menu */
	font-family: 'Poppins', sans-serif;
}
.font-robotoslab{
	/* serif */
	font-family: 'Roboto Slab', serif;
}

.turq{
	color:#1cc0b7;
}

body,html{
	height: 100%;
	margin: 0;
	padding: 0;
	
}
body {
    font-family: 'Open Sans', sans-serif;
}
body.dark{
	background:#000;
	color:#fff;
}

.swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }
    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.video-hero{
	min-height:720px;
}
	.video-hero:after{
		content:" ";
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(../images/pat.png);
		z-index:1;
	}
.video-hero-after{
	margin-top:-180px;
	text-align:center;
	background:#111;
	color:#eee;
	padding-bottom:30px;
}
	.video-hero-after h3{
		background:#000;
		color:#1cc0b7;
		border-radius:20px;
		font-size:150%;
		padding-top:5px;
		padding-bottom:5px;
		font-family: 'Raleway', sans-serif;
	}
	.video-hero-after .text{
		font-size:90%;
	}
	.video-hero-after a{
		display:block;
		color:inherit;
	}
		.video-hero-after a:hover{
			text-decoration:none;
			color:#1cc0b7;
		}
.header{
	z-index:99;
	position:fixed;
	left:0;
	top:0;
	background:#000;
	color:#fff;
	padding-top:15px;
	padding-bottom:10px;
	width:100%;
}
	.header .menu-link{
		padding-right:25px;
	}
		.header .menu-link a{
			color:#fff;
			font-size:80%;
			margin-left:2px;
			margin-right:2px;
			display:inline-block;
		}
			.header .menu-link a i{
				font-size:120%;
			}
			.header .menu-link a:hover{
				text-decoration:none;
				color:#1cc0b7;
			}
		.header .menu-link .seperator{
			margin-left:10px;
			margin-right:10px;
		}
		.header .menu-link .dropdown{
			display:inline-block;
		}
		.header .dropdown .dropdown-menu{
			background:#333;
		}
		.header .dropdown .dropdown-menu .active{
			background:#1cc0b7;
			color:#fff;
		}
	.header .menu{
		font-family: 'Poppins', sans-serif;
		
	}
	.header .logo-title{
		letter-spacing:.4em;
		font-size:80%;
	}
	
.page{
	margin-top:100px;
}
.page-title{
	background:#333;
	padding-top:10px;
	padding-bottom:10px;
	color:#1cc0b7;
	font-family: 'Roboto Slab', serif;
}
.page-title-alt{
	background:#222;
	padding-top:5px;
	padding-bottom:5px;
	color:#1cc0b7;
	font-family: 'Noto Sans', sans-serif;
}

.mt-minus{
	margin-top:-150px;
}
.mt-minus-sm{
	margin-top:-100px;
}
.bg-gray{
	background:#eee;
}
.footer{
	background:url(../images/footer.jpg) no-repeat top center #000;
	color:#ccc;
	padding-top:50px;
	padding-bottom:80px;
}
	.footer .links a{
		display:block;
		color:inherit;
		font-size:90%;
	}
		.footer .links a:hover{
			text-decoration:none;
			color:#1cc0b7;
		}

.img-border{
	border-style: inset;
	border-color:#1cc0b7;
	border-width:3px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}