body{
	 
}

h1,h2,h3,h4,h5,h6{
	 
	 
}
p{
		 
		font-size:1.1rem;
}


.container-fluid{
	max-width:1600px!important;
}

.container-fluid-100{
	max-width:100%!important;
}

.main-nav{
	 background:#1C243C;
	.navbar {
		li.nav-item{
			a{
				 
				font-size:1.2rem;
				text-transform: uppercase;
				font-weight: 800;
				color:#FFF;
			}
		}

		
	}

	
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    	 background:#1C243C;
    margin-top: 55px;
    li{
    	a{
    		color:#FFf;
    	}
    }
}

.sticky-nav{
	.main-nav{
	 	 background:#1C243C;
	    
	    li{
	    	a{
	    		color:#FFf;
	    	}
	    }	
	}
}

.main-banner{
	 max-width:100%;
	 
	background-size:cover;
	h1{
		font-family:'Exo 2',sans-serif;
		color:#FFF;
	}
}
 .inner-banner::before{
 	background:none!important;
 }
.inner-bg8{
 
 background:url(../images/hero-cnc.jpg) left top no-repeat!important;
 .inner{
 	 background:url(../images/hero-bottom.png) center 260px no-repeat!important;
 }

 .inner-title{

 }

}

.inner-title{
	h3{
		font-size:4rem!important;
	}
}

.contact-wrap-form{
	
}

.btn-primary-dark{
	
   background: linear-gradient(152deg, rgba(11,27,38,1) 0%, rgba(42,55,94,1) 100%);
	color:#FFF;
	text-transform:uppercase;
	font-size:1rem;
	padding:1rem 2rem;
	box-shadow: -8px 8px 12px rgba(0,0,0,0.50);
	&:hover{
		background:#FEC94D;
	}
}

.service-area{
	background: url(../images/background/triangulos.png) right top no-repeat;
}

.service-card .service-content{
   background:#DB372D;
}
.colour{
		color:#DB372D;
	}
.title-xlg{
	font-size:4.5rem;
	font-weight:400;
	.colour{
		color:#DB372D;
	}
	@media  (max-width:1024px){
		font-size:4rem;
	}

	@media  (max-width:768px){
		font-size:3rem;
	}
}


.title-lg{
	font-size:3rem;
	font-weight:400;
	.colour{
		color:#FEDD3F;
	}
	@media  (max-width:1024px){
		font-size:2.2rem;
	}

	@media  (max-width:768px){
		font-size:1.8rem;
	}
}

.title-md{
	font-size:2rem;
	font-weight:400;
	.colour{
		color:#FEDD3F;
	}
	@media  (max-width:1024px){
		font-size:1.6rem;
	}

	@media  (max-width:768px){
		font-size:1.3rem;
	}
}

section.strap{ width:100%; display:inline-block;
	position: relative;
	.inner{
		width:100%;
		display:inner-block;
	}
}

.bg-hero{
	background: url(../images/bg-hero.jpg) left top no-repeat!important;
	border:none;
}

.strap-impresion{
	background: url(../images/bg-imprenta.png) right bottom no-repeat;
	background-size:cover;
}

.strap-cnc{ background:#FF9600 url(../images/bg-cnc.png) center top no-repeat; 	
	.inner{ }

}


.bg-line{
 
}

.bg-gray{
	background:#F3F0EA;
}


.bg-pattern1{
	background: url(../images/background/img-1.png) left bottom no-repeat;
	background-size:500px;

}

.cta{
	background: #2D3652 url(../images/background/shape1.png) left top no-repeat;
	background-size:cover;
	border-radius: 10px;
	box-shadow:10px 20px 10px rgba(0,0,0,.10) ;
	padding:2rem;
	color:#FFF;
	h2{
		color:#FFF;
	}
	p{
			color:#FFF;
	}
}


.img-effect-1{
	box-shadow:-5px 10px 10px;
	border-radius:10px;
}

.bg-image-1{
		background: url(../images/bg-image-1.jpg) center top no-repeat;
		h2{
			color:#2D3652;
		}
		span{
			color:#E9402B;
		}
}

.bg-1{
	background: url(../images/background/pattern-6.png) right top no-repeat;
}
.bg-2{
	background:#0A1F3C url(../images/background/pattern-6.png) left top no-repeat;
}

.bg-print{
	background: #2F13BE url(../images/background/pattern-4.png) left 100px no-repeat;
	h1,h2,h3,h4,h5,h6{
		color:#FFF;
	}
	p{
			color:#FFF;
	}
 
}

.bg-4{
	background: url(../images/background/pattern-7.png) left top no-repeat;
 
}

.bg-6{
	background: url(../images/background/triangles.png) left top no-repeat;
 
}

.bg-5{
	background: url(../images/background/shap2.png) center center no-repeat;
	background-size:cover;
 
}
.bg-8{
	background: url(../images/background/pattern-6.png) left top no-repeat;
}

.bg-color-1{
	
}



.mvh-50{ min-height:50vh; }
.mvh-70{ min-height:70vh; }
.mvh-50{ min-height:50vh; }
.mvh-50{ min-height:50vh; }


.hero-inner.cnc{
	background:url(../images/bg-cnc.jpg) center bottom no-repeat;
	background-size:cover;
}

.strap-hero{
	 h1{
	 	font-size:3.8rem;
	 }
}

.hero-impresion{
	min-height:70vh;
	background: url(../images/heros/hero-impresion.jpg) center bottom no-repeat;
	h1,h3,p{
		color:#FFF;
	}

}

 

.hero-corte{
	min-height:70vh;
	background:#FB5A52 url(../images/heros/hero-cnc.jpg) center bottom no-repeat;
	h1,h3,p{
		color:#FFF;
	}
}

.hero-corte{
	min-height:70vh;
	background:#FB5A52 url(../images/corte-laser/hero-corte.jpg) center bottom no-repeat;
}


.hero-grabado{
	min-height:70vh;
	background:#FB5A52 url(../images/grabado-laser/hero-grabado.jpg) center bottom no-repeat;
}

.strap-bigtext {
	 
	background-size:contain;
	.title-big{
			text-align: center;
			font-size:5rem;
			font-weight:300;
		}
	}


	.line-bottom{
		background:url(../images/hr-line.png) center bottom no-repeat;
	}




.strap-color-1{
	
}

 .title {
    position: relative;
    font-weight: 500;
    padding: 6px 18px;
    
    text-transform: capitalize;
  
    transform-origin: top;
    display: inline-block;
    margin-bottom: 20px;
 	 transform: skewX(0deg)!important;
    
}

 .title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-10deg)!important;
     background: rgb(238,87,77);
     background: linear-gradient(152deg, rgba(238,87,77,1) 0%, rgba(255,210,77,1) 100%);
     
}

.title-color{
	color:#FB5A52;
}

 
.bg-colored{
	 
   background: #E9402B url(../images/background/triangles.png);
    
   	span{color:#000!important;}
   	h2{
   		color:#FFF;
   	}
   	p, ul {
   		color:#FFF!important;
   	}
   
}



.bg-hero-router{
	background:url(../images/background/bg-router.jpg)left top no-repeat!important;
	.inner{
 		 background:url(../images/hero-bottom.png) center 260px no-repeat!important;
 	}
}

.bg-hero-grabado{
	background:url(../images/background/bg-grabado.jpg)left top no-repeat!important;
	.inner{
 		 background:url(../images/hero-bottom.png) center 260px no-repeat!important;
 	}
}

.bg-hero-aplicaciones{
	background:url(../images/background/bg-aplicaciones.jpg)left top no-repeat!important;
	.inner{
 		 background:url(../images/hero-bottom.png) center 260px no-repeat!important;
 	}
}

.bg-hero-laser{
	background:url(../images/background/bg-laser.jpg)left top no-repeat!important;
	.inner{
 		 background:url(../images/hero-bottom.png) center 260px no-repeat!important;
 	}
}

.banner-width{
	margin-top:0px;
	h1{
		text-shadow: 3px 3px 3px rgba(0,0,0,.50);
	}
}
.bg-impresion{
	background: #3AC5EE;
}


.owl-slide-fade{
	.item{

		img{
			border-radius:10px;
			box-shadow:10px 10px 10px rgba(0,0,0,.50)!important;
		}
	}
}


.menu-btn .phone-btn{
	 font-weight:bold;
   background: linear-gradient(90deg, rgba(238,87,77,1)50%, rgba(255,210,77,1) 100%);
}

.btn-primary{
	 
	color:#FFF;
	border:none;

	 
	color:#FFF;
	text-transform:uppercase;
	font-size:1rem;
	padding:1rem 2rem;
	box-shadow: -8px 8px 12px rgba(0,0,0,0.25);
	&:hover{
		background:#FEC94D;
	}
 
}

.product-images-item{
	width:320px;
}

.py-large{
	padding-top:8rem;
	padding-bottom:6rem;
}

.accordion{

	.card{ border:none;
		.card-header{
			
			background: #E9402B;
			 
         
			 
			button{
		 
				font-size:1.2rem;
				color:#FFF;
			}

			 
		}
		.card-body{
			 background: #EEE;
		}


	}
}

footer.footer-area{
	padding-top:2rem;
 
 
	 
	 .footer-card{
	 	 
	 }
}

/////

.service-card .service-content{
	background:#EB422F;
	a:hover{
		color:#FFF;
	}
	p{
		color:#FFF;
	}
}
.strap-title{
	  span{
	  	 color:#EB422F;
	  }
	h2{}
}

.item-number{
	background:#1C243C url(../images/background/triangles.png) left -100px no-repeat;
	border-radius:10px;
	padding:1rem;
	h5,h6,p{color:#FFF;}
	min-height:260px;
}

/*form*/
.Inputfields,
.Inputfields li {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

.Inputfields li label {
    font-weight: bold;
}

.Inputfields li p {
    margin: 0;
}

.Inputfields li p.description {
    font-style: italic;
}

.Inputfields textarea,
.Inputfields .InputfieldMaxWidth {
    width: 100%;
}

.Inputfields .InputfieldSubmit label {
    display: none;
}

.ui-state-error-text {
    color: red;
}

/* hide drag upload */
.AjaxUploadDropHere{
    display: none;
}

.InputfieldError.ui-state-error{ 
	span{
		color:red;
		font-size:12px;
		font-weight:bold;
	}
 }

 .InputfieldCheckboxesStacked{ 
 	margin:0px;
 		padding:0px;
 	li{
 		margin:0px;
 		padding:0px;
 		input[type="checkbox"]{
 			margin:10px;

 		}
 		label{
 			span{
 				font-weight: normal;
 			}
 		}
 	}
 }