/*
Theme Name: Stereum Tech
Theme URI: https://rolynet.pro
Author: RolyNet
Author URI: https://rolynet.pro
Description: Stereum Tus Servicios Digitales favoritos, !Paga todo lo que quieras con tus Bolivianos!
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Stereum
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.font-poppins-regular{
	font-family: "poppinsregular";
}
.font-poppins-bold{
	font-family: "poppinsbold";
}
.font-poppins-light{
	font-family: "poppinslight";
}
.font-poppins-medium{
	font-family: "poppinsmedium";
}
.font-poppins-semibold{
	font-family: "poppinssemibold";
}

.stareum-name{			
	font-family: "poppinsmedium";
	font-size: 16pt;
	color: #292929;
}
.px-100{
	padding-left:100px;
}
.px-50{
	padding: 0 50px;
}

.header-container{
	margin-top: 30px;
  max-width: 1256px;
}
li.nav-item{
	width: 150px;
	text-align: center;
}

.page1-titles{
	margin-top: 150px;
	margin-bottom: 100px;
	margin-left: 30px;
	text-align: left;
}
.page1-title{	
	line-height: 150%;	
	font-size: 34pt;
	
}
.page1-title-text{
		font-size: 14pt;
		font-weight: normal;
}
.page1-button{
	text-align: left;
	margin-left: 30px;
}
.page1-button-agenda{
	background: #DADADA;
	border:#DADADA;
	color: black;
	margin-left: 30px;
}
.page1-button-agenda:hover{
	background:#6c757d;
}
.page1-background{
	background-image: url('assets/images/background-phone.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 60% 80%;
	text-align: center;
}
.page1-phone-image,.page1-phone-image2{
	width: 75%;
	height: auto;
	margin: 0 auto;
}
.page1-phone-image2{
	display: none;
}
.page2-container{
	margin: 50px auto;
}
.page2-left{
	vertical-align: top;
	display: inline-block;
	width: 69%;
	margin: 0 auto;
	padding: 0;
}
.page2-left1, .page2-left2{
	width: 100%;
	text-align: center;
}
.page2-right{	
	vertical-align: top;
	display: inline-block;
	width: 29%;	
	height: 100%;
	margin-left: 20px;
}

.page2-title{
	text-align: center;
	font-size: 36pt;
	
	width: auto;
	margin: 30px auto;
	margin-bottom: 10px;
	
	background: linear-gradient(90.81deg, #FF51F8 34.77%, #000000 56.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.page2-text{
	font-size: 20pt;
	margin-bottom: 50px;
	text-align: center;
	background: linear-gradient(90.81deg, #FF51F8 34.77%, #000000 56.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.page2-cuadro-exchange{
	display: inline-block;
	vertical-align: top;
	width: 40%;
	height: 350px;
	background-image: url('assets/images/woman.png');
	background-position: right bottom;
	background-size:auto 85%;
	background-repeat: no-repeat;
	border-radius: 32px;
}
.page2-cuadro-exchange-text{
	margin-top:10px;
	margin-left: 20px;
	text-align: center;

	background: linear-gradient(90.81deg, #9B9B9B 8.54%, #E1E1E1 35.94%, #FFFFFF 47.25%, #717171 85.96%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;


}
.page2-cuadro-payments{
	display: inline-block;
	vertical-align: top;
	width: 55%;
	height: 350px;
	text-align:center;
	background: -webkit-linear-gradient(top, #FFF2E3 30%,  #E97DFF 100%);
	margin-left: 40px;
	border-radius: 32px;
}
.page2-cuadro-payments-img{
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url('assets/images/personpayments.png');
	background-position: center bottom;
	background-size: auto 75%;
	background-repeat: no-repeat;
	padding-top: 30px;
}
.page2-cuadro-payments-text{
	text-align: center;
	background: linear-gradient(90.81deg, #FF51F8 34.77%, #000000 56.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;	
}

.page2-cuadro-bussiness2{
	display: none;
	border-radius: 32px;
}

.page2-cuadro-bussiness{
	margin-top: 24px;
	background: linear-gradient(89.54deg, #71C3FE 24.22%, #90FFC0 83.17%, #AC24FA 102.82%);
	height: 300px;
	border-radius: 32px;
}
.page2-cuadro-bussiness-img{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url('assets/images/personbusiness.png');
	background-position: right bottom;
	background-size:contain;
	background-repeat: no-repeat;
	border-radius: 32px;
}
.page2-cuadro-bussiness-text{	
	font-size: 24pt;
	background: linear-gradient(90.81deg, #000000 8.54%, #263DCD 40.21%, #000000 86.74%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	position: absolute;
	left: 20%;
	top: 50%;
}

.page2-cuadro-swap1{
	display: none;
	border-radius: 32px;
}
.page2-cuadro-swap{
	background: -webkit-linear-gradient(top, #D2FFCE 20%,  #E9C50F 100%);
	height: 100%;
	border-radius: 32px;
}
.page2-cuadro-swap-img{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url('assets/images/personswap.png');
	background-position: left bottom;
	background-size:contain;
	background-repeat: no-repeat;
	border-radius: 32px;
}
.page2-cuadro-swap-text{
	text-align: center;
	background: linear-gradient(90.81deg, #19D60F 24.77%, #000000 56.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	
	position: absolute;
	left: 40%;
	top: 15%;

}	

.page3-container{
	margin-top: 130px;
	max-width: 1500px;

	background-image: url('assets/images/logo.png');
	background-position: 98% 90%;
	background-repeat: no-repeat;

}
.page3-left{

}
.page3-left-background{
	background: rgb(233,233,233);
	padding: 30px 50px !important;
	border-radius: 32px;
}
.page3-left-img{
	display: block;
	width: 100%;
	height: 220px;
	background-color: transparent;
	background-image: url('assets/images/circle.png');
	background-position: right bottom;
	background-size: auto 80%;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
.page3-left-text{
	font-size: 16pt;	
}
h3.page3-left-text{
	font-size: 18pt;
	line-height: 150%;
}
.page3-center{

}
.page3-center-background{
	background: #000000;
	padding: 30px 60px;
	border-radius: 32px;
}
.page3-center-text{	
	font-size: 18pt;
	background: linear-gradient(90.81deg, #9B9B9B 8.54%, #E1E1E1 35.94%, #FFFFFF 47.25%, #717171 85.96%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	
}

P.page3-left-text, p.page3-center-text, P.page3-right-text{  	
	font-size: 14pt;
 	font-weight: normal;
 	margin-top: 20px;
}
p.page3-center-description{
	font-size: 14pt;
	color: white;
	margin-top: 32px;
}

.page3-center-img{
	display: block;
	width: 100%;
	height: 500px;
	margin-top: 80px;
	background-color: transparent;
	background-image: url('assets/images/shape.png');
	background-position: left bottom;
	background-size:contain;
	background-repeat: no-repeat;
}
.page3-right{

}
.page3-right-text{
	font-size: 12pt;	
}
h3.page3-right-text{
	font-size: 18pt;
}
.page3-right-background{
	background: rgb(233,233,233);
	padding: 30px 50px !important;
	border-radius: 32px;
}
.page3-right-img{
	display: block;
	width: 100%;
	height: 240px;
	background-color: transparent;
	background-image: url('assets/images/triangle.png');
	background-position: left bottom;
	background-size:auto 80%;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
.page3-right-img-bottom{
	display: none;
}


.page4-background{	
	background: linear-gradient(to bottom, black 85%, white 15%);  
	background: -webkit-linear-gradient(to bottom, black 90%, white 15%);
  background: -moz-linear-gradient(to bottom, black 90%, white 15%);
  background: -o-linear-gradient(to bottom, black 90%, white 15%);
  background: -ms-linear-gradient(to bottom, black 90%, white 15%);
  padding: 0;
}
.page4-background2{
	background: linear-gradient(to right, transparent 50%, white 50%);
}
.page4-right{
	text-align: center;
	margin: 0 auto;
	padding-left: 50px;	
	padding-top: 80px;
	display: block;
	width: auto;
	height: auto;
}
.page4-left-content{	
	padding: 250px 35px;	
	padding-top: 350px;
}
.page4-left-content-title, .page4-left-content-text{
	background: linear-gradient(90.81deg, #9B9B9B 8.54%, #E1E1E1 35.94%, #FFFFFF 47.25%, #717171 85.96%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	padding: 10px 20px;	
	padding-right: 80px;
}
.page4-left-content-title{
	font-size: 42pt;

}
.page4-left-content-text{
	font-size: 18pt;
}
.page4-plus30, .page4-soluciones, .page4-right-img{
	margin: 0 auto;
	display: inline-block;
}

.page4-plus30{
	padding: 25px;
	margin: 0 auto;
	vertical-align: top;
	background: rgb(233,233,233);
}
.page4-plus30 h1{
	font-size: 42pt;
}
.page4-plus30 span{
	font-size: 18pt;
	text-align: center;
}
.page4-soluciones{
	text-align: center;
	vertical-align: top;
	background: black;
	color: white;
	text-align: center;
	padding: 33px;
	margin: 0 auto;
	margin-left: 20px;
}
.page4-soluciones p{
	font-size: 20pt;
}
.page4-right-img{
	display: block;
	width: 100%;
	max-width: 550px;
	height: auto;
	margin: 60px auto;
}

.page5-container{
	padding: 80px 50px !important;
	padding-bottom: 100px !important;
}
.page5-left{
	width: 100%;
	height: 650px;
	text-align: center;
	vertical-align: top;
}
.page5-left-title{
	font-weight: bold;
}
.page5-left-iconos{
	background: black;	
	display: block;
	width: 50%;
	height: 100%;	
	float: left;
	border-bottom-left-radius: 2rem !important;
  border-top-left-radius: 2rem !important;
}
.page5-left-iconos-angular, .page5-left-iconos-react, .page5-left-iconos-js{
	display: inline-block;
	width: auto;
	text-align: center;
	padding: 50px 30px;		
}
.page5-left-iconos-angular h4, .page5-left-iconos-react h4, .page5-left-iconos-js h4{
	font-size: 12pt;
	margin-top: 20px;
	font-family: "poppinslight";
}
.page5-left-web{
	display: block;
	width: 49%;
	height: 100%;	
	float: left;
	background: -webkit-linear-gradient(top, #A4F4FF 5%, #95D546 100%);
	border-top-right-radius: 2rem !important;
  border-bottom-right-radius: 2rem !important;
}
.page5-web{

	background: -webkit-linear-gradient(top, #A4F4FF 5%, #95D546 100%);
	height: 600px;

}
.page5-web-img{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url('assets/images/personfrontend.png');
	background-position: bottom right;
	background-size:contain;
	background-repeat: no-repeat;
}
.page5-web-text{

background: linear-gradient(90.81deg, #A4FF6B 1%, #000000 56.02%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
	
	position: absolute;
	top: 50px;
	left: 35%;

}
.page5-infra{
	margin: 0 auto;	
	height: 250px;
	width: 100%;
}
.page5-infra-img{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #E2E2E2;
	background-image: url('assets/images/personinfra.png');
	background-position: bottom right;
	background-size:auto 90%;
	background-repeat: no-repeat;
}
.page5-infra-text{
	color: black;
	position: absolute;
	top: 45%;
	left: 10%;
}

.page5-backend{
	background: -webkit-linear-gradient(top, #FFF5EE 5%, #C92E7E 100%);
	height: 380px;
}
.page5-backend-img{
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	background-color: transparent;
	background-image: url('assets/images/backend.png');
	background-position: center bottom;
	background-size:auto 70%;
	background-repeat: no-repeat;
	margin-top: 20px;
}
.page5-backend-text{

	background: linear-gradient(90.81deg, #FF51F8 5%, #000000 56.02%);

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	
	position: absolute;
	top: 50px;
	right: 40px;
}

.page5-mobile{
	background: -webkit-linear-gradient(top, #FFEC9F 20%, #D87A1C 100%);
	height: 380px;
	margin-top: 20px;
	border-radius: 32px;
}
.page5-mobile-img{
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	background-color: transparent;
	background-image: url('assets/images/personmobile.png');
	background-position: center bottom;
	background-size:auto 60%;
	background-repeat: no-repeat;
}

.page5-mobile-text{
	background: linear-gradient(88.86deg, #FF3333 38.78%, #000000 63.19%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;

	position: absolute;
	top:50px;
	left: 35%;
}

.page6-left{
	padding: 230px 50px;
}
.page6-left-title{
	background: linear-gradient(90.81deg, #7A7A7A 8.54%, #FFFFFF 46.86%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 48pt;
	
}
.page6-left-text{
	background: linear-gradient(90.81deg, #7A7A7A 8.54%, #FFFFFF 46.86%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 20pt;
}
.page6-left-text span{
	display: block;
}
.page6-right{
	padding-top: 100px;
	padding-left: 100px;
	text-align: left;

}
.page6-right-title{
	background: linear-gradient(90.81deg, #0FCFD6 24.77%, #FFFFFF 56.02%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	text-align: left;
	width: auto;
	display:inline-block;
	margin-left: 120px;
}


/**
 * FContact Form 7 
 * 
 **/

.wpcf7-form{
	text-align: left;
}
.wpcf7-form  label{
	width: 100%;
	max-width: 400px;
}
.wpcf7-form-control-wrap{
	max-width: 350px;
}
.wpcf7-form-control-wrap{
	width: 100%;
	max-width: 500px;
}
.wpcf7-form-control{
	padding: 15px;
	border-radius: 8px;
	background: #313131;
	color: #9F9F9F;
	border: 0;
	font-size: 10pt;
	width: 100%;

}
.wpcf7-submit{
	font-size: 'poppinsmedium' !important;
	font-weight: bold !important;
	background: white;
	border-radius: 50rem!important;
	width: 200px;
	display: block;
	margin-left: 100px;
	padding: 15px 15px;
	margin-top: 50px;
	color: black;
}
.wpcf7-textarea{
	height: 150px;
}
.wpcf7-response-output{
	color: white;
}

/* 1600 x 768 */
@media only screen and (max-width: 1600px) {
  body {
    
  }
  
  .page4-plus30 h1{
  	font-size: 36pt;
  }
  .page4-soluciones p{
  	font-size: 18pt;
  }
  .page4-right-img{
  	max-width: 500px;
  }

  .page4-left-content-title{
  	font-size: 42pt;
  }
  .page4-left-content-text{
  	font-size: 18pt;
  }

  .page6-left-title{
  	font-size: 42pt;
  }
  .page6-left-text{
  	font-size: 20pt;
  }

  .wpcf7-submit{
  	margin-left: 100px;
  }
}
/* 1444 x 768 */
@media only screen and (max-width: 1440px) {
  body {
    
  }
  .page1-titles{
  	
  }
  .page6-left-text span{
		display: inline-block;
	}
}

/* 1366 x 768 */
@media only screen and (max-width: 1366px) {
  body {
    
  }
  .container{
		max-width: 1286px;
  }
  .header-container{		
	  max-width: 1220px;
	}

  .page1-titles{
  	
  }
  .page1-title{

  }
  .page1-phone-image, .page1-phone-image2{
  	width: 65%;
  }

	.page2-container {
  	margin: 30px auto;
  }
  .page2-title{
  	
  }

  .page2-left{
		padding-left: 50px;
		width: 68%;
	}
	.page2-right{	
		padding-right: 0px;
	}
	.page2-cuadro-exchange{
		width: 39%;
		height: 300px;
	}
	.page2-cuadro-payments{
		margin-left: 35px;
		height: 300px;
	}
	.page2-cuadro-bussiness{
		height: 280px;
	}
	.page3-center-background{
		padding: 25px 30px;
	}
	.page3-center-img{		
		margin-top: 20px;
	}

	.page4-left-content-title, .page4-left-content-text{
		padding: 10px;
	}

	.page6-left{
		padding: 120px 50px;
		padding-top: 200px;
	}

}

/* 1280 x 720 */
@media only screen and (max-width: 1280px) {
  body {
    
  }
  .container{
		max-width: 1200px;
  }
  .header-container{		
	  max-width: 1136px;
	}
  .page1-titles{
  	
  }
  .page1-button-contactanos{
  	padding-left: 2.5rem !important;
  	padding-right: 2.5rem !important;
  }
  .page1-button-agenda{
  	margin-left: 10px;
  }
  
  .page4-background {
    background: linear-gradient(to bottom, black 75%, white 15%);
    background: -webkit-linear-gradient(to bottom, black 75%, white 15%);
    background: -moz-linear-gradient(to bottom, black 75%, white 15%);
    background: -o-linear-gradient(to bottom, black 75%, white 15%);
    background: -ms-linear-gradient(to bottom, black 75%, white 15%);
    padding: 0;
	}
	
  .page4-left-content{
  	padding: 200px 35px;
  }
  .page4-left-content-title{
  	font-size: 38pt;
  }
  .page4-left-content-text{
  	font-size: 14pt;
  }
	.page4-plus30 h1{
		font-size: 32pt;
	}
	.page4-plus30 span{
		font-size: 14pt;
	}
	.page4-soluciones p{
		font-size: 14pt;
	}
	.page4-right-img{
		max-width: 450px;
	}

  .page6-left-title {
    font-size: 38pt;
  }
  .page6-left-text {
    font-size: 16pt;
	}

}

/* 1280 x 800 */
@media only screen and (max-width: 1152px) {
  body {
    
  }
  .container{
		max-width: 1072px;
  }
  .header-container{		
	  max-width: 1004px;
	}
  .page1-button-contactanos{
  	padding-left: 1.5rem !important;
  	padding-right: 1.5rem !important;
  }
  .page1-button-agenda{
  	margin-left: 0.5rem !important;
  	padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
  .page3-center-img {
		height: 400px;
	}

  .page4-left-content-title{
  	font-size: 36pt;
  }
  .page4-left-content-text{
  	font-size: 14pt;
  }
  .page5-left{
  	height: 550px;
  }
  .page5-left-iconos-angular, .page5-left-iconos-react, .page5-left-iconos-js {
  	padding: 45px 30px;
  } 	
  .page5-mobile-text{
  	left: 30%;
  }
  .page5-infra{
  	height: 200px;
  }
  .page5-backend{
  		height: 330px;
  }
  .page5-mobile{
  	height: 330px;
  }

  .page6-right{
  	padding-left: 50px;
  }  
  .page6-left-title {
    font-size: 34pt;
  }
  .page6-left-text {
    font-size: 14pt;
	}
	.page6-right-title{
		margin-left: 100px;
	}

	.wpcf7-form  label{
		max-width: 350px;
	}
	.wpcf7-submit{
		    margin-left: 110px;
	}
}

/* 1024 x 768 */
@media only screen and (max-width: 1024px) {
  body {
    
  }  
  .container{
		max-width: 944px;
  }
  .header-container{		
	  max-width: 940px;
	}
  .px-100{
  	
  }

  .page1-titles{
  	margin-left: 0;
  }
  .page1-title{
  	font-size: 28pt;
  }
  .page1-button{
  	text-align: left;
  	margin-left: 0;
  }
  .page1-phone-image, .page1-phone-image2{
  	width: 80%;
  }

  .page2-title{
  	font-size: 32pt;
  }
  .page2-text{
  	font-size: 18pt;
  }

	.page2-left{
		padding-left: 0px;
	}
	.page2-cuadro-exchange-text{
		margin-left: 0px;
	}
	.page2-cuadro-bussiness-text{
		left: 10%;
	}
	.page2-right{	
		margin-left: 15px;
		padding-right: 0px;
	}
	.page3-center-img{
		height:350px;
	}
	.page2-cuadro-payments{
		margin-left: 25px;
		height: 250px;
	}
	.page2-cuadro-exchange{
		height: 250px;
	}
	.page3-left-background,.page3-center-background,.page3-right-background{
		padding: 20px !important;
	}
	h3.page3-left-text, h3.page3-center-text, h3.page3-right-text{
		font-size: 14pt;
	}
	p.page3-left-text, p.page3-center-text, p.page3-right-text{
		font-size: 12pt;
	}

	.page3-center-description{
		font-size: 12pt;
		color: white;
	}

	.page4-right-img{
		max-width: 400px;
	}
	.page4-left-content{
		padding: 200px 35px;
	}
	.page4-left-content-title, .page4-left-content-text{
		padding: 10px 0;
	}
	.page4-left-content-title{
  	font-size: 28pt;
  }
  .page4-left-content-text{
  	font-size: 12pt;
  }
  .page4-plus30{
  	margin-left: 30pt;
  }
  .page4-plus30 h1 {
  	font-size: 28pt;
  }  
  .page4-plus30 span{
  	font-size: 14pt;
  }
  .page4-soluciones{
  	padding: 30px;
  }
  .page4-soluciones p{
  	font-size: 14pt;
  }

  .page5-infra{
  	height: 200PX;
  }

	.page6-right{
		padding: 80px 0;
		padding-left: 50px;		
	}

	.page6-left-title {
    font-size: 28pt;
    line-height: 150%;
  }
  .page6-left-text {
    font-size: 12pt;
	}
	.page6-right-title{
		margin-left: 60px;
	}

	.wpcf7-form-control{
		padding: 10px 15px;
	}
	.wpcf7-form  p{
		margin: 0;
	}
	.wpcf7-form  label{
		max-width: 280px;

	}
	.wpcf7-submit{
		margin-top: 20px;
		margin-left: 60px;
	}

}

/* 960 x 720 */
@media only screen and (max-width: 960px) {
  body {
    
  }
  .container{
  	max-width: 930px;
  }
  .page1-titles{
  	margin-left: 0px;
  }
  .page1-title{
  	font-size: 28pt;
  }
  .page1-button-contactanos{
  	padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
  }
  .page1-button-agenda{
  	margin-left: 10px;
  	padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .page2-title {
      font-size: 26pt;
  }
  .page2-text {
      font-size: 16pt;
  }
  .page2-cuadro-exchange-text{
  	margin-left: 10%;
  }

  .page2-right{
  	margin-left: 10px;
  }
  .page2-cuadro-exchange{
  	padding: 1rem 0rem !important;
  	height: 250px;
  	width: 42%;
  }
  .page2-cuadro-payments{
  	margin-left: 15px;
  	width: 53%;
  	height: 250px;
  }
  .page2-cuadro-bussiness{
  	height: 200px;
  }

  .page2-cuadro-bussiness-text{
  	left: 15%;
  	top: 40%;
  }
  #page3.mt-5{
  	margin: ;
  }
  .page3-center-img{
		height:320px;
	}
  .page6-left{
  	padding: 200px 20px;
  }
}

/* 800 x 600 */
@media only screen and (max-width: 800px) {
  body {
    
  }
  .container{
  	max-width: 770px;
  }
  .page1-title{
  	font-size: 24pt;
  }
  .page1-button-contactanos{  	
  	font-size: 10pt;
  }
  .page1-button-agenda{
  	font-size: 10pt;
  	margin-left: 5px !important;
  	padding-right: 0.8rem !important;
    padding-left: 0.8rem !important;
  }
  .page2-cuadro-exchange{
  	height: 200px;
  }
  .page2-cuadro-exchange-text{
  	margin-left: 1´px;
  }
  .page2-cuadro-payments{
  	margin-left: 20px;	
  	height: 200px;
  }
  .page2-cuadro-bussiness{
  	height: 200px;
  }
  .page2-cuadro-bussiness-text{
  	font-size: 18pt;
  	top: 50%;
  }
	.page3-center-img{
		height:250px;
	}
  P.page3-left-text, p.page3-center-text, P.page3-right-text{
  	font-size: 12pt;
  	font-weight: normal;
  }
  p.page3-center-description{
  	font-size: 12pt;
  }

  .page4-right{
  	padding-left: 25px;
  	padding-top: 40px;
  }
  .page4-left-content-title {
    font-size: 24pt;
	}
  .page4-left-content{
  	padding: 200px 35px;
  }
  .page4-right-img{
  	max-width: 350px;
  	margin: 30px 0;
  }
  .page4-plus30{
  	margin-left: 0px;
  	padding: 20px;
  }
  .page4-soluciones{
  	padding: 25px;
  }
  .page5-left{
  	height: 455px;
  }
  .page5-left-iconos-angular, .page5-left-iconos-react, .page5-left-iconos-js{
  	padding: 30px 20px;
  }
  .page5-infra{
  	height: 150px;
  }
  .page5-backend{
  	height: 280px;
  }
  .page5-mobile{
  	height: 280px;
  }
  .page5-backend-img{
  	border-bottom-right-radius: 1rem !important;
  	background-position: right bottom;
  }
  .page6-left{
  	padding-bottom: 150px;
  }
  .page6-left-title{
  	font-size: 26pt;
  }
  .page6-right{
  	padding-bottom: 20px;
  }
}

/* 768 x600 */
@media only screen and (max-width: 768px) {
  body {

  }
  .container{
  	max-width: 738px;
  }
  .page1-button-contactanos { 
  	width: auto;
    padding-right: 0.7rem !important;
    padding-left: 0.7rem !important;
  }
  .page2-cuadro-payments{
		margin-left: 15px;
	}

	.page6-left-title{
  	font-size: 24pt;
  }
  .page6-left-text {
        font-size: 10pt;
   }
}

/* 640 x 480 */	
@media only screen and (max-width: 640px) {
  body {
    
  }
}

@media only screen and (max-width: 600px) {
  body {
    
  }
  .header-container {
      margin-left: 80px;

  }
  .page1-background{
  	background-size: 100% auto;
  	background-position: center 65%;
  	background-image: url('assets/images/backgroundmobile.png');
  }
  .page1-titles{
  	margin: 30px auto;
  	width: 100%;
  	text-align: center;
  }
  .page1-title{
  	display: inline-block;
  	width: 420px;
  	text-align: left;
    background: linear-gradient(90.81deg, #FF51F8 34.77%, #000000 56.02%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0 auto;
    font-family: 'poppinssemibold' !important;
  }
  .page1-title-text{
  	width: 420px;
  	display: block;
  	margin: 0 auto;
  	text-align: left;  	
    margin: 0 auto;
    font-family: 'poppinsregular';
  }
  .page1-button{
  	text-align: center;
  	display: none;
  }
  .page1-phone-image{
  	display: none;
  }
  .page1-phone-image2{
  	display: block;
  }
  .page2-container{
  	padding: 35px;
  }
  .page2-title, .page2-text{
  	text-align: left;  	
  	margin-left: 10px;
  }
  .page2-left{
  	width: 98%;  	
  }  
  .page2-left1, .page2-left2{
  	vertical-align: top;
  	display: inline-block;
  	margin: 0 auto;  	
  	width: 49%;
  }
  .page2-right{
  	width: 95%;  	
  }
  .page2-cuadro-exchange{
  	width: 90%;
  	height: 280px;
  	background-size: auto 80%;
  	margin-bottom: 20px;  
  	border-radius: 14px;
  }
  .page2-cuadro-exchange-text{
  	font-size: 18pt;
  }  

  .page2-cuadro-payments{
  	width: 90%;
  	height: 280px;
  	margin-left: 0;
  	margin-bottom: 20px;
  	overflow: hidden;
  	border-radius: 14pt;
  }
  .page2-cuadro-payments-img{
  	background-position: center bottom;
  	background-size: auto 70%;
  	height: 280px;
  }
  .page2-cuadro-payments-text{
  	text-align: center;
  	padding-left: 0;
  	font-size: 18pt;
  }
  .page2-cuadro-bussiness1{
  	display: none;  	
  	border-radius: 14px;
  }
  .page2-cuadro-bussiness2{
  	display: block;
  	border-radius: 14px;
  }
  .page2-cuadro-bussiness{
  	margin-top: 0;
  	height: 200px;
  	margin-bottom: 20px;
  	border-radius: 14px;
  }
  .page2-cuadro-bussiness-text{
  	font-size: 18pt;
  	left: 10%;
  	top:45%;
  }
  .page2-cuadro-swap1{
  	display: block;
  	height: 500px !important;
  	margin-top: 35px;
  	border-radius: 14px;
  }
  .page2-cuadro-swap2{
  	display: none;
  	border-radius: 14px;
  }  
  .page2-cuadro-swap-img{
  	background-size: auto 50%;
  }
  .page2-cuadro-swap-text{
  	font-size: 18pt;
  }
  .page3-container{
  	padding: 50px;
  	margin-top: 0px;
  	background-image: none;
  }
	.page3-left-background, .page3-center-background, .page3-right-background{
		padding: 30px 35px;
		margin: 16px auto;
		border-radius: 24px;
	}
  .page3-left-img{
  	display: block;
		width: 100%;
		height: 80px;
		background-color: transparent;
		background-image: url('assets/images/circle_resp.png');
		background-position: left center;
		background-size: auto 90%;
		background-repeat: no-repeat;
		margin: 10px auto;
  }
  .page3-center-img{
  	display: none;
  }
  .page3-right-img{
  	display: none;
  }
  .page3-right-img-bottom{
  	display: block;
		width: 100%;
		height: 120px;
		background-color: transparent;
		background-image: url('assets/images/triangle_resp.png');
		background-position: right center;
		background-size:auto 90%;
		background-repeat: no-repeat;
		margin: 20px auto;
  }
  .page6-right{
  	padding: 0;
  }
  .page4-background, .page4-background2{
  	background: black;
  	overflow: hidden;
  }
  .page4-left-content{
  	padding: 150px 0px;  	
  }
  .page4-left-content-title{
  	text-align: center;
  	font-size: 48pt;
  	padding: 10px 0;
  }
  .page4-left-content-title span{
  	display: block;
  }
  .page4-left-content-text{
  	font-size: 24pt;
  	text-align: center;
  	padding: 10px 0;
  }
  .page4-plus30{
  	width: 35%;
  	border-radius: 24px !important;
  }
  .page4-plus30 h1{
  	font-size: 32pt;
  }
  .page4-plus30 span{
  	font-size: 18pt;
  }
  .page4-soluciones {
  	width: 50%;
  	border-radius: 24px !important;
  }
  .page4-soluciones p{
  	font-size: 18pt;
  }
  .page4-right-img{
  	display: none;
  }
  .page4-right {
    padding-bottom: 20px;
	}

  .page5-left-title{
  	display: none;
  }
  .page5-left{
  	padding-top: 0;
  	height: 500px;
  }
  .page5-left-iconos{
  	border-top-left-radius: 24px !important;
  	border-bottom-left-radius: 24px !important;
  }
  .page5-left-web{
  	border-top-right-radius: 24px !important;
  	border-bottom-right-radius: 24px !important;
  }
  .page5-left-iconos-angular, .page5-left-iconos-react, .page5-left-iconos-js{
  	padding: 30px 20px;
  }
  .page5-infra{
  	margin:20px auto;
  	margin-top: 30px;
  	height: auto;
  	border-radius: 24px !important;
  }
  .page5-infra-img{
  	height: 200px;
  	border-radius: 24px !important;
  }

  .page5-backend{
  	height: 200px;
  	border-radius: 24px !important;
  }
  .page5-backend-text{
  	top: 45%;
    left: 10%;
    text-align: left !important;
  }
  .page5-backend-img{
  	background-position: right bottom;
  	background-size: auto 80%;
  	margin: 0;
  	border-radius: 24px !important;
  }
  .page5-mobile-img{
  	position: relative;
  	height: 200px;
  	background-position: right bottom;
  	background-size: auto 95%;
  	border-radius: 24px !important;
  }
  .page5-mobile {
  	height: 200px;
  	border-radius: 24px !important;
  }
  .page5-mobile-text{
  	top: 45%;
    left: 10%;
  }
  .page6-right-title{
  	padding-top: 20px;
  	margin: 0;
  	font-size: 24pt;
  }
  .page6-left{
  	display: none;
  }
  .page6-right{
  	padding: 50px 0;
  	margin: 0 auto;
  	text-align: center;
  }
  .page6-right-form{
  	width: 100%;
  	max-width: 450px;
  	margin: 0 auto;
  }

  .wpcf7-submit{
  	margin: 0 auto;
  	margin-top: 20px;
  }
  .wpcf7-form  label {
    max-width: 100%
	}

}

@media only screen and (max-width: 480px) {
  body {
    
  }
  .header-container{
  	margin-left:70px;
  }
  .footer-container{

  }

  .py-5{
  	padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .page1-title{

  }
  .page1-title{  	
  	width: 320px;  	
  }
  .page1-title-text{
  	width: 320px;  	
  }

  .page2-title{
  	font-size: 24pt;
  }
  .page2-text{
 		font-size: 14pt;
  }
  .page2-cuadro-bussiness-text{  	
  
  	left: 10%;
  }

  .page2-cuadro-exchange{
  	height: 180px;
  	background-size: auto 75%;
  }
  .page2-cuadro-payments{
  	height: 200px;
  }
  .page2-cuadro-payments-img{
		height: 100%;  	
  }
  .page2-cuadro-payments-text{
  	
  }
  .page2-cuadro-swap{
  	height: 340px !important;  	
  }
  .page2-cuadro-bussiness{
  	height: 150px !important;
  }

  .page4-left-content{
  	padding: 100px 20px;
  }

	.page4-left-content-title{
		font-size: 40pt;
		margin-bottom: 80px;
	}
	.page4-left-content-text{
		font-size: 18pt;
	}
	
  .page4-plus30{
  	width: 38%;
  	text-align: center;
  	padding: 25px 0 !important;
  }
  .page4-soluciones{
  	text-align: center;
  	padding: 28px 0 !important;
  }
  
  .page5-container{
  	padding: 30px !important;
  	padding-top: 70px !important;
  }
  
	.page5-left {
		height: 420px;
	}
	.page5-left-iconos-react{
  	padding: 0 20px;  	
  }

  .page5-infra-img{
  	height: 170px;
  }
  .page5-backend{
  	height: 170px;
  }
  .page5-mobile{
  	height: 170px;
  }
  .page5-mobile-img{
  		height: 100%;
  }
  .wpcf7-form {
    text-align: center;
	}

  .wpcf7-form  label {
    max-width: 90%
	}
}

@media only screen and (max-width: 420px) {
  body {
    
  }

  .header-container{
  	margin-left: 40px;
  }
  .page4-left-content-title{
			font-size: 32pt;
	}
	.page4-left-content-text{
			font-size: 16pt;
	}
	.page4-plus30{
		
	}
	.page4-plus30 h1{
		font-size: 20pt;
	}
	.page4-plus30 span{
		font-size: 12pt;
	}
	.page4-soluciones{
		padding: 20px 0 !important;
	}
	.page4-soluciones p{
		font-size: 14pt;
	}
	.page5-left{
  		height: 400px;
  }
  
}

@media only screen and (max-width: 380px) {
  body {
    
  }

  .header-container{
  	margin-left: 20px;
  }
	.page2-title {
	  font-size: 22pt;
	}
}