/*Font*/
@font-face {
  font-family:"Avenir";
  src: url("fonts/AEH.ttf") format("truetype");
  /* font-display:swap ; */
}

@font-face {
  font-family:"Avenir-book";
  src: url("fonts/Avenir_LT_35_Light.ttf") format("truetype");
  /* font-display:swap ; */
}
input::-webkit-input-placeholder {
  color: #777;
}
input::-moz-placeholder { /* Firefox 19+ */
  color:  #777;
}
input:-ms-input-placeholder {
  color:  #777;
}
input:-moz-placeholder { /* Firefox 18- */
  color:  #777;
}

/*General*/
.pb-0{padding-bottom:0 !important;}
.pt-0{padding-top:0 !important;}
.pt-20{padding-top:20px;}
.pt-10{padding-top:10px;}
.pt-40{padding-top:40px;}
.pb-20{padding-bottom:20px;}
.pb-20{padding-bottom: 30px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.mt-80{margin-top:80px;}
.mt-100{margin-top:100px;}
.mb-100{margin-bottom:100px;}
.mb-80{margin-bottom:80px;}
.fs-17{font-size:17px;}
.fs-20{font-size:20px;}
.fs-40{font-size:40px;}
.item-center{display:block;margin:auto;}
.btn-custom{font-family: Avenir-book,'Open Sans',sans-serif;font-weight:bold;cursor:pointer;background: #81b932;color: white;border: none;font-size: 16px;border-radius: 20px;margin: 10px 0;}
.bg-gray{background: #F9F9F2;}
.btn-custom:hover{color:white;}
.form-control::placeholder{font-family: 'Open Sans',sans-serif;}
@media (max-width:991px){
	.container{max-width:550px;}
}
#navbar{background:#226F58;padding: 10px 0;}
#navbar img{width:100%;max-width: 200px;}
#navbar .content{text-align:right;color:white;}
@media(max-width:991px){
	#navbar img{margin: 10px auto;display: block;max-width: 250px;}
	#navbar .content{text-align:center;display:none;}
}

/*Banner Principal*/
#home{padding:30px 0;}
#home.static-bgimage{background-position: center;background-image: url("images/home/mesabanca-banca-fondo-min-min.png");background-size: cover;border-bottom-right-radius: 250px;background-repeat: no-repeat;}
#home.static-bgimage .header-div-1 h1{font-size: 57px;color: #fff;line-height: 60px !important;}
#home.static-bgimage .header-content{color: #dedbdb;font-size:28px;}
#home.static-bg-padding{padding-top: 50px;padding-bottom: 50px;}
#home #form-slide input,#home #form-slide textarea{border:solid 3px #f4f4f4;background: white;padding: 24px 10px;font-size: 14px;border-radius: 10px;color: #919191;}
#home #form-slide .form-div i{right: 15px;top:13px;font-size: 20px;color: #828282;}
#home #form-slide{max-width: 400px;display: block;margin: auto;}
#home #form-slide textarea{height: 100px;}
@media(max-width:991px){
	#home.static-bgimage .header-div-1{margin: 80px auto 50px auto;}
	#home.static-bgimage .header-div-1 h1,#home.static-bgimage .header-div-1 p{text-align:center;}
	#home.static-bgimage .header-div-1 h1{font-size: 65px;padding: 0 20px;line-height: 75px !important;}
	#home.static-bgimage .header-div-1 p{font-size: 25px;}
	#home.static-bgimage .header-div-1 .btn-custom{display:none;}
}
@media(max-width:767px){
	#home.static-bgimage .header-div-1{margin: 50px auto 0px auto;}
	#home.static-bgimage .header-div-1 p,#home h2{padding: 0;font-size: 18px;line-height: 15px;}
	section.home{background:white;}
	#home.static-bgimage .header-div-1 h1{font-size: 36px;line-height: 35px !important;}
	/* {} */
}
#home #form-slide form .btn-custom{display: block;margin: auto;}
#home .btn-custom{padding: 13px  !important;}

/*About us*/
#about{padding: 60px 0;/*background-color:#F9F9F2;background-repeat: no-repeat;background-size: contain;*/
background: linear-gradient(to bottom, rgb(249, 249, 242) 0%, rgb(249, 249, 242) 68%, rgb(209, 209, 209) 68%, rgb(254, 254, 254) 68%, rgb(254, 254, 254) 100%);}
#about .content-about{padding-top:40px;}
#about .bg-image{background-position-x: 40px;padding-top: 40px;padding-bottom: 80px;background-image:url('images/home/triangulos-grises.png');background-repeat: no-repeat;background-size: contain;}
#about .title{font-size:45px;padding-top: 50px;font-weight:bold;}
#about .subtitle{font-size:20px;}
#about .content{font-size:26px;padding:20px 0; padding-bottom: 50px;font-family: Avenir-book;font-weight: 500;color: black;}
#about img{height:100%;width: 100%;max-width: 350px;object-fit: cover;}
@media (max-width:991px){
	#about{padding:0;position:relative;}
	#about .img-about{margin: 10px auto 50px auto;display: block;text-align: center;}
	#about{background-position-y: -10px;background:linear-gradient(to bottom, rgb(249, 249, 242) 0%,rgb(241, 241, 241) 35%,rgb(249, 249, 242) 35%,rgb(254, 254, 254) 36%,rgb(254, 254, 254) 36%,rgb(254, 254, 254) 36%,rgb(254, 254, 254) 36%);}
	#about .bg-image{padding-bottom: 0px;padding-top: 5px;}
	#about .subtitle{font-size:17px;}
	#about img{max-width: 400px;}
	#about .bg-image{background-image: none;}
	#about .bg-image2{background-repeat: no-repeat;background-image: url("images/home/elementos puntos2-min.png");position:absolute;top: -33%;left: -60px;right: 0;bottom: 0;}
	#about .title{padding-bottom: 20px;}
	#about .content{font-size:23px;font-weight: 600;color:#403f3f;}
}
@media (max-width:767px){
	#about{display:none;}
}
/*Productos*/
#product{padding: 60px 0 0 0; text-align:center;}
#product img{width: 100%;height: 250px;object-fit: cover;}
#product .card-title{font-size: 30px; color:#226F58;height: 70px;font-family: helvetica;font-weight: bold;line-height: 29px;}
#product .card-text{font-size: 26px;color: black;font-weight: 300;font-family:Avenir-book;}
@media (max-width:991px){
	#product img{height: 380px;}
	#product .card-title{max-width: 300px;margin: auto;}
}
@media (max-width:767px){
	#product article{background-image: url('images/home/triangulos-grises.png');background-size: 700px;background-repeat: no-repeat;}
	#product .card-title{font-size: 18px;height: auto;}
	#product .card-text{font-size:16px;}
}
/*Contact*/
#contact .container{background-size: 100%;background-image:url("images/home/elementos puntos2-min.png");background-repeat: no-repeat;margin: 80px auto;}
#contact .title{font-family:Avenir;font-weight:bold;text-align:center;font-size: 43px;line-height: 53px;padding: 50px;margin: 40px auto;}
#contact .content{max-width: 400px;margin: auto;}
#contact .content ul{list-style:none;}
#contact .content li{font-family:Avenir;font-weight: bold;font-size: 22px;padding: 13px 10px;color: black;}
#contact .content li a{font-weight: 300;font-family: Avenir-book;}
#contact ul.social li{display:inline-block;background:#81b932;border-radius: 50%;padding: 0px 10px;color: white;margin-left: 10px;}
#contact ul.social li:first-child{padding:0 12px;}
#form-contact .form-div i{right:14px;font-size: 25px;top: 13px;color: #A4A4A4;}
#form-contact input,#form-contact textarea{border:solid 2px #f4f4f4;padding: 25px;border-radius: 10px;font-size: 14px;}
#form-contact .btn-custom{background:#226f58;font-weight:bold;padding:13px !important;}
#contact .bg-logo{border-top: solid 2px #c8c8c8 !important;padding: 100px 0 0 0;}
/* #contact .bg-logo img{} */
@media (min-width:991px){
	#contact .bg-logo .footerImg{display:block;max-width: 500px;width:100%;margin: auto;}
	#contact .bg-logo .footerImg2{display:none;}
	#contact .title2{display:none;}
}
@media (max-width:991px){
	#contact .title{display:none;}
	#contact .container{margin: 0px auto;}
	#contact .bg-logo{padding: 20px;}
	#contact .bg-logo .footerImg{display:none;}
	#contact .bg-logo .footerImg2{display:block;margin:auto;max-width: 500px;width:100%;}
	#contact .content li a{font-size: 20px;}
	#contact .title2{font-size: 40px;color: black;margin: 70px auto 50px auto;font-weight: bold;text-align: center;}
	#contact .content{max-width: 100%;}
}
@media (max-width:767px){
	#contact .container{background:none;}
	#contact .form2{display:none;}
	#contact ul.social{text-align: center;margin: 20px auto 50px auto;}
	#contact ul.social li:first-child{padding: 0px 14px;}
	#contact ul.social li{padding: 1px 13px !important;}
}
/* Footer */
footer{background:#f9f9f2;padding: 20px 0;}
@media (max-width:991px){
	footer .container .row p{text-align:center !important;display:block !important;font-size: 13px;}
}
@media(max-width:992px){
	.hidden-md-down{display:none !important;}
}
@media(min-width:993px){
	.hidden-md-up{display:none !important;}
}