/* Your custom styles */
html,
body,
  .view,
  .mask {
  height: 100%;
  width: 100%;
}

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

.carousel-inner {
  height: 100%;
}

.carousel-item:nth-child(1) {
  background-image: url("../img/portada.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.carousel-item:nth-child(2) {
  background-image: url("../img/slider/portada2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.carousel-item:nth-child(3) {
  background-image: url("../img/slider/portada3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.navbar {
  background-color: transparent;
}
        
.scrolling-navbar {
  -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
  -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
  transition: background .5s ease-in-out, padding .5s ease-in-out;
}
        
.top-nav-collapse {
  background-color: #212121;
}

.parallax-ayuda {
  background: url("../img/ayuda.jpg")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.parallax-hosting {
  background: url("../img/hosting.jpg")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.parallax1 {
  background: url("../img/implementacion.jpg")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.parallax2 {
  background: url("../img/seo.jpg")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.parallax3 {
  background: url("../img/implementacion.jpg")no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%
}

.contact-icons{
	text-align:center;
	list-style-type:none;
	padding:0
}

.contact-icons li{
	margin-bottom:2.2rem;
	color: #fff;
}

.contact .contact-icons li i{
	float:left;
	clear:both;
	margin-right:1rem;

	color: #fff;
}

.contact-icons li i.fa{
	font-size:1.5rem;
}

.contact .contact-icons li p{
	padding-top:.5rem;
	text-align:left;
}

.md-textarea {
	width: 100%;
}

.mask {
	height: 100%;
}

main {
  padding-top: 3rem;
  padding-bottom: 2rem;
}

.extra-margins {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
}

footer.page-footer {
  background-color: #212121;
  margin-top: 2rem;
}

.nav-item a:hover {
  color: #f15a24;
}

.navbar .btn-group .dropdown-menu a:hover {
  color: #000 !important;
}

.navbar .btn-group .dropdown-menu a:active {
	color: #fff !important;
}

.top-nav-collapse {
  background-color: #212121 !important;
  opacity: 0.8;
}

@media (max-width: 768px) {
	.display-1 {
 		font-size: 4rem;
  }
}

.spacing {
  letter-spacing: 3px;
}

@media (max-width: 740px) {
  .full-height,
  .full-height body,
  .full-height header,
  .full-height header .view {
  height: 700px;
  }
}
