/*!
* Start Bootstrap - Stylish Portfolio v5.0.8 (https://startbootstrap.com/themes/stylish-portfolio)
* Copyright 2013-2020 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-stylish-portfolio/blob/master/LICENSE)
*/body,html
{width:100%;height:100%}
body
{font-family:'Source Sans Pro'}.btn-xl{padding:1.25rem 2.5rem}
.content-section{
}
.content-section-heading
h2
{font-size:3rem;color: rgba(0,0,0,.7)!important;}.content-section-heading h3{font-size:1rem;text-transform:uppercase}
h1,h2,h3,h4,h5,h6
{font-weight:700}.text-faded{color:rgba(255,255,255,.7)}@media (max-width:992px){.map{height:auto; }}.map
iframe
{pointer-events:all}
.scroll-to-top
{position:fixed;
right:15px;
bottom:15px;
display:none;
width:50px;height:50px;
text-align:center;
color:#fff;
background:rgba(52,58,64,.5);
line-height:45px}
.scroll-to-top:focus,.scroll-to-top:hover
{color:#fff}
.scroll-to-top:hover
{background:#343a40}
.scroll-to-top i
{font-weight:800}

.masthead
	{
		min-height:30rem;
		position:relative;
		display:table;
		width:100%;
		height:70%;
		background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(https://images.pexels.com/photos/46793/taps-thread-drill-milling-46793.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover
	}

.masthead-content
	{
		padding: 5% 0;

	}	

.masthead h1{
font-size:4rem;margin:0;padding:0
}
.masthead{height:100vh.masthead h1{font-size:5.5rem}}
#sidebar-wrapper{position:fixed;z-index:2;right:0;width:250px;height:100%;transition:all .4s ease 0s;transform:translateX(250px);background:#1d809f;border-left:1px solid rgba(255,255,255,.1)}
.sidebar-nav{position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none}
.sidebar-nav li.sidebar-nav-item a{display:block;text-decoration:none;color:#fff;padding:15px}
.sidebar-nav li a:hover{text-decoration:none;color:#fff;background:rgba(255,255,255,.2)}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav>.sidebar-brand{font-size:1.2rem;background:rgba(52,58,64,.1);height:80px;line-height:50px;padding-top:15px;padding-bottom:15px;padding-left:15px}
.sidebar-nav>.sidebar-brand a{color:#fff}
.sidebar-nav>.sidebar-brand a:hover{color:#fff;background:0 0}
#sidebar-wrapper.active{right:250px;width:250px;transition:all .4s ease 0s}
.menu-toggle{position:fixed;right:15px;top:15px;width:50px;height:50px;text-align:center;color:#fff;background:rgba(52,58,64,.5);line-height:50px;z-index:999}
.menu-toggle:focus,.menu-toggle:hover{color:#fff}
.menu-toggle:hover{background:#343a40}
.service-icon{background-color:#fff;color:#1d809f;height:7rem;width:7rem;display:block;line-height:7.5rem;font-size:2.25rem;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}
.jumbotron
	{
		background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 100%),url(https://images.pexels.com/photos/14690167/pexels-photo-14690167.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: ;
		height: auto;
		color: #fff!important;
		padding: 0!important;
		margin-bottom: 0rem;
	}

.jumbotron-assembly{
	background:none;
		height: auto;
		color: rgba(0,0,0,.8)!important;
		padding: 0!important;
		margin-bottom: 0rem;
}

	

.callout
	{
		background:url(https://images.pexels.com/photos/4831/hands-coffee-smartphone-technology.jpg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: 100%;
	}

.callout-us
	{
		background:url(https://images.pexels.com/photos/1133505/pexels-photo-1133505.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: 100%;
	}
.callout-assembly{
	background:url(https://images.pexels.com/photos/3862612/pexels-photo-3862612.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:cover;
	height: 100%;
}

.callout-ola{
	background:url(https://images.pexels.com/photos/3912373/pexels-photo-3912373.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
	background-position:center;
	background-repeat:no-repeat;
	height: 100%;
}

.callout-prensa{
	background:url(https://images.pexels.com/photos/5735201/pexels-photo-5735201.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
	background-position:center;
	background-repeat:no-repeat;
	height: 100%;
}



.background-callout-view-about
	{
		background:rgba(0,0,0,.5);
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover;
		padding: ;
		backdrop-filter: blur(8px);
	}

.center-box{
	padding: 5% 0;
    font-size: 20px;
    font-weight: 500;
    text-align: justify;
	height: 100%;
}		

.center-box-title{
	padding: 13% 0;
    font-size: 25px;
    font-weight: 500;
    text-align: justify;
}	

.background-callout-view
	{
		padding:15rem 0;
		background:rgba(0,0,0,.5);
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover
	}

.callout-sub-start
	{
		background-image: url(https://images.pexels.com/photos/1008737/pexels-photo-1008737.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: auto;
	}	

	.callout-sub-about
	{
		background-image: url(https://images.unsplash.com/photo-1577563908411-5077b6dc7624?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80)!important;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: auto;
	}		

.callout-sub-choice
	{
		background-image: url(https://images.unsplash.com/photo-1528819622765-d6bcf132f793?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80)!important;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: auto;
	}	

.callout-sub
	{
		background:url(https://images.pexels.com/photos/3746957/pexels-photo-3746957.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: auto;
	}

.background-sub
	{
		padding:10rem 0;
		background:rgba(0,0,0,.5);
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover
	}

.callout-pro
	{
		background:url(https://images.pexels.com/photos/47221/pexels-photo-47221.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);

		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: 50%;
	}

.background-pro
	{
		padding:10rem 0;
		background:rgba(0,0,0,.5);
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover
	}

.callout-proy
	{
		background:url(https://images.pexels.com/photos/3862612/pexels-photo-3862612.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: 50%;
	}

.background-proy
	{
		padding:10rem 0;
		background:rgba(0,0,0,.5);
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover
	}		


	.background-callout-map{
		background-color: #FFDEE9;
	    background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);
	    padding: 5% 0;
}

.background-callout-start{
		padding:auto;
		/*background:#FFF!important;*/
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover;

}

.background-callout-start-2{
		padding:auto;
		
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover;
		background-color: #23449e;
		
}

.products-title-color h4, .products-title-color p, .products-title-color h2, .products-title-color h3{
	color: #fff!important;
}

.text-products-card h2{
	color: #1f2d41!important;
}

.text-products-card p{
	text-align: justify!important;
}

.btn-product-card{
	background-color: #1f2d41!important;
}

.btn-product-card:hover{
	background-color: rgba(0,85,211,1);
}

.background-callout-assembly-fixtures{
	padding:auto;
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover;
		background: #23449e;
}

.background-callout-ola-pallets{
	
		background: #23449e;
		padding:auto;
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover;
		background: #252525;
}

.background-callout-projects{
		padding:auto;
		width: 100%;
		height: 100%;
		z-index: 100;
		position: relative;
		background-size:cover;
		background-color: #252525;
}

.callout-2
	{
		background:url(https://images.pexels.com/photos/3688760/pexels-photo-3688760.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: 100%;
	}	
		
.callout-3
	{
		/*background:url(https://images.pexels.com/photos/5998855/pexels-photo-5998855.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);*/
		background:url(https://images.pexels.com/photos/3912474/pexels-photo-3912474.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);
		background-position:center center;);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		background-attachment: fixed;
		height: 100%;
	}			

@media screen and (max-width: 920px) {
.callout-sub  h2, .callout-pro h2, .callout-proy h2, .callout-3 h2, .callout-us h2, .callout-2 h2, .callout h2{
		font-size:2.2rem!important;
		max-width: 100%!important;

	}
	.callout-3 h2, .callout-us h2, .callout-2 h2, .callout h2{
		font-size:2.2rem!important;
		max-width: 100%!important;
	}

	.jumbotron h1{
		font-size: 35px;
	}

	.background-callout-view-about{
		padding: 10% 0;
	}

}

.callout-3 h2, .callout-us h2, .callout-2 h2, .callout h2
	{
		font-size:3.5rem;
		font-weight:700;
		display:block; 
		max-width:50%;
	}
.portfolio-item{
	display:block;
	position:relative;
	overflow:hidden;
	max-width:530px;
	margin:auto auto 1rem
	}
.portfolio-item .caption{
		display:flex;
		height:100%;
		width:100%;
		background-color:rgba(255,255,255,.2);
		position:absolute;top:0;
		bottom:0;
		z-index:1;
		color: #000;
		}
.portfolio-item .caption:hover{
	color: #fff;
	transition:color .7s,-webkit-clip-path .25s ease-out;
}	

.portfolio-item .caption .caption-content{
	color:;
	margin:auto 2rem 2rem
}
.portfolio-item .caption .caption-content h2{
	font-size:.8rem;
	text-transform:uppercase
}
.portfolio-item .caption .caption-content p{
	font-weight:300;
	font-size:1.2rem
}
.content_row{
	justify-content: center;
}
.content_card{
	    background: #fff;
    height: 98%;
    margin: 5px 5px;
    border-radius: 0px;
    padding: 50px 0;
    display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        box-shadow: 0 0 50px rgba(0,0,0,.1);
}

.content_card img{
	max-width: 80%!important;
    height: auto;
    border-radius: 10px ;
    
}

@media (min-width:992px){
	.portfolio-item{
		max-width:none;
		margin: 10px;
	}
.portfolio-item .caption{
	transition:background-color .7s,-webkit-clip-path .25s ease-out;
	transition:clip-path .25s ease-out,background-color .7s;
	transition:clip-path .25s ease-out,background-color .7s,-webkit-clip-path .25s ease-out;
	-webkit-clip-path:inset(0);
	clip-path:inset(0)
}
.portfolio-item .caption .caption-content{
	transition:opacity .25s;
	margin-left:5rem;margin-right:5rem;
	margin-bottom:5rem
	display: none;
}

.caption-content:hover{
display: inline;
}
.portfolio-item img{
	transition:-webkit-clip-path .25s ease-out;transition:clip-path .25s ease-out;
	transition:clip-path .25s ease-out,-webkit-clip-path .25s ease-out;
	-webkit-clip-path:inset(-1px);
	clip-path:inset(-1px)
}
.portfolio-item:hover img{
	-webkit-clip-path:inset(2rem);
	clip-path:inset(2rem)
}
.portfolio-item:hover .caption{
	background-color:rgba(0,0,0,.5);
	-webkit-clip-path:inset(2rem);
	clip-path:inset(2rem)
	}
}

.map{
	font-weight: 
	height:auto;
	text-align: center;
}




.container-map p{
	font-size: 2rem!important;
}
.card-body p{
	font-size: 1.2rem!important;
}
.map iframe{
	height:100%;
	width:100%;
	padding: 0% 5%!important;
}

.container-map{
	width: 100%;
    padding: 0% 0;
    background: #B0DFE5;
    background-position: center center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
/******* Resolucion inferior ******/
@media screen and (max-width: 920px) {
	.map{
		background: none;
	}
	.container-map{
		background: none;
	}

	.jumbotron{
		background-attachment: scroll;
	}

	.callout-us{
		background-attachment: scroll;
	}

	.callout-3{
		background-attachment: scroll;
	}

	.callout-2{
		background-attachment: scroll;
	}

	.callout{
		background-attachment: scroll;
	}
	.map iframe{
		height:100%;
		width:100%;
		padding: 10% 5%!important;
	}
	.map-window{
		width: 100%;
		height: 80%;
	}

	.callout-sub,
	.callout-pro,
	.callout-proy{
		background-attachment: scroll;
	}

}


footer.footer{padding-top:5rem;padding-bottom:5rem}
footer.footer .social-link{display:block;height:4rem;width:4rem;line-height:4.3rem;font-size:1.5rem;background-color:#1d809f;transition:background-color .15s ease-in-out;box-shadow:0 3px 3px 0 rgba(0,0,0,.1)}
ooter.footer .social-link:hover{background-color:#155d74;text-decoration:none}
a{color:#1d809f}
a:active,a:focus,a:hover{color:#155d74}
.btn-primary{background-color:rgba(0,85,211,1)!important;border-color:#1d809f!important;color:#fff!important}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:rgba(0,85,211,1);border-color:#155d74!important}
.btn-secondary{background-color:rgba(0,85,211,1);border-color:rgba(0,85,211,1)!important;color:#fff!important}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:rgba(0,85,211,.8)!important;border-color:rgba(0,85,211,1)!important}
.btn-dark{color:#fff!important}
.btn{box-shadow:0 3px 3px 0 rgba(0,0,0,.1);font-weight:700}
.bg-primary{background-color:#e9ecef!important}
.text-primary{color:#1d809f!important}
.text-secondary{color:#ecb807!important}

@media screen and (max-width: 920px) {
	.map iframe{
		float: left: ;;
		width: 100%!important;
	}
	.map{
		width: 100%;
	}
}