.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel {
    margin-bottom: 0px;
}

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
  font-family: 'Lato', sans-serif;
}
.item:nth-child(1) {
  background-color: #958c7b;
}
.item:nth-child(2) {
  background-color: #000000;
}
.item:nth-child(3) {
  background-color: #000000;
}

.carousel .item .itemBackground {
  background-color: #958c7b;
  background-size:cover;
  background-position:center center;
  position:absolute:
  width:100%;
  height:100%;
}

@keyframes zoom {
0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes zoom {
0% {opacity:0}
100% {opacity:1}
}
@-moz-keyframes zoom {
0% {opacity:0}
100% {opacity:1}
}

.carousel .item.active .itemBackground {
	 animation: 2s ease-in-out 0s normal none 1 zoom;
	 -webkit-animation: 2s ease-in-out 0s normal none 1 zoom;
	 -moz-animation: 2s ease-in-out 0s normal none 1 zoom;
}

.carousel-caption {
    bottom: auto;
    color: #fff;
    padding-top: 20px;
    position: absolute;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
	 margin-top: 0;
    left: 15%;
    right: 15%;
}

@keyframes slide1 {
0% {opacity:0; left:-200px}
75% {opacity:0; left:-200px}
100% {opacity:1; left:0}
}
@-webkit-keyframes slide1 {
0% {opacity:0; left:-200px}
75% {opacity:0; left:-200px}
100% {opacity:1; left:0}
}
@-moz-keyframes slide1 {
0% {opacity:0; left:-200px}
75% {opacity:0; left:-200px}
100% {opacity:1; left:0}
}

.carousel-caption div:nth-child(1) {
	 animation: 3s ease-out 0s normal none 1 slide1;
	 -webkit-animation: 3s ease-out 0s normal none 1 slide1;
	 -moz-animation: 3s ease-out 0s normal none 1 slide1;
}


.carousel-caption div:nth-child(1) {
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


@keyframes slide2 {
0% {opacity:0; right:-200px}
75% {opacity:0; right:-200px}
100% {opacity:1; right:0}
}
@-webkit-keyframes slide2 {
0% {opacity:0; right:-200px}
75% {opacity:0; right:-200px}
100% {opacity:1; right:0}
}
@-moz-keyframes slide2 {
0% {opacity:0; right:-200px}
75% {opacity:0; right:-200px}
100% {opacity:1; right:0}
}

.carousel-caption div:nth-child(2) {
	 animation: 3s ease-out 0s normal none 1 slide2;
	 -webkit-animation: 3s ease-out 0s normal none 1 slide2;
	 -moz-animation: 3s ease-out 0s normal none 1 slide2;
}

.carousel-caption div:nth-child(2) {
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
	 padding-top: 30px;
}

.carousel-caption h1:before {
content:"";
}

.carousel-caption div label {
   color: rgba(255, 255, 255, 0.5);
    text-shadow: 0 0 0 transparent;
}

.carousel-caption h1 {
    font-family: Lato;
    /* line-height: 0; */
    margin-bottom: 0;
    max-width: 100%;
    padding-bottom: 0;
    position: relative;
    text-align: right;
}

.carousel-caption h1 img {
position: relative;
max-width: 100%;
top: 0;
max-height: 700px;
}

.carousel-inner > .item {
    transition: transform 1.2s ease-in-out 0s;
}

.carousel-caption .btn {
    background-color: transparent;
    border: medium none;
    border-radius: 100px;
    color: rgba(255, 255, 255, 0.7);
    display: table-cell;
    font-size: 1.6em;
    height: 100px;
    line-height: 0;
    text-shadow: none;
    vertical-align: middle;
    width: 100px;
}

iframe {
width: 100%;
height: 350px;
border: 12px solid #DDDDDD;
border-radius: 8px;}

.carousel-caption {
font-size:15px;
}

  .carousel-caption div p:nth-child(1) {
color: rgba(255,255,255,0);
display: block;
font-size: 14.3em;
line-height: 0.9;
margin: 0px 0px;
padding: 0px 0px;
font-family: Anton;
  }

  .carousel-caption  div p:nth-child(1) span {font-size: 0.48em;display: block;}

  .carousel-caption div p:nth-child(2) {
color: rgba(255,255,255,0);
display: block;
font-size: 5em;
line-height: 1em;
margin: 0px 0;
padding: 0 0px;
font-family: Anton;
font-weight: 300;
text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
  }

    .carousel-caption  div p:nth-child(2) > span{display: table;font-size: 2.05em;line-height: 0.9;position:relative}
	 .carousel-caption  div p:nth-child(2)  span.glyphicon{font-size: 2.05em;line-height: 0.9;}

	b.scrll {
display: table;
font-size: 0.25em;
margin: auto;
position: relative;
z-index: 200;
filter: blur(2px);
text-shadow: none;
width: 100%;
text-align: center;
margin-top: 20px;
	}

	b.scrll a {
	color: rgba(0, 0, 0, 0.6);
	letter-spacing: -3px;
	/*text-shadow:0 0 10px #FFFFFF, 0 0 10px #FFFFFF;  */
	opacity:1;
	transition: opacity 0.3s ease 0s;
	position:relative
	}
	b.scrll a:hover {
	text-decoration:none;
	opacity:0.6;
	transition: opacity 0.3s ease 0s;
	}


@keyframes jump {
0% {bottom:0}
50% {bottom:-9%}
100% {bottom:0}
}
@-webkit-keyframes jump {
0% {bottom:0}
50% {bottom:-9%}
100% {bottom:0}
}
@-moz-keyframes jump {
0% {bottom:0}
50% {bottom:-9%}
100% {bottom:0}
}

b.scrll a {
animation: 0.8s ease-in-out 0s normal none infinite jump;
-webkit-animation: 0.8s ease-in-out 0s normal none infinite jump;
-moz-animation: 0.8s ease-in-out 0s normal none infinite jump;
}

  .carousel-caption p:nth-child(2) span {
	 font-size:1.4em;
  }
	 .carousel-indicators {
    top: 110px;
	 bottom:auto;
	 }

	 .carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.3);
    border: 0 solid rgb(146, 0, 0);
	 }


section#s1 div div:nth-child(1),
section#s1 div div:nth-child(2),
section#s2 div div:nth-child(1),
section#s2 div div:nth-child(2),
section#s3 div div:nth-child(1),
section#s3 div div:nth-child(2) {opacity:0}


section#s1 div div:nth-child(2) img {max-width:100%;border: 12px solid #DDDDDD;border-radius: 8px;}

@keyframes slideLeft {
0% {opacity:0; left:-200px}
100% {opacity:1; left:0}
}
@-webkit-keyframes slideLeft {
0% {opacity:0; left:-200px}
100% {opacity:1; left:0}
}
@-moz-keyframes slideLeft {
0% {opacity:0; left:-200px}
100% {opacity:1; left:0}
}


.slideLeft{
	 animation: 1s ease-in-out 0s normal none 1 slideLeft;
	 -webkit-animation: 1s ease-in-out 0s normal none 1 slideLeft;
	 -moz-animation: 1s ease-in-out 0s normal none 1 slideLeft;
}

@keyframes slideRight {
0% {opacity:0; right:-200px}
100% {opacity:1; right:0}
}
@-webkit-keyframes slideRight {
0% {opacity:0; right:-200px}
100% {opacity:1; right:0}
}
@-moz-keyframes slideRight {
0% {opacity:0; right:-200px}
100% {opacity:1; right:0}
}

.slideRight{
    animation: 1s ease-in-out 0s normal none 1 slideRight;
	 -webkit-animation: 1s ease-in-out 0s normal none 1 slideRight;
	 -moz-animation: 1s ease-in-out 0s normal none 1 slideRight;
}


section#s3 {
display: table;
width: 100%;
}

#s3 .col-lg-12 span {
margin: 90px auto 20px;
display: table;
font-size: 4em;
color: #DFDFDF;
}

@keyframes slideNav {
0% {top:-200px}
100% {top:0}
}
@-webkit-keyframes slideNav {
0% {top:-200px}
100% { top:0}
}
@-moz-keyframes slideNav {
0% {top:-200px}
100% {top:0}
}

.navbar-wrapper {
	 animation: 2s ease-in-out 0s normal none 1 slideNav;
	 -webkit-animation: 2s ease-in-out 0s normal none 1 slideNav;
	 -moz-animation: 2s ease-in-out 0s normal none 1 slideNav;
}


.navbar-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
  height:70px;
}

.navBg {
background-color: rgba(149,140,123,0.6);
}
.navNoBg {background-color:rgba(0,0,0,0.0);}

.navbar-nav {float:right}
.navbar-nav > li {height: display:table-cell; font-family: Oswald; font-size: 2em; font-weight: 300;}
.navbar-nav > li > a {height:70px; display:table-cell; padding-top:0; padding-bottom:0; vertical-align:middle;color: #FFFFFF !important; transition: color 0.3s ease 0s;}
.navbar-nav > li > a:hover {color:rgba(255,255,255,0.5) !important; transition: color 0.3s ease 0s;}

.navbar-wrapper .navbar .container {
  width: auto;
}


.navbar .navbar-collapse {
  margin-right: 15px;
  margin-left: 15px;
	 }

.navbar-inverse {border: 0;}

.navbar-brand {
	height:auto;
	padding: 0;
	font-family: Anton;
	font-size: 60px;
	line-height: 69px;
	color: rgba(255,255,255,0.6) !important;
	filter: blur(1px);
    }

.navbar-brand span {
    color: rgba(69,10,0,0.6);
}


.navbar-brand img {
  height:100%;
}

  .navbar-wrapper {
    margin-top: 0;
  }
  .navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
  }

  .navbar-wrapper .navbar {
    border-radius: 0;
  }

  .featurette-heading {
    font-size: 50px;
  }

.featurette-divider {
  margin: 80px 0;
}

.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

section#s1, section#s3 {padding: 70px 0 90px;}

section#s1 {padding:100px 0 100px;}

section#s1 h2 { padding: 0 4%;color:  #bdbdbd;}
section#s1 h3, section#s3 .desc {
	 background-color: rgb(126, 0, 0);
    color: #FFFFFF;
    font-size: 38px;
    padding: 30px;
    text-align: center;
	 border:3px solid #fee781;

	 }



section#s1 .container {text-align: justify;}
section#s1 .container span {}
section#s1 .container label,
section#s2 .container label,
section#s3 .container label,
section#s5 .container label {
display: table;
font-family: Anton;
font-weight: 100;
color: #CBCBCB;
font-size: 44px;
filter: blur(1.5px);
}

section#s2 .container label {
    color: #FFFFFF;
}

section#s2 .container img {
	max-width:110%;
	transition: transform 0.4s ease 0s;
	transform: scale(1) rotate(0deg);
}

section#s2 .container img:hover {
	transition: transform 0.4s ease 0s;
	transform: scale(1.05) rotate(5deg);
}

section#s2 {
    background-attachment: fixed;
    background-color: rgb(86, 0, 5);
    background-image: url("../imgs/crash1.jpg");
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
    color: #000000;
    font-weight: 100;
    font-size: 14px;
    text-align: justify;
}

#video-bg {
height: 100%;
left: 0;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
opacity: 0.15;
filter: sepia(100%);
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1600px) {
.carousel-caption {
font-size:15px;
}
}

@media (max-width: 1400px) {
.carousel-caption {font-size:12px;right: 5%;left: 5%;}
.carousel-caption h1 img {max-height: 550px;}
.carousel-caption p {margin: 15px auto 0;}
.col-lg-4 {display: inline-block; width: 33%;}
section#contact .container {font-size:5em;}
.carousel-caption div {}
}

@media (max-width: 1280px) {
.navbar-brand {font-size: 40px;}
.navbar-nav > li {font-size:1.5em}
}

@media (max-width: 1100px) {
.col-card {
width: 33.3333%;
}

.col-card span {
font-size:15px;
}
}

@media (max-width: 992px) {
/*.col-lg-4 {display: block; width: 100%;} */
.carousel-caption div { top:-25px;}
.navbar-brand {display:none}
.carousel-caption {font-size: 12px;}
}

@media (max-width:768px) {
p.scrll {
font-size:50px;
}
.carousel-caption {
    font-size: 10px;
}

.carousel-caption div p:nth-child(2) span {
    display: block;
	 }
#video-bg {display:none}

@keyframes jump {
0% {bottom:0px}
50% {bottom:10px}
100% {bottom:0px}
}
@-webkit-keyframes jump {
0% {bottom:0px}
50% {bottom:10px}
100% {bottom:0px}
}
@-moz-keyframes jump {
0% {bottom:0px}
50% {bottom:10px}
100% {bottom:0px}
}

p.scrll {
animation: 0.8s ease-in-out 0s normal none infinite jump;
-webkit-animation: 0.8s ease-in-out 0s normal none infinite jump;
-moz-animation: 0.8s ease-in-out 0s normal none infinite jump;
}

.col-card {
width: 50%;
}

    .navbar-nav {
    float: left;
    margin: 0;
    width: 100%;
	 }

	 	.navbar-wrapper {margin-top:0;}

	  .navbar-wrapper .navbar {
	  background-color:rgba(0,0,0,1);
    padding-right: 0px;
    padding-left: 0px;
	  border-radius:0;
	  height:50px;
  }

  .navbar-brand {
    height: 50px;
	 padding:5px 10px 7px;
	}

	.navbar-nav > li > a {
    height: 50px;
	 }

	 .navbar-collapse {
     background-color: rgba(0, 0, 0, 1);
    border: 0 none;
    margin-left: 0 !important;
    margin-right: 0 !important;
	 }

	 section {
	 margin-left:0;
	 margin-right:0;
	 }
}

@media (max-width: 680px) {
.carousel-caption div:nth-child(1) {display:none}
.carousel-caption div:nth-child(2) {width:100%;text-align: center;}
}

@media (max-width: 520px) {
.col-card {width: 100%;}
.carousel-caption {font-size:10px;}
.carousel-caption p {padding:10px;}
.carousel-caption p:nth-child(2) span {font-size:1.4em;}
section#s1 h3, section#s3 .desc {font-size: 28px;}
.carousel-caption div {top:-5px;}
}