@charset "utf-8";
/* CSS Document */

 /* 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) {

    }

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}


.footer {
  position: static;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: auto;
  background-color: #ededed;
  float: left;
}

.rights {

  font-size: 12px;
  color: grey;
  text-align: center;
}
 
p {

  color: grey;
  margin-top: 20px;

}

 p:hover {

  text-decoration: none;
 }

li {
  font-size: 15px;
  margin: 0 3em;
}



hr { 
      display: block;
       position: relative;
       padding: 0;
       margin: 8px auto;
       height: 0;
       width: 70%;
       max-height: 0;
       font-size: 1px;
       line-height: 0;
       clear: both;
       border: none;
       border-top: 1px solid #aaaaaa;
       border-bottom: 1px solid #ffffff;

}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.container-fluid {
	height: 15px;
  position: fixed;
  background: black;
  z-index: 10;
  width: 100%;
}
 



.bgdiscover {
    background-color: rgba(0,0,0,0.4);
 
}


.glyphicon1:hover {
    color: #fff;
    -webkit-transform: translate3d(0,15%,0) translate3d(0,40px,0);
    transform: translate3d(0,15%,0) translate3d(0,15px,0);
}

.glyphicon1  {
    left: 0;
    width: 100%;
    color: lightgray;
    -webkit-transition: -webkit-transform 0.8s, color 0.8s;
    transition: transform 0.8s, color 0.8s;
    -webkit-transform: translate3d(0,80%,0);
    transform: translate3d(0,80%,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

a {
outline: medium none !important;
}



h2 {
    letter-spacing: 1px;
	color: black;

}


.container-center {
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0px;
    margin: auto;

}

h5 {
    letter-spacing: 4px;
	color: white;
	padding: 10px
}



.glyphicon-menu-down {
	line-height: 10px;
	font-size: 25px;
	color: powderblue;
	
}



footer {
    text-align: center;
	position: absolute;
	display: inline-block;
    width: 100%;
    height: 150px; /* height of footer */
    bottom: 0px;   
    margin: auto;   
}




topmargin-home{
	margin-top: 10px;
	
}



 @import "compass/css3";

@-webkit-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.background-image {
  background: url(../images/wrapper.jpg)no-repeat center center fixed;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
  opacity: 0;
  
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0.2s;
}

.background-image.visible {
  opacity: 1;
}




#test-2 {
	animation-delay: 4s;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}




#test-3 {
	
	animation-delay: 8s;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


#test-4 {
	
	animation-delay: 12s;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}




#ind-1 {

  animation-name: slideDown;
  -webkit-animation-name: slideDown;  

  animation-duration: 2s; 
  -webkit-animation-duration: 2s;

  animation-timing-function: ease;  
  -webkit-animation-timing-function: ease;  

  visibility: visible !important;   
 }



@keyframes slideDown {

  0%   { opacity: 0; }
  100% { opacity: 1; }

@-webkit-keyframes slideDown {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes slideDown {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes slideDown {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes slideDown {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}


  0% {
    transform: translateY(-100%);
  }
 
   100% {
    transform: translateY(0%);
  }   
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
   
  100% {
    -webkit-transform: translateY(0%);
  } 
}

@-moz-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
   
  100% {
    -webkit-transform: translateY(0%);
  } 
}

@-o-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
   
  100% {
    -webkit-transform: translateY(0%);
  } 
}



.social {

    margin: 0;
}


.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    list-style: none outside none;
    display: inline-block;
    display: block;
    margin-left: 20px;
    margin-right: auto;
    float: left;
}


.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: rgba(0,0,0,0.5);
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}


.social .fa-facebook:hover { /* round facebook icon*/
    background: #4060A5;
}

.social .fa-twitter:hover { /* round twitter icon*/
    background: #00ABE3;
}

.social .fa-linkedin:hover { /* round linkedin icon*/
    background: #0094BC;
}


.social .fa-instagram:hover { /* round instagram icon*/
    background: #375989;
}


.social .fa-tumblr:hover { /* round tumblr icon*/
    background: #3a5876;
}