body {
  width: 100%;
  height: 100%;
  font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  background-color: black;
}
html {
  width: 100%;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0 0 35px;
  font-family: 'Sansita One', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}
p {
  margin: 0 0 25px;
  font-size: 18px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  p {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 1.6;
  }
}
a {
  color: #42DCA3;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,a:focus {
  text-decoration: none;
  color: #1d9b6c;
}
.light {
  font-weight: 400;
  font-size:18px;
  padding:10px 15px;
  float:left;
}
@media (max-width: 760px) {
.light {
  padding:15px 15px;
}
}
@media (max-width: 460px) {
.light {
  font-size:15px;
  padding-left:1px;
}
}

.icon-bar{
	background:white;
}
.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-family: 'Sansita One', "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: black;
}
.navbar-custom .navbar-toggle {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
  outline: none;
}
.navbar-custom .navbar-brand {
  font-weight: 700;
}
.navbar-custom .navbar-brand:focus {
  outline: none;
}
.navbar-custom a {
  color: white;
}
.navbar-custom .nav li a {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.navbar-custom .nav li a:hover {
  color: rgba(255, 255, 255, 0.8);
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li.active {
  outline: none;
}
.navbar-custom .nav li.active a {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .nav li.active a:hover {
  color: white;
}
@media (min-width: 768px) {
  .navbar-custom {
    padding: 20px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
  .navbar-custom.top-nav-collapse {
    padding: 0;
    background: black;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}

/* CABECERA */

.introp {
  display: table;
  width: 100%;
  min-height: 100vh;
  height:100vh;
  padding: 100px 0;
  text-align: center;
  color: white;
  background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.introp404 {
  display: table;
  width: 100%;
  min-height: 100vh;
  padding: 100px 0;
  text-align: center;
  background: url(../img/404.jpg) no-repeat bottom center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
@media (max-width: 508px) {
  .introp404 {
  background: url(../img/404-mini.jpg) no-repeat bottom center scroll;
  }
}
.intropcontacta {
  display: table;
  width: 100%;
  min-height: 100vh;
  padding: 100px 0;
  text-align: center;
  color: white;
  background: url(../img/contacta.jpg) no-repeat bottom center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}
.intro .intro-body .brand-heading {
  font-size: 28px;
}
.intro .intro-body .intro-text {
  font-size: 18px;
}
@media (min-width: 768px) {
  .intro {
    padding: 0;
  }
  .intro .intro-body .brand-heading {
    font-size: 58px;
  }
  .intro .intro-body .intro-text {
    font-size: 23px;
  }
}
.intro h1{
	font-family:'Sansita One';
	letter-spacing:3px;
}
@media (max-width: 600px) {
.intro .intro-body .brand-heading {
	padding-top:20vh;
	font-size:20px;
}
.intro .intro-body .intro-text{
	font-size:16px;
}
}

/* VIAJES */

.viajes{
	padding:0px;
}
.viajes img{
	max-height:500px;
	width:100%;
	position: relative;
	opacity:0.8;
}
.viajes span{
	position: absolute; 
	bottom:100px;
   left: 0; 
   width: 100%; 
   text-align:center;
   font-weight:bold;
   font-size:26px;
}
@media (max-width: 480px) {
.viajes span{
	bottom:60px;
}
}
.viajes a{
	color:white;
}
.img-hover img {
    -webkit-transition: all .6s ease; /* Safari and Chrome */
  	-moz-transition: all .6s ease; /* Firefox */
  	-o-transition: all .6s ease; /* IE 9 */
  	-ms-transition: all .6s ease; /* Opera */
  	transition: all .6s ease;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.02); /* Safari and Chrome */
    -moz-transform:scale(1.02); /* Firefox */
    -ms-transform:scale(1.02); /* IE 9 */
    -o-transform:translatZ(0) scale(1.02); /* Opera */
    transform:translatZ(0) scale(1.02);
}
  
/* FOOTER */

.viajesfooter{
	padding-top:50px;
}

/* PAGINA VIAJE */
.viaje{
	margin-top:150px;
}
.viaje p{
	text-align:left;
}
.viajesfooter p{
	text-align:center;
}
.addthis_inline_share_toolbox{
	margin-top:15px;
}
@media (max-width: 480px) {
.addthis_inline_share_toolbox{
	margin-top:45px;
}
.viaje{
	margin-top:100px;
}
}

/* PAGINA CATEGORIA */

.categoria{
	margin-top:120px;
	padding-bottom:100px;
}

/* PAGINA CONTACTA */

.control-group{
	padding-bottom:10px;
}
.submit{
	padding:10px 15px 10px 15px;
	border-radius:5px;
	font-size:15px;
	font-weight:bold;
	margin-top:20px;
}
.sub{
	padding-left:15px;
}
.help-block li{
	color:white;
}
ul{
	list-style-type:none;
}
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:0px;
    width:100%;
    text-align:center;
    min-height:30px;
    background-color: rgba(0, 0, 0, 0.7);
    color:#fff;
    z-index:99999;
}
.cookieinner {
    width:100%;
    padding-left:5px;
    font-family:Montserrat;
    font-size:14px;
    top:30%;
	padding:10px 5px;
}
.cookieinner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
.cookieinner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}
.error{
	margin-bottom:-50px;;
}
.errort{
	margin-bottom:50px;
	text-align:center;
}

.videoWrapperOuter {
  max-width:640px; 
  margin-left:auto;
  margin-right:auto;
}
.videoWrapperInner {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
}
.videoWrapperInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}