/* Fonts declaration
********************************************************************** */
@font-face {
	font-family: 'Bisque';
   src: url('../fonts/Bisque/bisque-webfont.eot');
   src: url('../fonts/Bisque/bisque-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Bisque/bisque-webfont.woff') format('woff'),
		url('../fonts/Bisque/bisque-webfont.ttf') format('truetype'),
		url('../fonts/Bisque/bisque-webfont.svg#bisque') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
	font-family: 'EnviroAntDOT';
   src: url('../fonts/EnviroAntDOT/enviroantdot-webfont.eot');
   src: url('../fonts/EnviroAntDOT/enviroantdot-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/EnviroAntDOT/enviroantdot-webfont.woff') format('woff'),
		url('../fonts/EnviroAntDOT/enviroantdot-webfont.ttf') format('truetype'),
		url('../fonts/EnviroAntDOT/enviroantdot-webfont.svg#EnviroAntDOT') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
	font-family: 'EncodeSansRegular';
   src: url('../fonts/EncodeSans/encodesans-regular-webfont.eot');
   src: url('../fonts/EncodeSans/encodesans-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/EncodeSans/encodesans-regular-webfont.woff') format('woff'),
		url('../fonts/EncodeSans/encodesans-regular-webfont.ttf') format('truetype'),
		url('../fonts/EncodeSans/encodesans-regular-webfont.svg#ncodeSansRegular') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
	font-family: 'EncodeSansLight';
   src: url('../fonts/EncodeSans/encodesans-light-webfont.eot');
   src: url('../fonts/EncodeSans/encodesans-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/EncodeSans/encodesans-light-webfont.woff') format('woff'),
		url('../fonts/EncodeSans/encodesans-light-webfont.ttf') format('truetype'),
		url('../fonts/EncodeSans/encodesans-light-webfont.svg#ncodeSansLight') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
	font-family: 'EncodeSansThin';
   src: url('../fonts/EncodeSans/encodesans-thin-webfont.eot');
   src: url('../fonts/EncodeSans/encodesans-thin-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/EncodeSans/encodesans-thin-webfont.woff') format('woff'),
		url('../fonts/EncodeSans/encodesans-thin-webfont.ttf') format('truetype'),
		url('../fonts/EncodeSans/encodesans-thin-webfont.svg#ncodeSansThin') format('svg');
   font-weight: normal;
   font-style: normal;
}

/* Common elements
********************************************************************** */
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body{
    background: #171717 url('../img/background.jpg') no-repeat;
	font-family: EncodeSansLight, HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
    color: #CFCFCF;
	font-weight: 400;
    line-height: 1.5;
}
ul li {
    list-style: none;
}
h1, h2, h3, h4, h5, h6{
	font-family: EncodeSansThin, HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.7;
}
.header-logo-img {

}

.logo-text {
    font-family: EncodeSansThin, HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 4.8em;
    line-height: 1.3;
    margin-top: 30px;
    margin-bottom: 7px;
}
.slogan-text {
    font-family: EncodeSansThin, HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    line-height: 1.5;
}
.bottom-border-red {
    border-bottom: 3px solid red;
}

.equal-margin {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.red {
    color: #FF0000;
}
.right{
    text-align: right;
}
.vertical-center {
    display: flex;
    align-items: center;
}

hr{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    margin-top: 5px;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.center {
    text-align: center;
}
.container-full {
  margin: 20px auto;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

/* Tooltip
********************************************************************** */
.tooltip{
    position:absolute;
    max-width: 480px;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 7px;
    font-size: 0.7em;
}
.tooltip.in {
    opacity: 0.95;
    filter: alpha(opacity=95);
}

/* Images styles
********************************************************************** */
#mini-gallery img{
    margin-bottom: 0;
}


/* #Footer Styles
********************************************************************** */
footer{

}



/* CUSTOMIZE THE CAROUSEL
********************************************************************** */
.carousel {

}
.carousel-caption {

}
.carousel-caption p {

}

/* Fade transition for carousel items */
.carousel .item {

      -webkit-transition: opacity .7s;
         -moz-transition: opacity .7s;
           -o-transition: opacity .7s;
              transition: opacity .7s;
}
.carousel .active.left, .carousel .active.right {
    left: 0;
    opacity: 0;
    z-index: 2;
}
.carousel .next, .carousel .prev {
    left: 0;
    opacity: 1;
    z-index: 1;
}
.carousel-inner {

}
.carousel-inner > .item > img {

}
.carousel .carousel-control {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}
.carousel:hover .carousel-control {
    visibility: visible;
    opacity: 0.7;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    font-size: 40px;
    opacity: 0.35;
}
/*
.carousel-indicators {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 1px 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(255, 255, 255, 0.3);
  border: 5px solid rgba(0, 0, 0, 0.4);
  border-radius: 20px;
}
.carousel-indicators .active {
  width: 22px;
  height: 22px;
  margin: 0 9px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
}
*/
.carousel-indicators {
  position: absolute;
  bottom: 0;
  left: 60%;
  z-index: 15;
  width: 80%;
  padding-left: 0;
  margin-left: -50%;
  text-align: center;
  list-style: none;       
}
.carousel-indicators li {
    display: inline-block;
    width: 30px;
    width: 6%;
    height: 8px;
    margin: 1px 3px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.3);
    border: 0;
    border-radius: 0;
}
.carousel-indicators .active {
    width: 30px;
    width: 6%;
    height: 8px;
    margin: 1px 3px;
    border: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.8);
}

.carousel a:link,
.carousel a:active,
.carousel a:visited {
    outline: none;
    border: 0;
    text-decoration: none;
}
.carousel a:hover,
.carousel a:focus {
    outline: none;
    border: 0;
    text-decoration: none;
}

/* #Audioplayer
********************************************************************** */
#audioplayer {
    position: relative;
    display: inline-block;
	width: 44px;
	height: 30px;
	margin: 0 auto 20px 0;
    border: 0;
    text-align: center;
}
#pButton {
    position: relative;
    display: inline-block;
    width: 44px;
    height:30px;
    border: 1px solid #FFFFFF; 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    outline:none;
    margin: 0 auto;
    text-align: center;
}
.play {background: url('../img/play-30.png') ;}
.pause {background: url('../img/pause-30.png') ;}
#timeline {

}
#playhead {

}

/* #Site Links
********************************************************************** */
a:link,
a:active,
a:visited {
    color: #FF0000;
    text-decoration: none;
    border-bottom: 1px dotted #FF0000;
}
a:hover,
a:focus {
    color: #FFFFFF;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    border-bottom: 1px dotted #FFFFFF;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        .logo-text{
            font-size: 2.2em;
            line-height: 1.5;
        }
        .slogan-text{
            font-size: 1.3em;
            line-height: 1.3;
        }
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
        .logo-text{
            font-size: 2.5em;
            line-height: 1.5;
        }
        .slogan-text{
            font-size: 1em;
            line-height: 1.3;
        }
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }