

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {
	font-family: 'Abel', 'Source Sans Pro', Arial, sans-serif;
	background: #fff;
	position: relative;
}

.loading {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: #fff url(../images/loading.gif) center center no-repeat;
	color: #fff;
}

.helper {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
}

.helper + div {
	vertical-align: middle;
	max-height: 400px;
}

.btn {
	border-radius: 0;
}
.btn-default {
	background: #fff;
	color: #000 !important;
}

.navbar-inverse {
	background: #000;
	border-bottom: 2px solid #fff;
	margin-bottom: 0;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
	text-shadow: none;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 21px;
	letter-spacing: 1px;
}
.navbar-inverse .navbar-nav>li>a {
	font-family: 'Abel', 'Arial';
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 13px;
	padding-left: 10px;
	padding-right: 10px;
}
	.navbar-inverse .navbar-brand {
		padding-left: 15px;
		padding-right: 70px;
		position: relative;
	}
	.navbar-inverse .navbar-brand:after {
		content: '';
		display: block;
		position: absolute;
		right: 20px;
		top: 15px;
		width: 20px;
		background: #fff;
		height: 21px;
	}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
		background: #fff;
		color: #000;
		box-shadow: none;
	}

.curtains{
    width: 100%;
    z-index:1;
    position:relative;
		margin: 0;
		padding: 0;
		list-style: none;
}

.slider-nav {
	color: #fff;
	font-size: 12px;
	margin-right: 10px;
	padding: 17px 0 0;
}
	.slider-nav a {
		color: #fff;
		font-size: 12px;
		text-decoration: none;
	}
	.slider-nav .slider-play-wrap {
		padding-left: 15px;
	}
.slide {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: cover;
	/*position: fixed;*/
	text-align: center;
	line-height: 100%;
	white-space: nowrap;
	position: relative;
}
	.slide img {
		height: 100%;
		max-height: 100%;
		width: auto;
		vertical-align: middle;
		/*opacity: 0;*/
	}
 	.slide img {
		width: auto;
		/*height: 100%;*/
	}
 	.slide img.landscape.correctHeight {
		height: auto !important;
		max-width: 100%;
		/*height: auto !important;
		width: 100%;*/
	}
 	.slide img.portrait.correctHeight {
		/*height: 100% !important;
		width: auto;*/
	}
	.slide iframe {
		position: absolute;
		left: 0;
		top: 0;
	}


	.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next,
	.slide .slide-next, .slide .slide-prev {
		display: block;
		position: absolute;
		/*top: 50%;*/
		top: 0;
		left: 0;
		z-index: 999;
		/*height: 60px;
		width: 60px;
		margin-top: -40px;*/
		width: 100px;
		height: 100%;
		/*margin-left: 15px;*/
		background: url(../images/arrow_prev-2.png) center center no-repeat;
		/*background-size: cover;*/
		background-size: 40%;
		border: 0;
		margin-left: 0;
		margin-right: 0;
	}
	/*
	.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next {
		margin-top: -30px;
	}
	#top .fp-controlArrow.fp-prev, #top .fp-controlArrow.fp-next,
	#top .slide .slide-next, #top .slide .slide-prev {
		margin-top: 0;
	}
	*/
	.fp-controlArrow.fp-next,
	.slide .slide-next {
		left: auto;
		/*right: 15px;*/
		right: 0;
		background-image: url(../images/arrow_next-2.png);
	}
  .slide .slide-next span, .slide .slide-prev span {
	}
	.slide .play, .slide .pause {
		display: block;
		position: absolute;
		bottom: 160px;
		right: 10px;
		height: 60px;
		width: 60px;
		background-size: cover;
		border: 0;
		outline: none;
		opacity: .8
	}
/*
	.slide .play.visible, .slide .play:hover {
		background: url(../images/play.png) center center no-repeat;
	}
	.slide .pause.visible, .slide .pause:hover {
		background: url(../images/pause.png) center center no-repeat;
	}
*/
	.slide .play {
		background: url(../images/play.png) center center no-repeat;
	}
	.slide .pause {
		background: url(../images/pause.png) center center no-repeat;
	}

	.video-image-placeholder {
		background: #000 url() center center no-repeat;
		background-size: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
	}
	.video-image-placeholder > div {
		position: relative;
		width: 100%;
		height: 100%;
		background: url(../images/play-2.png) center center no-repeat;
	}
.carousel-wrap {
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 120px;
	width: 100%;
	text-align: center;
}
.carousel {
	/*width: 100%;
	margin: 0 auto;*/
	height: 120px;
}
	.carousel .item {
		height: 120px;
		width: auto;
		cursor: pointer;
	}
	.carousel .item.active {
		opacity: 1;
	}
	.carousel .item a {
		display: block;
		position: relative;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
	}
	.carousel .item .overlay {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		background: #fff;
		opacity: .6;
		z-index: 9;
	}
	.carousel .item.active .overlay,
	.carousel .item a:hover .overlay {
		display: none;
	}
	.carousel .item img {
		height: 120px;
		width: auto;
	}
.owl-carousel .owl-stage {
	width: 99999px !important;
	min-width: 100% !important;
}

.content {
	width: 100%;
	min-height: 100%;
	background-color: rgba(255,255,255,.7);
	color: #000;
	font-size: 14px;
}
	.content .container {
		margin-top: 54px;
	}
	.slimScrollDiv {
		top: 54px !important;
	}
	.slimScrollDiv .content .container {
		margin-top: 0;
	}
	.content-text h2, h3, h4, .page-title {
		font-family: 'Panton-Caps';
		font-style: italic;
		text-transform: uppercase;
	}
	.page-title {
		font-size: 41px;
		text-align: left;
	}
	.content-text h2 {
		font-size: 41px;
	}
	.content-text h3 {
		font-size: 32px;
	}
	.content-text h4 {
		font-size: 24px;
	}
	.content-text {
		font-family: 'Inconsolata', 'Georgia', 'Times', 'Abel', 'Arial', sans-serif;
		font-size: 16px;
		line-height: 21px;
		text-align: left;
	}
	.content-text img {
		max-width: 100%;
		height: auto;
	}

.bg-content {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.slimScrollDiv {
	background-color: rgba(255,255,255,.7);
}
.slimScrollDiv .content {
	background: none;
}
.removevm {
	position: static !important;
	margin-top: 0 !important;
}
/*
 * Sections
 * */
.content-section {
	width: 100%;
	height: 100%;
}
.content-section .content {
	font-size: 24px;
	line-height: 42px;
	text-align: center;
	font-weight: 300;
}
.content-section .content p {
	margin-bottom: 30px;
}

/* VGallery */
.grid-item {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
	.grid-item a, .grid-item .fitvids {
		display: block;
		height: 190px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		/*background-size: cover;*/
		background-size: 150%;
	}
	.grid-item img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
		margin: auto;
		max-height: none;
	}
	.grid-item-caption {
		color: #000;
		font-size: 16px;
		line-height: 18px;
		margin-top: 10px;
		text-align: left;
	}

.fancybox-opened .fancybox-skin {
	padding: 3px !important;
	border-radius: 0;
}

/* Abut us
.about-us .content {
	font-size: 24px;
	line-height: 42px;
	text-align: center;
	font-weight: 300;
}
.about-us .content p {
	margin-bottom: 30px;
}
*/

/* Contact */
.contact .content {
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	font-weight: 300;
}
	.vcard {
		margin-bottom: 30px;
		color: #666;
	}
	.vcard h3 {
		margin-bottom: 0;
	}
	.vcard a {
		text-decoration: underline;
	}
.contact .content a {
	color: #666;
}

@media (max-width: 1199px) {
	.navbar-nav {
		clear: left;
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		float:none !important;
	}
	.slider-nav {
		position: absolute;
		top: 0;
		right: 0;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding-left: 10px;
		padding-right: 10px;
	}
	.content .container {
		margin-top: 104px;
	}
	.slimScrollDiv {
		top: 104px !important;
	}
}
@media (max-width: 768px) {
	.navbar-inverse .navbar-nav>li>a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.slider-nav {
		display: none;
	}
	.content .container {
		margin-top: 54px;
	}
	.slimScrollDiv {
		top: 54px !important;
	}
	
	.content-section .content {
		font-size: 16px;
		line-height: 28px;
	}

	.carousel-wrap {
		display: none;
	}
	.carousel, .carousel-wrap, .carousel .item, .carousel .item img {
		height: 0px;
	}

 	.slide img.landscape.correctHeight {
		height: auto !important;
		max-width: 100%;
	}
 	.slide img.portrait.correctHeight {
		height: auto !important;
		max-width: 100%;
	}

	.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next,
	.slide .slide-next, .slide .slide-prev {
		margin-top: -40px;
	}
	.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next {
		margin-top: 0px;
	}	
	#top .fp-controlArrow.fp-prev, #top .fp-controlArrow.fp-next,
	#top .slide .slide-next, #top .slide .slide-prev {
		margin-top: -10px;
	}
	
	.slide .play, .slide .pause {
		bottom: 95px;
	}
	
	.carousel .item a {
		background-size: auto;
	}	
	.grid-item {
		height: 160px;
	}
	.grid-item a, .grid-item .fitvids {
		height: 115px;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
	}
	.grid-item-caption {
		font-size: 12px;
	}
	
	.vmcontent {
		margin-top: 40px;
		padding-bottom: 40px;
	}
	.removevm {
		margin-top: 40px;
		padding-bottom: 40px;
		position: static !important;
	}
	.fp-section {
		position: static;
	}
	.fp-section  {
		max-width: 100%;
	}
	.fp-section .slide {
		overflow: hidden;
	}
}

@media (max-width: 480px) {
	.navbar-inverse .navbar-brand:after {
		display: none;
	}
	.navbar-inverse .navbar-brand {
		padding-right: 15px;
	}
}
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
		
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 220px;
	}
	.page-gallery .slimScrollDiv {
		top: 4px !important;
	}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
		
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 220px;
	}
	.page-gallery .slimScrollDiv {
		top: 4px !important;
	}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 220px;
	}
	.page-gallery .slimScrollDiv {
		top: 4px !important;
	}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 220px;
	}
	.page-gallery .slimScrollDiv {
		top: 4px !important;
	}
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 220px;
	}
	.page-gallery .slimScrollDiv {
		top: 4px !important;
	}
}
