﻿
/*@font-face {
  font-family: worksans-bold;
  src: url('../fonts/worksans-bold.ttf') format('truetype');
}*/
@font-face {
  font-family: worksans-bold;
  src: url('../../fonts/Work_Sans/WorkSans-Bold.ttf') format('truetype');
}

/*@font-face {
  font-family: worksans-regular;
  src: url('../fonts/worksans-regular.ttf') format('truetype');
}*/
@font-face {
  font-family: worksans-regular;
  src: url('../../fonts/Work_Sans/WorkSans-Regular.ttf') format('truetype');
}
/*@font-face {
  font-family: worksans-semibold;
  src: url('../fonts/worksans-semibold.ttf') format('truetype');
}*/
@font-face {
  font-family: worksans-semibold;
  src: url('../../fonts/Work_Sans/WorkSans-SemiBold.ttf') format('truetype');
}

/** {
	font-family: worksans-regular;
}*/

a:link, a:visited, a:active {
  text-decoration: none;
}

.text-bold {
  font-family: worksans-bold;
}

.text-semibold {
  font-family: worksans-semibold;
}

.font38 {
  font-size: 38px;
}

.font24 {
  font-size: 24px;
}

.font16 {
  font-size: 16px;
}

.font14 {
  font-size: 14px;
}


.header-image {
  /*background-image: url('../Images/logo.png');*/
  background-image: url('../../Images/BNBCommerce/logo.png');
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.banner-image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../Images/BNBCommerce/banner.jpeg');
  height: 50%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 500px;
  text-align: left;
  display: flex;
  justify-items: center;
  padding-left: 165px;
  align-items: center;
}

.footer {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../../Images/BNBCommerce/Foot.png');
  height: 50%;
  background-position: top; /*center;*/
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 400px;
  display: flex;
  justify-items: center;
  align-items: center;
  justify-content:center;
}

.banner-text {
  text-align: left;
  /*position: absolute;*/
  /*	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
  color: #F3F3F3;
}

.banner-foot-text {
  text-align: center;
  /*position: absolute;*/
  /*	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
  color: #F3F3F3;
}

.text-grey {
  color: #868686;
  font-weight: 500;
}

.text-green {
  color: #2BB461;
  font-weight: 600;
}


/*.banner-text .flotante {
		border: none;
		outline: 0;
		display: inline-block;
		padding: 10px 25px;
		color: black;
		background-color: #ddd;
		text-align: center;
		cursor: pointer;
	}*/

.button-origen {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
  font-family: worksans-semibold;
}

.button-page {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: white;
  background-color: #2BB461;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.button-Email {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: white;
  background-color: #2BB461;
  text-align: center;
  cursor: pointer;
  border-radius: 12px;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
}

.banner-text button:hover {
  background-color: #555;
  color: white;
}

.info-header-container {
  margin: 0 160px;
  /*padding: 20px;
	border-radius: 20px;
	background: #FFFFFF;	
	text-align: center;*/
  height: 136;
  /*filter: drop-shadow(0px 1px 1px #000000);*/
  /*-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);*/
}

.info-container {
  margin: 0 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border-radius: 20px;
  background: #FFFFFF;
  transform: translateY(-50px);
  text-align: center;
  height: 238px;
  /*filter: drop-shadow(0px 1px 1px #000000);*/
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
}
.info-container .row{
  width:100%;
}

  .info-container img {
    width: 25px;
    height: 25px;
  }

  .info-container h3 {
    font-size: 38px;
  }

  .info-container p {
    font-size: 16px;
    color: #868686;
  }


.align-text-tarjetas {
  align-self: center;
  /*padding: 0% 10% 0% 15px;*/
}

.align-image-tarjetas {
  text-align: left;
  /*padding: 4% 5% 0% 10%;*/
}

.row h1 {
  color: #2BB461;
  font-weight: 600;
}

.row p {
  color: #868686;
}

.row ul {
  color: #868686;
}

.row input {
  border-radius: 10px;
}

.row select {
  border-radius: 10px;
}



/*li {
	list-style: none;
}

li:before {
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	background-size: 10px;
	background-image: url("../images/checklist.png");
	background-repeat: no-repeat;
	margin-right: 5px;	
}*/

.list-class {
  list-style: none;
  font-size: 24px;
  margin-left:20px;
}

  .list-class:before {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    background-size: 10px;
    /*background-image: url("../images/BNBCommerce/checklist.png");*/
    background-image: url('../../Images/BNBCommerce/checkList.png');
    background-repeat: no-repeat;
    margin-right: 5px;
    position: absolute;
    transform: translate(-20px, 15px);
  }

.ul-class {
  padding-left: 0;
}


.footer-h1 {
  font-size: 64.15px;
}


.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.swal2-confirm {
  background-color: #2BB461 !important;
}

@media (max-width:481px) { /* smartphones, iPhone, portrait 480x320 phones */
  .info-header-container {
    margin: 0px
  }

  .banner-image {
    padding-left: 10%;
  }

  .footer {
    padding-left: 10%;
  }

  .info-container {
    margin: 10%;
    height: auto;
  }

  .footer-h1 {
    font-size: 200%;
  }
}
