/*	helpers */
.bold{
	font-weight:bold;	
}

.container{
	width:80%	
}

.tooltipped{
	cursor:pointer	
}

h1{
	color:#424242;	
	margin-top:3rem
}

h3{
	font-size:2rem	
}

.slides h3{
	font-size:3rem	
}

.parallax-container {
      height: 40vh;
	  min-height:150px;
	  margin-bottom:30px;
 }
 
 	.parallax-container h1{
		position:absolute;
		bottom:2rem;
		color:#FFF;
	}
	
@media only screen and (max-height: 640px) and (orientation: landscape){
	.parallax-container h1{
		bottom:-0.5rem;
	}
}

.text-container ul{
	padding-left:25px;	
}

.text-container li{
	position:relative;
	padding-bottom:8px;	
}

.text-container li:before {
   position:absolute;
   left:-20px;
   margin-top:-2px;
  content: "\0025A0";
  color: #d1202b;
}
        

@media only screen and (max-width: 480px){
	h1{
		font-size:3rem	
	}
}


.video-container{
	margin-bottom:15px;	
}

#logo{
	padding:60px 0 80px 32px;
	
}

#logo img{
	max-width:150px;
}

#mobile-logo.main{
	position:absolute;
	left:0;
	top:0;	
	z-index:3;
}

#mobile-logo{
	width:200px;
	padding:0px 0 0 30px;
}

	#mobile-logo img{
		max-width:100px;
		height:auto;
	}


@media only screen and (max-width: 992px){
	#logo{
		padding:40px 0 30px 25px;
	}
	#logo .brand-logo img{
		max-width:120px;
		height:auto;	
	}
	
	#mobile-logo{
		padding:20px 0 20px 30px;
	}
}


.top-nav{
	color:#292929;
}

a{
	color:#d1202b
}

.slider .indicators .indicator-item.active,
.side-nav .collapsible-body li.active, .side-nav.fixed .collapsible-body li.active {
    background-color: #d1202b !important;
}

.top-nav.main{
	color:#FFF;
}
	
.button-collapse{
	position:absolute;
	top:30px;
	right:30px;
	z-index:10;	
}
@media only screen and (min-width: 992px){
	body {
		display: flex;
		min-height: 100vh;
		flex-direction: column;
	  }
	
	
	main{
		flex: 1 0 auto;
		position:relative;
		height:100%;
	}
}

.page-footer-nav{
	margin-bottom:0;	
}

.page-footer-nav a{
	position:relative;
	color:#FFF;
	font-size:20px;
	padding: 20px 10% 15px !important;
}

	.page-footer-nav a:hover{
		opacity:0.8;	
	}
	
	.page-footer-nav .material-icons{
		position:absolute;
		top:30px;
	}
	
	.page-footer-nav .backward .material-icons{
		margin-left:-40px;
	
	}
	
	.page-footer-nav .forward .material-icons{
			margin-right:60px;
	}

.page-footer-nav .small{
	display:block;	
	text-transform:none;
	font-size:14px;
	line-height:10px;
}




@media only screen and (min-width: 992px){
	main{margin-top:-70px;}
	
	main,
	.page-footer {
		margin-left:320px;	
	}
	
}

.footer{
	padding-bottom:5%;
	margin-left:30px;	
}

.footer-contacts{
	display:inline-block;
	font-size:12px;	
	padding-top:10px;
}
.phone a,
.email a{
	display:inline !important;
	padding:0 !important;
	line-height:normal;
	color:#FFF !important;	
	font-size:12px;	
}



.footer-contacts .material-icons{
	font-size:18px;
	margin-right:8px;	
}

.phone{
	margin-right:15px;	
}

/*  side-nav  */
.side-nav{
	width:320px;
}

	.side-nav>ul{
		min-height:68vh;
		padding-bottom:40px;
	}

	.side-nav>ul>li>a{
		padding-left:50px !important;
		font-size:1.2em
	}

	.side-nav li ul{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	
	.side-nav li li a{
		display:block;
		height:auto !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		line-height:1.4em;
	}

		.side-nav li a{
			color:#FFF !important;	
		}
		
		.side-nav .collapsible-body a{
			padding-left:60px !important
		}
		
@media only screen and (max-width: 1280px) and (min-width: 992px){

	.side-nav>ul{
		min-height:64vh;
		padding-bottom:30px;
	}
}


/* slider */
.slider.fullscreen .slides{
	background-color:#eeeeee  ;
}
	
.slider .slides li .caption.left-align{
	left:8%
}

.slider .slides li .caption.right-align{
	right:8%;	
	left:auto;
}

.slider .slides li .caption.top{
	top:15%;	
}

.slider .slides li .caption.bottom{
	bottom:15%;	
	top:auto;
}

.slider.fullscreen ul.indicators{
	bottom:8%;	
}

.slider .indicators .indicator-item {
	width:12px;
	height:12px;
	margin:0 10px;
}

.slider .indicators .indicator-item.active{
	background-color:#ee6e73	
}



@media only screen and (max-width: 640px){

	.slider.fullscreen h3{
		font-size:2.1rem	
	}
	
	.slider.fullscreen h5{
		font-size:1.3rem	
	}
	
	.slider.fullscreen img{
			opacity:0.5;
	}
	
	.slider.fullscreen .slides{
		background-color:#212121;
	}
	
	.slider .slides .caption{
		top:40% !important;	
	}
}


/* photogallery */
#album-list{
	text-align:center;
	margin-left:-10px;
}
.album{
	display:inline-block;
	position:relative;
	width:300px;
	height:355px;
	text-align:left;
	margin:0 0 10px 10px;
	min-width:200px;
	overflow:hidden;
}

/*
@media only screen and (max-width: 1680px){
	.album{
		width:220px;
		height:220px;
	}
	
	
	.album.big{
		width:448px;
		height:448px;
	}
}

@media only screen and (max-width: 1280px){
	.album{
		width:180px;
		height:180px;
	}
	
	.album.big{
		width:368px;
		height:368px;
	}
}
*/

.album .caption{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	background-color:rgba(0,0,0,.5);
	color:#FFF;
	padding:4px 10px 10px;
}

	.album img{
		width:100%;
		height:auto;	
	}
	
	.album h6{
		font-weight:600;
		padding-bottom:8px;
	}
	
		.album-description{
			display:block;
			font-size:13px;	
			height:40px;
			overflow:hidden;
		}

/* cards */
.card .card-title{
	font-size:18px;	
	font-weight:600;
}

	.card .card-content .card-title{
		line-height:24px;	
	}
	
/* map */
.map-container{
	position:relative;
	height:400px;	
	margin-top:-40px;
}

	.map-container h1{
		position:absolute;
		z-index:4;
		 bottom:50px;
	}

#map{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:400px;	
}

/* adaptive-table */
@media only screen and (max-width: 640px){
	table.adaptive-table tr td,
	table.adaptive-table tr th{
		display:block; 
		padding:5px;
	}
	
	table.adaptive-table tr td:first-child{
		padding-top:20px;	
	}
	
	table.adaptive-table tr td:last-child{
		padding-bottom:20px;	
	}
}

/*	products  */
#product-list .card-image{
		text-align:center;
}
#product-list .card-image img{
	height:auto;	
	width:100%;
	margin:0 auto;
}

.card .vol{
	font-size:13px;	
}

.card .price{
	font-size:16px;
	font-weight:500;
}


/* ----------------------- partners -----------------------  */

.partner-logo{
	position:relative;
	display:inline-block;
	height:100px;
}

.partner-logo img{
	max-width:150px;
	width:100%;
	min-width:100px;
	padding:15px 12%;	
}

.partners{
	margin-left:-4%;
}

.partner{
	display:inline-block;
	vertical-align:middle;
	width:28%;
	max-width:250px;
	min-width:150px;
	text-align:center;
	font-size:13px;
	margin-left:4%;
	margin-bottom:60px;
}

	@media only screen and (max-width: 992px){
		.partner{
			width:40%;
		}
	}

.partner p{
	font-size:12px;
	line-height:22px;
	color:#616161;
}

/* ----------------------- clients -----------------------  */

.clients{
	margin-left:-4%;
}

.client{
	display:inline-block;
	vertical-align:middle;
	width:28%;
	max-width:250px;
	min-width:150px;
	text-align:center;
	font-size:13px;
	margin-left:4%;
	margin-bottom:60px;
}

	@media only screen and (max-width: 992px){
		.client{
			width:40%;	
		}
	}

.client p{
	font-size:12px;
	line-height:22px;
	color:#616161;
}

/* ----------------------- ñertificates -----------------------  */

.ñertificates{
	margin-left:-4%;
}

.certificate{
	display:inline-block;
	vertical-align:top;
	width:28%;
	max-width:250px;
	min-width:150px;
	text-align:center;
	font-size:13px;
	margin-left:4%;
	margin-bottom:15px;
}

	@media only screen and (max-width: 992px){
		.certificate{
			width:40%;	
		}
	}

.certificate p{
	font-size:12px;
	line-height:22px;
	color:#616161;
}


/* ----------------------- vehicles -----------------------  */

.vehicles{
	margin-left:-4%;
}

.vehicle{
	display:inline-block;
	vertical-align:top;
	width:28%;
	max-width:250px;
	min-width:250px;
	text-align:center;
	font-size:13px;
	margin-left:4%;
	margin-bottom:15px;
}

.vehicle-container{
	position:relative;
	height:190px;	
}

	.vehicle-container img{
			position:absolute;
			bottom:0;
			left:0;
	}


	@media only screen and (max-width: 992px){
		.vehicle{
			width:40%;	
		}
	}

.vehicle p{
	font-size:12px;
	line-height:22px;
	color:#616161;
}



/* ----------------------- projects -----------------------  */
.project{
		overflow:hidden;
		margin-bottom:20px;
}
.project img{
	display:block;
	width:100%;	
	-webkit-transition:all 0.8s ease-in-out;
	-moz-transition:all 0.8s ease-in-out;
	-o-transition:all 0.8s ease-in-out;
	-ms-transition:all 0.8s ease-in-out;
	transition:all 0.8s ease-in-out;
	}
	
		.project:hover img{
			transform: scale(1.15,1.15);
			-webkit-transform:scale(1.15,1.15);
			-moz-transform:scale(1.15,1.15);
			-ms-transform:scale(1.15,1.15);
			-o-transform:scale(1.15,1.15);
		}

.project-wrap{
	position:relative;
	overflow:hidden;
}

	.project-wrap .overlay-caption{
		position:absolute;
		left:0;
		bottom:0;	
		width:100%;
		background:rgba(0,0,0,.5);
		color:#FFF;
		padding:15px;
		font-size:18px;
	}
	
	
/* ----------------------- 	gallery-item -----------------------  */
.gallery{
	margin:-10px 0 -10px -20px;	
}

.gallery-item{
	display:inline-block;
	margin:10px 0 10px 20px;
	width:150px;
	height:150px;
	overflow:hidden;	
}

	.gallery-item img{
		-webkit-transition:all 0.4s ease-in-out;
		-moz-transition:all 0.4s ease-in-out;
		-o-transition:all 0.4s ease-in-out;
		-ms-transition:all 0.4s ease-in-out;
		transition:all 0.4s ease-in-out;
	}
	
	.gallery-item a:hover img{
		transform: scale(1.15,1.15);
		-webkit-transform:scale(1.15,1.15);
		-moz-transform:scale(1.15,1.15);
		-ms-transform:scale(1.15,1.15);
		-o-transform:scale(1.15,1.15);
	}