@font-face {
    font-family: 'made_canvasblack';
    src: url('../fonts/made_canvas_black_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_canvas_black_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'made_canvaslight';
    src: url('../fonts/made_canvas_light_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_canvas_light_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'made_canvasregular';
    src: url('../fonts/made_canvas_regular_personal_use-webfont.woff2') format('woff2'),
         url('../fonts/made_canvas_regular_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Gerneral */
body{
	/*background-color:#000;*/
	color: #696969;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
}

a {
	color: #696969;
	/*font-weight:bold;*/
}

header {
  position: relative;
  height: 85vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.btn-outline-primary {
	color: #431833;
    background-color: transparent;
    background-image: none;
    border-color: #431833;
}
.btn-outline-primary:hover{
	color: #ffffff;
    background-color: #431833;
    background-image: none;
    border-color: #431833;
}

.info-header-1{
	font-size:18px;
	color:#213451;
	font-weight:300;
	padding:20px 40px 40px 40px;
	left:0;
	bottom:0;
	border-top:1px solid #431833;
	font-style: italic;
	line-height: 1.2;
}

.header-social a:hover {
	color: #431833 !important;
	text-decoration: none;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

.info-header{
	background-color:rgba(0, 0, 1, 0.5);
	height:100%;
	left:0;
	top:0;
	padding:30px 45px;
	text-align:center;
	width:340px;
}

/* main menu header */
.main-menu{
	/*padding: 40px 40px 0px 40px;*/
}

#collapsingNavbar2{
	position: relative;
    top: -32px;
}

.main-menu a{
	color:#213451 !important;
	font-size:18px;
	font-weight:300;
}

.main-menu-mob{
	background:#FFF;
	/*padding: 40px 40px 0px 40px;*/
}

.main-menu-mob a{
	color:#213451 !important;
	font-size:18px;
	font-weight:300;
}

/* header */
.items-main-menu a {
	position: relative;
}
.items-main-menu a:after {    
	background: none repeat scroll 0 0 transparent;
  	bottom: 0;
  	content: "";
  	display: block;
  	height: 2px;
  	left: 50%;
  	position: absolute;
  	background: #431833;
  	transition: width 0.3s ease 0s, left 0.3s ease 0s;
  	width: 0;
}
.items-main-menu a:hover:after { 
	width: 100%;
	left: 0; 
}

/******************* CSS ANDRUX ********************/

/*** NUEVOS ***/
.servicios{color: #e5e3e5;}
.second{background: url('../images/services/img2-home.jpg'); }
.third{background: url('../images/services/img3-home.jpg'); }
.fourth{background: url('../images/services/img4-home.jpg'); }

.producto {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.producto .mask, .producto .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.producto img {
    display: block;
    margin-left: -15px;
    position: relative
}
.img-center{display: inline-block !important;margin-bottom: 15px;}
.producto .icon {
	font-family: 'made_canvasregular';
    color: #fff;
    text-align: center;
    position: absolute;
    font-size: 18px;
    z-index: 9;
    top:75px;
    width: 100%;
    margin-left: -15px; 
}
.icono{height: 72px;display: flex;margin-bottom: 10px;}
.producto p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
    position: relative;
    color: #e5e3e5;
    padding: 10px 20px 20px;
    text-align: center;
    top: 250px;
}
.producto a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #668ec8;
    text-transform: uppercase;
    margin-top: 80%;
    color:#fff;
}

.producto a.info:hover {
}
/* clases para el primer producto  */
.prod-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.prod-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(10,20,38, 1);
   -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;
}
.prod-first .icon {
   -webkit-transform: translateY(150px);
   -moz-transform: translateY(150px);
   -o-transform: translateY(150px);
   -ms-transform: translateY(150px);
   transform: translateY(150px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 1;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.prod-first p {
   -webkit-transform: translateY(200px);
   -moz-transform: translateY(200px);
   -o-transform: translateY(200px);
   -ms-transform: translateY(200px);
   transform: translateY(200px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.prod-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.prod-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.prod-first:hover .icon,
.prod-first:hover p,
.prod-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.prod-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.prod-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.rombo {
     width: 25px; 
     height: 25px; 
     background: #f3f3f3;
     position: absolute;
     margin-left: -3.8rem !important;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}

.rombo-header{
	right: 0 !important;
	margin-top: -.3rem !important;
	background: #431833 !important;
	width: 10px;
	height: 10px;
}

.menu-areas a{
	color: #696969 !important;
	font-family: 'made_canvasregular';
	font-size: 18px;
	padding: 2px 4px;
}
.menu-areas a:hover{
	color: #696969 !important;
	text-decoration: none;
	background-color: #f6f6f6;
	padding:2px 4px;
}
.menu-areas .icon1{
	content: url('../images/ico1-a.png');
	position: relative;
	vertical-align: sub;
	padding-right: 5px;
}
.menu-areas .icon2{
	content: url('../images/ico2-a.png');
	position: relative;
	vertical-align: sub;
	padding-right: 5px;
}
.menu-areas .icon3{
	content: url('../images/ico3-a.png');
	position: relative;
	vertical-align: sub;
	padding-right: 5px;
}
.menu-areas .icon4{
	content: url('../images/ico4-a.png');
	position: relative;
	vertical-align: sub;
	padding-right: 5px;
}
.menu-areas .icon5{
	content: url('../images/ico5-a.png');
	position: relative;
	vertical-align: sub;
	padding-right: 5px;
}

.text-areas{
	padding-left: 60px !important;
	padding-right: 60px !important;
	background-color: #f6f6f6; 
}

.text-areas h2{
	font-size: 22px !important;
	color: #431833 !important;
}

.text-areas .bl{
	border-left: 1px solid #431833;
}

.text-areas ul {
	list-style: none;
	margin: 2em;
	padding: 0;
}

.text-areas li {
    margin: 0;
    margin-bottom: 1em;
    padding-left: 1.5em;
    position: relative;
}


    
.text-areas li:after {
	content: '' !important;
	height: .4em !important;
	width: .4em !important;
	background: #431833 !important;
	display: block !important;
	position: absolute !important;
	transform: rotate(45deg) !important;
	top: .25em !important;
	left: 0 !important;
}

@media (min-width: 576px){
	.text{
		position: relative !important;
	}
	.rombo{
		top: -.75rem !important;
	}
}
@media (min-width: 768px){
	.text{
		position: relative !important;
	}
	.rombo{
		top: -.75rem !important;
	}
}
@media (max-width: 991px){
	.rombo{
		display: none;
	}
}
@media (max-width: 992px){
	.text{
		position: relative !important;
	}
}

@media (min-width: 992px){
	.text{
		position: absolute !important;
	}	
}
@media (max-width: 1200px){	
	.pr-60px{padding-right: 0!important;}
	.container{max-width: 100%;}
	.rombo-header{display: none !important;}		
	.serv{display: none;}
	.rombo{
		display: none;
	}
	
}
@media (min-width: 1200px){
	.serv-mob{display: none;}
	.text{
		position: absolute !important;
	}
}
/*** END NUEVOS ***/



/******************* CSS DANIEL ****************/

/*footer*/
footer{
	/*background-color:#F0F0E9;*/
	font-size:16px;
}
	
	.social-footer a .fa-inverse {
		/*color: #FFFFFF;*/
	}
	.social-footer a {
		color: #213451;
	}
	
	.social-footer a:hover {
		color: #431833;
	}
	
	footer .container-fluid .title{
		color:#431833;
		font-weight:bold;
	}
	
	footer .container-fluid .site{
		color:#431833;
	}
	
	footer .container-fluid .copyr{
		font-size:12px;
	}
	
	footer .bkg{
		background-image:url(../images/template/fondo-pie-r.jpg);
	}

/*social team*/
.social-team .fa-inverse {
	color:#431833;
}

/*contact form*/
.info-contact .container{
	background:#f3f3f3;
	padding: 40px;
}

.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}

.info-contact h3{
	color:#431833;
	margin-bottom: 30px;
	margin-top:30px;
	font-size:24px;
	font-family: 'made_canvasregular';
}

	 .info-contact .no-border{
		 padding-right: 0px !important;
		 padding-left: 0px !important;
	 }
	 
	.contact input{
		border:none;
		border-radius:0;
		color:#696969;
		height: 45px;
		margin-bottom: 15px;
	}
	
	.contact textarea{
		border:none;
		border-radius:0;
		color:#696969;
		/*height: 125px;*/
		margin-bottom: 15px;
	}
	
	.contact button{
		border:none;
		border-radius:0;
		color:#696969;
		padding-left: 20px;
		padding-right: 20px;
		/*height: 70px;
		margin-bottom: 15px;*/
	}
	
	.btn-send{
		text-transform:uppercase;
		color:#FFFFFF !important;
		background:#431833;
	}
	
.info-contact-us .row{
	background:#f3f3f3;
}

.info-contact-us h3{
	color:#431833;
	/*margin-bottom: 30px;
	margin-top:30px;*/
	font-size:24px;
	font-family: 'made_canvasregular';
}

	 .info-contact-us .no-border{
		 padding-right: 0px !important;
		 padding-left: 0px !important;
	 }
	 
	.card-team{
		background:#f3f3f3;
	}
	
	.card-team h3{
		color:#431833;
		font-size:23px;
		font-family: 'made_canvasregular';
		padding-bottom:20px;
	}
	
	.card-team p{
		text-align:justify;
	}
	
	.ab-contact a{
		/*padding-top:20px;*/
		text-decoration:none;
	}

/*staff*/
/*
.staff{
	background:#000;
}

.staff .caption{
	color:#FFF;
}
*/

/*
.people{
	padding-left:0 !important;
	padding-right:0 !important;
}
*/
.box-info-staff{
	position: absolute; /*relative*/
	bottom: 10px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
}

.box-info-staff span{
	background-color: #431833;
	padding: 2px 6px;
	color:#e5e3e5;
}


/*** CSS HELPERS***/

.margin-x-0{margin-left: 0 !important; margin-right: 0 !important;}
.padding-x-0{padding-left: 0 !important; padding-right: 0 !important;}
.pr-60px{padding-right: 60px;}
.t-0{top: 0 !important;}
.c-431833{color: #431833;}
.c-696969{color: #696969;}
.font-canvas-regular{font-family: 'made_canvasregular';}
.font-roboto-light{font-weight: 300;}
.bg-e5e3e5{background-color: #e5e3e5 !important;}
.t-auto{top: auto !important;}
.r-0{right: 0 !important;}
.m-l-rombo{margin-left: -4.5rem !important;}
.m-r-rombo{margin-right: -.8rem !important;}
.z-9{z-index: 9;}
.areas-center{height: 100%; background: #11182a; display: flex; justify-content: center; align-items: center;}

/*** END CSS HELPERS ***/

/*** HELPERS DANIEL ***/
.no-border{
	border:none;
}

.txt-p p{
	line-height: 2;
	font-size:16px;
}

.padd-50{
	padding:50px;
}

.mar-bottom-35{
	margin-bottom:35px;
}
.mar-top-35{
	margin-top:35px;
}

.mar-bottom-20{
	margin-bottom:20px;
}

.mar-bottom-50{
	margin-bottom:50px;
}

.mar-top-50{
	margin-top:50px;
}

.main-title{
	text-align:center;
	color:#431833;
	font-size:30px;
	text-decoration:underline;
	padding:70px 0px 70px 0px;
	font-family: 'made_canvasregular';
	
}

.content-description .description{
	text-align:justify;
	color:#999;
}

.padd-80{
	padding:80px;
}
/*** END ****/

.main-content-header{
	font-size: 18px;
    color: #213451;
    font-weight: 300;
    padding: 20px 40px 40px 40px;
    left: 0;
    bottom: 0;
    border-top: 1px solid #431833;
    font-style: italic;
    line-height: 1.2;
	display:none;
	background: #f3f3f3;
}

/***************** FIN CSS BENALCAZAR ***********/
/*Small devices (landscape phones, 544px and up)*/
@media (min-width: 100px) {
	.info-header-1{
		display:none;
	}
	
	.main-content-header{
		display:block;
	}
	
	#collapsingNavbar2 {
		position: relative;
		top:0;
	}
}

@media (min-width: 544px) {
	.info-header-1{
		display:none;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.info-header-1{
		display:none;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.pr-60px{padding-right: 60px !important;}
	.main-content-header{
		display:none;
	}
	.info-header-1{
		display:block;
	}
	body{
		/*background:red !important;*/
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	body{
		/*background:yellow !important;*/
	}
	.main-content-header{
		display:none;
	}
	.info-header-1{
		display:block;
	}
	/*
	.info-contact img {
		width:232px;
		height:232px;
	}
	*/
	.card-team img {
		width:400px;
		height:400px;
	}
	
	.form-padd-right{
		padding-right:35px;
	}
	/* main menu */
	.main-menu .items-main-menu li:not(:last-child){
		padding-right:40px !important;
	}
	.main-menu-mob .items-main-menu li:not(:last-child){
		padding-right:40px !important;
	}
	.info-header-1{
		width:500px;
	}
}