/*
 * Start Bootstrap - Full Slider (https://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
    width:100%;
}

.carousel,
.item,
.active {
    height:fit-content;
}

.carousel-inner {
	background:#000;
	color:#FFF;
}
@media (max-width: 786px){
}


.carousel-caption span,.carousel-caption-left span,.carousel-caption-right span {
	font-size:36px; font-weight:800;}

.carousel-caption {
    height: 200px;
	width:60%;
	position:absolute;
	top:38%;
	background-color: rgba(0, 0, 0, 0.5);
	padding-top:20px;
	z-index:99;
}
.carousel-caption-left {
	height:200px;
	width:50%;
	position:absolute;
	top:38%;
	background-color: rgba(0, 0, 0, 0.5);
	text-align:right;
	padding-right:50px;
	padding-top:20px;
	left:0px;
	z-index:99;
}

.carousel-caption-right {
	height:200px;
	width:60%;
	position:absolute;
	top:38%;
	background-color: rgba(0, 0, 0, 0.5);
	text-align:left;
	padding-left:50px;
	padding-top:20px;
	right:0px;
	z-index:99;
}
.dot-pattern{
   background:url(../img/bg-dot.png) repeat;
   width:100%;
   height:800px;
   position:absolute;
}
.video{ height:800px; margin:auto;}
@media (max-width: 1200px){
	/*.video{height:600px;}*/
	.dot-pattern{height:600px;}
}
@media (max-width: 786px){
	.video{height:400px;}
	.dot-pattern{height:400px;}
}

.anim_title_1{
	/*-webkit-animation-duration: 3s;*/
  -webkit-animation-delay: .4s;
  /*-webkit-animation-iteration-count: infinite;*/
}
.anim_title_2{
	/*-webkit-animation-duration: 3s;*/
  -webkit-animation-delay: .6s;
  /*-webkit-animation-iteration-count: infinite;*/
}
.anim_title_3{
	/*-webkit-animation-duration: 3s;*/
  -webkit-animation-delay: .3s;
  /*-webkit-animation-iteration-count: infinite;*/
}

/*@media (max-width: 1600px){
	.video{ width: auto; height:100%; margin:auto;}
}*/

@media (max-width: 1200px){
.carousel-caption h2,.carousel-caption-left h2,.carousel-caption-right h2{
	font-size:28px;}
.carousel-caption span,.carousel-caption-left span,.carousel-caption-right span {
	font-size:36px;}
}
@media (max-width: 786px){
/*#myCarousel{ background:#F00; height:400px;}*/
.carousel-caption h2,.carousel-caption-left h2,.carousel-caption-right h2{
	font-size:18px;}
.carousel-caption span,.carousel-caption-left span,.carousel-caption-right span {
	font-size:26px;}
.carousel-caption {
	width:380px;
	top:30%;
	left:50%;
	margin-left:-190px;
}
.carousel-caption-left {
	width:380px;
	top:30%;
	text-align:center;
	padding-right:0px;
	left:50%;
	margin-left:-190px;
}

.carousel-caption-right {
	width:380px;
	top:30%;
	text-align:center;
	padding-left:0px;
	right:50%;
	margin-right:-190px;
}
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	margin:auto;
}