/* -------------------- */
/* CAROUSEL */
/* -------------------- */

.carousel { 
margin-bottom:0;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
min-width:100%;
height: auto;
}


.carousel-indicators {
bottom:0;
}

.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 2px 4px;
text-indent: -999px;
/*border:2px solid #fff;
background-color: transparent;
*/
background-color: #ffffff;
border-radius: 12px;
cursor: pointer;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: 0.5;
filter: alpha(opacity=50);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); 
}

.carousel-indicators li.active, 
.carousel-indicators li:hover {
margin: 2px 4px;
width: 10px;
height: 10px;
background-color: #ffffff;
opacity: 1;
filter: alpha(opacity=100);
}

.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 80px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
z-index: 10;
display:block;
opacity:1;
}

.carousel-control.left {
background-image: none;
background-image: none;
background-repeat: repeat-x;
filter:0;
}
.carousel-control.right {
left: auto;
right: 0;
background-image: none;
background-image: none;
background-repeat: repeat-x;
filter:0;
}
.carousel-control:hover,
.carousel-control:focus {
outline: none;
color: #ffffff;
text-decoration: none;
opacity: 1;
}

.carousel-control span {
position: absolute;
top: 50%;
width: 48px;
height: 48px;
line-height: 48px;
margin-top:-24px;
color: #ffffff;
overflow: hidden;
text-align: center;
font-size:48px;
-webkit-transition: opacity 0.4s ease, color 0.4s ease, background 0.4s ease;
-moz-transition: opacity 0.4s ease, color 0.4s ease, background 0.4s ease;
-ms-transition: opacity 0.4s ease, color 0.4s ease, background 0.4s ease;
-o-transition: opacity 0.4s ease, color 0.4s ease, background 0.4s ease;
transition: opacity 0.4s ease, color 0.4s ease, background 0.4s ease;
}

.carousel-control.left span {
left: 20px;
}
.carousel-control.right span {
right: 20px;
}

.carousel-control span:hover {
}


.carousel-caption {
position: absolute;
left: 6%;
right: 6%;
bottom:0;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
text-align: inherit;
color:#FFFFFF;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); 
}

.carousel-caption.text-center {
text-align: center;
}
.carousel-caption.text-left {
text-align: left;
}
.carousel-caption.text-right{
text-align: right;
}

.carousel-caption.caption-top {
top:10%;
}
.carousel-caption.caption-bottom {
bottom:10%;
}




.carousel-caption h1 { margin-top:0; font-weight:700; }
.carousel-caption p {  }

@media (max-width: 767px) {
.carousel-container .container { padding:0; }
.carousel-caption, .carousel-control, .carousel-indicators { display:none; }
.carousel-fullscreen .carousel-caption { display:block; }
}

@media screen and (min-width: 768px) {
.carousel-caption h1 { font-size:36px; }
.carousel-caption p { font-size:18px; }
}

@media screen and (min-width: 992px) {
.carousel-caption h1 { font-size:39px; }
.carousel-caption p { font-size:21px; }
}

@media screen and (min-width: 1200px) {
.carousel-caption h1 { font-size:42px; }
.carousel-caption p { font-size:24px; }
}


.fixed-carousel-item-top { 
z-index:1299;
position:absolute;
left:30%;
width:40%;
top:6%;
text-align:center;
}

.fixed-carousel-item-top img { 
margin:0 auto 10px;
}

.fixed-carousel-item-top a, .fixed-carousel-item-top a:hover { 
color:#FFF;
text-decoration:none;
text-transform:uppercase;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); 
}


@media screen and (min-width: 768px) {
	.fixed-carousel-item-top img { display:inline-block; max-width:40%; margin-bottom:0; }
}


.fixed-carousel-item { 
z-index:1299;
position:absolute;
left:0;
width:100%;
bottom:6%;
text-align:center;
}

.fixed-carousel-item .smooth-scroll, .section .smooth-scroll {
display:block;
margin:auto;
color:#fff; 
font-size: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
width: 40px;
height: 40px;
line-height: 40px;
background-color:#333333;
background-color:rgba(0,0,0,0.3);
overflow: hidden;
border-radius:20px;
font-size:24px;
}

.fixed-carousel-item .smooth-scroll i.fa, .section .smooth-scroll i.fa {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}

.fixed-carousel-item .smooth-scroll:hover, .section .smooth-scroll:hover  {
background-color:rgba(0,0,0,0.6);
}


/* fade on slider */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/* carousel not full width */

.container .carousel-control { width:50px; }
.container .carousel-control.left span {
left: 10px;
}
.container .carousel-control.right span {
right: 10px;
}


/* CAROUSEL FULLSCREEN 100% top */

/* required 100% height on body & html */

.carousel-fullscreen.carousel,
.carousel-fullscreen .carousel-inner > .item,
.carousel-fullscreen .carousel-inner > .active {
height: 100%;
}

.fill {
background:url(../images/pattern.png);
display: table;
width: 100%;
height: 100%;
}

.carousel-fullscreen .carousel-inner {
height: 100%;
}

.carousel-fullscreen .carousel-inner > .item {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

.carousel-caption.caption-center {
position:static;
display: table-cell;
vertical-align: middle;
}
.carousel-caption.caption-center.text-right h1, 
.carousel-caption.caption-center.text-right p,
.carousel-caption.caption-center.text-left h1, 
.carousel-caption.caption-center.text-left p {
width:88%;
margin-left:auto;
margin-right:auto;
}


.carousel-fullscreen .carousel-caption h1 { 
padding-bottom:18px;
margin:0;
font-size:32px;
position:relative;
}

.carousel-fullscreen .carousel-caption p { 
margin:15px 0 0 0;
text-transform:uppercase;
font-size:14px; 
}

@media screen and (min-width: 768px) {
.carousel-fullscreen .carousel-caption h1 { font-size:42px; }
.carousel-fullscreen .carousel-caption p { font-size:16px; }
}

@media screen and (min-width: 992px) {
.carousel-fullscreen .carousel-caption h1 { font-size:45px; }
.carousel-fullscreen .carousel-caption p { font-size:18px; }
}

@media screen and (min-width: 1200px) {
.carousel-fullscreen .carousel-fullscreen .carousel-caption h1 { 
font-size:48px; 
}
.carousel-fullscreen .carousel-caption p { 
font-size:21px; 
}
}




/* carousel multiple */

.carousel-multiple .carousel-control {
position: absolute;
top: -34px;
right:0;
left: auto;
bottom:auto;
width: 30px;
opacity: 1;
filter: alpha(opacity=1);
font-size: 14px;
color: #333;
text-align: center;
text-shadow: none;
z-index: 10;
display:block;
}

.carousel-multiple .carousel-control span {
position: absolute;
top:0;
width: 30px;
height: 30px;
line-height: 30px;
padding-top:0;
margin-top:0;
}
.carousel-multiple .carousel-control.left {
right:30px;
}
.carousel-multiple .carousel-control.left span {
left:0;
}
.carousel-multiple .carousel-control.right span {
right:0;
}


/* carousel simple */
.carousel-simple {
margin-bottom:30px;
}

.carousel-simple .carousel-caption {
position: absolute;
left:0;
right: 0;
bottom:0;
z-index: 10;
padding-top:0;
padding-bottom:0; 
}

.carousel-simple .carousel-caption p { 
font-size:14px; 
color: #ffffff;
background:rgba(0, 0, 0, 0.7);
color:#FFFFFF;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
padding:10px;
margin-bottom:0;
}

.carousel-simple .carousel-control.left span {
left: 0;
}
.carousel-simple .carousel-control.right span {
right: 0;
}



/* CAROUSEL CAPTION ANIMATIONS */
.animate0{
-webkit-animation-duration: .5s;
-webkit-animation-delay: 0s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 0s;
animation-timing-function: ease;
animation-fill-mode: both;            
}         

.animate1{
-webkit-animation-duration: .5s;
-webkit-animation-delay: .3s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: .3s;
animation-timing-function: ease;
animation-fill-mode: both;            
} 

.animate2{
-webkit-animation-duration: .5s;
-webkit-animation-delay: .9s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: .9s;
animation-timing-function: ease;
animation-fill-mode: both;            
} 

.animate3{
-webkit-animation-duration: .5s;
-webkit-animation-delay: .6s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: .6s;
animation-timing-function: ease;
animation-fill-mode: both;            
}   

.animate4{
-webkit-animation-duration: .5s;
-webkit-animation-delay: .8s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: .8s;
animation-timing-function: ease;
animation-fill-mode: both;            
}  

.animate5{
-webkit-animation-duration: .5s;
-webkit-animation-delay: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 1s;
animation-timing-function: ease;
animation-fill-mode: both;            
}    
.animate6{
-webkit-animation-duration: .5s;
-webkit-animation-delay: 1.2s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .5s;
-moz-animation-delay: 1.2s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .5s;
-ms-animation-delay: 1.2s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 1.2s;
animation-timing-function: ease;
animation-fill-mode: both;            
}    
.animate7{
-webkit-animation-duration: .5s;
-webkit-animation-delay: 1.4s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .5s;
-moz-animation-delay: 1.4s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .5s;
-ms-animation-delay: 1.4s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 1.4s;
animation-timing-function: ease;
animation-fill-mode: both;            
}    
.animate8{
-webkit-animation-duration: .5s;
-webkit-animation-delay: 1.5s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .5s;
-moz-animation-delay: 1.5s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
-ms-animation-duration: .5s;
-ms-animation-delay: 1.5s;
-ms-animation-timing-function: ease;
-ms-animation-fill-mode: both;
animation-duration: .5s;
animation-delay: 1.5s;
animation-timing-function: ease;
animation-fill-mode: both;            
}