.navbar {
	z-index: 3;
}

#navbarSupportedContent .bmd-form-group {
	width: calc(100% - 40px);
}

#navbarSupportedContent .form-inline {
	width: 50%;
}

@media screen and (max-width: 767px) {
	#navbarSupportedContent .bmd-form-group {
		width: 0;
		padding: 10px 0px;
		background-color: #f5f5f5;
		transition: .2s ease-in;
		-webkit-transition: .2s ease-in;
	}

	#navbarSupportedContent .bmd-form-group.show {
		position: absolute;
		width: calc(100% - 80px);
		right: 64px;
		transition: .2s ease-in;
		-webkit-transition: .2s ease-in;
	}

	#navbarSupportedContent .bmd-form-group.show .form-control {
		display: block !important;
	}

	#navbarSupportedContent .form-inline {
		width: auto;
	}
}

#navbarSupportedContent .form-inline .btn {
	width: 40px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 2px;
}

#navbarSupportedContent .form-inline .btn .material-icons {
	font-size: 24px;
}

#navbarSupportedContent .show-menu-flotante .material-icons {
	font-size: 33px;
	line-height: 37px;
}

.menu-flotante {
	position: fixed;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.0);
	transition: .4s cubic-bezier(.685,.0473,.346,1);
	-webkit-transition: .4s cubic-bezier(.685,.0473,.346,1);
}

.menu-flotante.show {
	visibility: visible;
	background-color: rgba(0, 0, 0, 0.4);
}

.menu-flotante.show .close-area {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100vw - 300px);
	height: 100%;
	z-index: -1;
}

.menu-flotante .menu-content {
	position: absolute;
	width: 300px;
	height: 100vh;
	top: 0;
	left: -300px;
	background-color: #FFF;
	box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.1);
	transition: left .4s cubic-bezier(.685,.0473,.346,1);
	-webkit-transition: left .4s cubic-bezier(.685,.0473,.346,1);
}

.menu-flotante.show .menu-content {
	left: 0%;
}

.menu-flotante .menu-heading {
	padding: 0.5rem 1rem;
	height: 60px;
}

body.menu-flotante-open {
	overflow: hidden;
}

.menu-flotante .nav.submenu {
	position: absolute;
    width: 300px;
    background: #FFF;
    height: 100vh;
    left: 0;
    top: 0;
    box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.1);
   	visibility: hidden;
}

.menu-flotante .nav.submenu.show {
	left: 100%;
	visibility: visible;
}

.menu-flotante .nav-item.submenu {
	position: static;
}

.menu-flotante .nav.submenu:before {
	content: "";
	position: absolute;
	top: 0;
	height: 100vh;
	width: 5px;
	box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.1);
	margin-left: -5px;
	left: auto;
}

@media screen and (max-width: 767px) {
	.menu-flotante .nav.submenu.show {
		left: 0;
		z-index: 1;
	}

	.menu-flotante .nav.submenu,
	.menu-flotante .menu-content {
		width: 80vw;
	}

	.menu-flotante.show .close-area {
		width: 20vw;
	}
}

header#main-carousel {
	height: calc(100vh - 71px);
}

#main-carousel .item {
	height: calc(100vh - 71px);
	background-position: center;
	background-size: cover;
}

@media screen and (max-width: 767px) {
	#main-carousel .item,
	header#main-carousel {
		height: 500px;
	}
}

#main-carousel .item:before {
	content: "";
	background-color: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 0;
}

.owl-carousel:not(.main-carousel) .owl-nav button.owl-next .material-icons, 
.owl-carousel:not(.main-carousel) .owl-nav button.owl-prev .material-icons {
	font-size: 40px;
	margin-top: 5px;
	color: #010075;
}

.owl-carousel:not(.main-carousel) .owl-nav button.owl-next, 
.owl-carousel:not(.main-carousel) .owl-nav button.owl-prev {
	background-color: transparent;
	border-radius: 50%;
	background-color: #FFF;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .19);
	transition: box-shadow .2s ease-in-out;
	-webkit-transition: box-shadow .2s ease-in-out;
}

.owl-carousel:not(.main-carousel) .owl-nav button.owl-next {
	right: -15px;
}

.owl-carousel:not(.main-carousel) .owl-nav button.owl-prev {
	left: -15px;
}

.owl-carousel.noticias .owl-nav button.owl-next {
	right: -30px;
}

.owl-carousel.noticias .owl-nav button.owl-prev {
	left: -30px;
}

.owl-carousel:not(.main-carousel) .owl-nav button.owl-next:hover, 
.owl-carousel:not(.main-carousel) .owl-nav button.owl-prev:hover {
	box-shadow: 0 7px 16px 0 rgba(0,0,0,.2),0 1px 3px 0 rgba(0,0,0,.1);
}

.productos .card .card-skew {
	background-image: url('../images/skew.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 101%;
	width: 100%;
	padding-top: 29%;
	margin-top: calc(-28.8% + 1px);
}

section#video .container {
	margin-bottom: -5%;
}

section#video .embed-responsive {
	z-index: 1;
}

@media screen and (max-width: 767px) {
	section#video .display-3 {
		font-size: 1.75rem;
	}
}

section#marcas {
	background-image: url('../images/bg-marcas.jpg');
	background-position: top;
	background-size: cover;
}

#mapa {
	height: 400px;
}

footer {
	background: #232323;
	background: radial-gradient(ellipse at center,#585858 0,#232323 100%);
    background-size: auto auto;
	background-size: 550% 450%;
}

section#usados {
	margin-top: -7em;
}

@media screen and (max-width: 767px) {
	section#usados {
		margin-top: -4em;
	}
}

section#novedades {
	margin-top: -6em;
}

section#novedades a {
	text-decoration: none;
}

.noticias .item {
	min-height: 56.25%;
}

section#empresa,
section#contacto {
	margin-top: -6em;
}

section#contacto .container {
	z-index: 2;
	position: relative;
	margin-bottom: -6em;
}

section.map-container figure {
	z-index: 1;
}

section.map-container #mapa {
	z-index: 0;
	position: relative;
}

section#detalle {
	margin-top: -10em;
}

/* Helpers */

.bg-degrade {
	background: #159957;
	background: -webkit-linear-gradient(45deg, #159957, #155799);
	background: linear-gradient(45deg, #159957, #155799);
}

.svg-container {
	overflow: hidden;
}

.bottom-0 {
	bottom: 0;
}

.shadow-hover:hover {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}

.shadow-hover {
	transition: .2s ease-in-out;
  	-webkit-transition: .2s ease-in-out;	
}

.mt-minus {
	margin-top: -4em;
}

.dropdown-menu {
	max-height: 300px;
	overflow: auto;
}

header.section-header-top {
	background-size: cover;
	background-position: top;
}

header.section-header-center {
	background-size: cover;
	background-position: center;
}

.btn:not(.bmd-btn-fab ) .material-icons {
	font-size: 20px;
}

.line-height-1 {
	line-height: 1;
}

.floating-button {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #00e676;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 25px;
	line-height: 0;
	color: #FFFFFF;
	box-shadow: 0 4px 16px rgba(0,0,0,0.12);
	z-index: 1;
	opacity: .7;
	text-decoration: none;
	transition: .2s ease-in-out;
  	-webkit-transition: .2s ease-in-out;
}

.floating-button:hover {
	color: #FFFFFF;
	opacity: 1;
	text-decoration: none;
}