@font-face{
   font-family: 'Gotham-Bold';
   src: url('../fonts/Gotham-Bold.otf') format('opentype');
}
@font-face{
   font-family: 'Gotham-Medium';
   src: url('../fonts/Gotham-Medium.otf') format('opentype');
}
@font-face{
   font-family: 'Gotham-Book';
   src: url('../fonts/Gotham-Book.otf') format('opentype');
}

@font-face{
   font-family: 'Raleway-Semibold';
   src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
}


.font-gotham-bold {
  font-family: "Gotham-Bold";
}
.font-gotham-medium {
  font-family: "Gotham-Medium";
}
.font-gotham-book {
  font-family: "Gotham-Book";
}

.font-raleway-semibold {
  font-family: "Raleway-Semibold";
}


.text-gradient {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 1;
}
.text-gradient.text-pink-to-blue {
  background-image: linear-gradient(310deg, #0F93E3, #FF2793);
}

.text-gradient.text-green-to-greenlight {
  background-image: linear-gradient(120deg, #37B753, #A4D066);
}

.h1-titulo{
	font-size: 76px !important;
	line-height: 88px;
}

.text-black{
	color: #000000;
}
.p-texto-titulo{
	font-size: 24px;
}

.background-gray{
	background-color: #F5F5F7;
}
.background-white{
	background-color: #ffffff;
}
.row-titulo{
	margin-top: 200px !important;
}

.img-pass{
	width: 30%;
}

.img-tarjeta-ht{
	width: 60%;
}



.margin-rigth-70{
	margin-right: 70px;
}

.iconos-ht i{
	font-size: 50px;
}

.fa-gradient {
	background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#333));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.font-size-22px{
	font-size: 20px !important;
}

.font-size-40px{
	font-size: 46px !important;
	line-height: 58px;
}

.font-size-62px{
	font-size: 62px !important;
	line-height: 66px;
}
.font-size-62px-gradient{
	font-size: 62px !important;
	line-height: 66px;
}

.text-align-left{
	text-align: left;
}

.bg-gradient-greenht {
  background-image: linear-gradient(120deg, #37B753 0%, #A4D066 100%);
}

.bg-gradient-blueht {
  background-image: linear-gradient(120deg, #10ABD6 0%, #75E0E1 100%);
}









@media (min-width: 150px) and (max-width: 299px) {
	
}
@media (min-width: 320px) and (max-width: 469px) {
	.h1-titulo{
		font-size: 54px !important;
		line-height: 60px;
	}
	
	.font-size-62px{
		font-size: 40px !important;
		line-height: 44px;
	}
	.font-size-62px-gradient{
		font-size: 54px !important;
		line-height: 58px;
	}
	.font-size-40px{
		font-size: 34px !important;
		line-height: 44px;
	}
	
	.margin-rigth-70{
		margin-right: 0px;
		text-align: center;
	}
	
	.fas-margin{
		margin-left: -20px; 
	}
	
	.img-pass{
		width: 80%;
	}
	.description .ps-5{
		padding-left: 0em !important;
	}
	.ps-5{
		padding-left: 0em !important;
	}
	
	.w-85{
		width: 100% !important;
	}
	
	.img-tarjeta-ht{
		margin-top: 0px;
		width: 86%;
	}
}



@media screen and (max-width:560px) {
  
}

@media (min-width:560px) and (max-width:767px) {
  
}

@media (min-width:768px) and (max-width:991px) {
  .h1-titulo{
		font-size: 64px !important;
		line-height: 64px;
	}
	
	.font-size-62px{
		font-size: 50px !important;
		line-height: 54px;
	}
	
	.img-pass{
		width: 50%;
	}
	.description .ps-5{
		padding-left: 0em !important;
	}
	.ps-5{
		padding-left: 0em !important;
	}
	
	.w-85{
		width: 100% !important;
	}
	
	.img-tarjeta-ht{
		margin-top: 0px;
		width: 86%;
	}

}





/*******iPhone 10 landscape *******/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
	/* STYLES GO HERE */
	
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
  
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
	  	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	 
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}


/*******iPhone 6, 7, 8 landscape *******/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	/* STYLES GO HERE */
	
}

/*******iPhone 6, 7, 8 Plus landscape *******/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
	/* STYLES GO HERE */
	
}
/****iPhone 5 y 5s Landscape***/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	/* STYLES GO HERE */
	/
}



/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {

	
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	 
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	  
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
	  
	.h1-titulo{
		font-size: 54px !important;
		line-height: 60px;
	}
	
	.font-size-62px{
		font-size: 50px !important;
		line-height: 54px;
	}
	
	.font-size-62px-gradient{
		font-size: 58px !important;
		line-height: 62px;
	}
	.fas-margin{
		margin-left: -20px; 
	}
	.img-pass{
		width: 80%;
	}
	.description .ps-5{
		padding-left: 0em !important;
	}
	.ps-5{
		padding-left: 0em !important;
	}
	
	.w-85{
		width: 100% !important;
	}
	
	.img-tarjeta-ht{
		margin-top: 0px;
		width: 86%;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
	  /************ noostros *************/
	
}