@charset "utf-8";
/* CSS Document */

body{color:#262626;}

@font-face {
    font-family: 'amplesoft-lightlight';
    src: url('../fonts/soneri_type_-_amplesoft-light-webfont.eot');
    src: url('../fonts/soneri_type_-_amplesoft-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.woff2') format('woff2'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.woff') format('woff'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.ttf') format('truetype'),
         url('../fonts/soneri_type_-_amplesoft-light-webfont.svg#amplesoft-lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'AmpleSoft-Medium-webfont';
    src: url('../fonts/AmpleSoft-Medium-webfont.eot');
    src: url('../fonts/AmpleSoft-Medium-webfont.eot') format('embedded-opentype'),
         url('../fonts/AmpleSoft-Medium-webfont.woff2') format('woff2'),
         url('../fonts/AmpleSoft-Medium-webfont.woff') format('woff'),
         url('../fonts/AmpleSoft-Medium-webfont') format('truetype'),
         url('../fonts/AmpleSoft-Medium-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'amplesoft-regularregular';
    src: url('../fonts/soneri_type_-_amplesoft-regular.eot');
    src: url('../fonts/soneri_type_-_amplesoft-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soneri_type_-_amplesoft-regular.woff2') format('woff2'),
         url('../fonts/soneri_type_-_amplesoft-regular.woff') format('woff'),
         url('../fonts/soneri_type_-_amplesoft-regular.ttf') format('truetype'),
         url('../fonts/soneri_type_-_amplesoft-regular.svg#amplesoft-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a.link{color:#a6c307;
	}


.container{width:60%;margin:auto;}

.message-header{font-family: 'AmpleSoft-Medium-webfont';font-size:52px;width:30%;margin-left:10%;line-height:52px;}

#upper-section{background:#f7f6f4 url('https://s3.amazonaws.com/payu.marketing/landings/mexico/migracion-mx/img/header.png') no-repeat right;border-bottom:5px #a6c307 solid;height:396px;}

h2{font-family: 'AmpleSoft-Medium-webfont';font-size:40px;margin-bottom:20px;}

ul li{margin:0px;padding:0px;}

.sub ul {margin-left:50px;}

.title{font-family: 'open_sansbold';font-size:21px;}

.faq{padding-bottom:30px;}

.faq p{font-family: 'open_sanslight';color:#6f6f6f;}

.faq li{margin-bottom:25px;}

.point{color:#c0cd29;font-size:50px;}

#steps-section{background:#edf2f2;;}

#steps-section h2, #features-section h2{text-align:center;}

#steps-section .steps{text-align:center;}

#features-section{padding-bottom:40px;}

#banner-webinar{background:#eaf2f4 url('img/background_banner.png') no-repeat left;border-radius:5px;min-height:250px;margin-top:40px;padding:30px 20px 20px 20px;}

.row_webinar{width:65%;float:left;margin-left:380px;}

#banner-webinar h2{text-align:left;font-size:30px;margin-bottom:10px;}

#banner-webinar h3{ font-family: 'open_sansbold';font-size:20px;}

#banner-webinar p{font-family: 'open_sansregular';}

#banner-webinar p{font-size:18px;display:block;margin-top:15px;}

.sesion_1{display:inline-block;width:100%;}

.sesion_2{display:inline-block;;width:45%;}

.button{border-radius:40px;background-color:#A6C307;background-image:url(../img/arrow_button.png);background-position:90% center; background-repeat:no-repeat;color:#ffffff;font-size:14px;padding:10px 61px 10px 31px;display:inline-block;font-family: 'open_sansbold';text-decoration:none;margin-top:10px;display:block;height:41px;}

.button_2{background-color:#3c9339;border-radius:40px;background-image:url(../img/arrow_button.png);background-position:90% center; background-repeat:no-repeat;color:#ffffff;font-size:14px;padding:10px 61px 10px 31px;display:inline-block;font-family: 'open_sansbold';text-decoration:none;margin-top:10px;display:block;height:41px;}

.button:hover{background:#3c9339;color:#ffffff;text-decoration:none;display:block;height:41px;background-image:url(../img/arrow_button.png);background-position:90% center;background-repeat:no-repeat;}

.button_2:hover{background:#A6C307;color:#ffffff;background-image:url(../img/arrow_button.png);background-position:90% center;background-repeat:no-repeat;}

#banner-webinar .button, #banner-webinar .button_2{display:inline-block;}

.feature{text-align:center;}

.title_box{font-family:'open_sansregular';font-size:20px;text-align:center;}

.number{font-size:22px;display:inline-block;width:15px;vertical-align:top;margin-right:10px;}

.text-feature{text-align:left; display:block;float:right;width:88%;font-size:14px;color:#6f6f6f;padding-top:5px;}

.steps{padding-bottom:30px;}

.steps img{margin-bottom:8px;}

.feature{margin-bottom:20px;}

footer{background:#3f3f3f;text-align:center;padding-top:30px;color:#ffffff;padding-bottom:30px;}

.link{color:#A6C307;font-family: 'open_sansbold';text-decoration:underline;}

.link:hover{color:#3c9339;}

.url{margin-top:20px;display:block;}

.highlight{font-family: 'open_sansbold';}

section{padding-top:56px;}

section h2{margin-bottom:56px;}

.text_box{color:#6f6f6f;font-size:14px;margin:10px auto 0px auto;width:80%;}

.logo-payu{margin-left:42px;display:inline-block;}

.resaltado{font-family: 'open_sansregular';color:#262626;}

.date{padding-left:30px;display:inline-block;background:url('img/date_icon.png') no-repeat;margin-top:10px;height:26px;}

.hour{padding-left:30px;display:inline-block;background:url('img/time_icon.png') no-repeat;height:26px;margin-left:10px;margin-top:10px;height:26px;}

.sesion_1 a.link, .sesion_2 a.link{margin-top:10px;display:block;}

#banner-webinar h3{font-size:24px;}

#banner-webinar .title{font-size:20px;}

.logos{margin-top:20px;}

.list-steps span{font-family: 'open_sanslight';color:#6f6f6f;}

.number-list{
	font-size:15px;
	font-family: 'open_sansbold';
		}

p.legal-text{font-size:15px;}

.links-personas{
	margin-top:10px;
	margin-left:20px;
	width:500px;
	margin-bottom:20px;
	}

.links-personas a{
	color:#a6c307;
	font-weight:bold;
	}


.legal-terms{
	background-color:#f8f8f8;
	padding:20px;
	border-radius:20px;
	margin-bottom:30px;
	}


@media (max-width:1680px){
	.message-header {font-size:45px;line-height:45px;}
	.logo-payu{margin-left:0px;}
	}

@media (max-width:1598px){
	.container{width:70%;}
	.message-header {width:35%;line-height:45px;}
	}

@media (max-width:1430px){
	.container{width:80%;}
	h2{font-size:35px;line-height:35px;}
	.title{font-size:18px;}
	}

@media (max-width:1598px){
	.message-header {font-size:40px;width:40%;margin-left:5%;line-height:40px;}
	}

@media (max-width:1340px){
	#banner-webinar{background: #eaf2f4 url('img/background_banner2.png') no-repeat;}
	.row_webinar{margin-left:297px;}
	#banner-webinar h3{font-size:20px;}
	#banner-webinar p{font-size:16px;}
	#banner-webinar h2{font-size:23px;}
	}

@media (max-width:1270px){
	.logo-payu{margin-left:0px;}
	#upper-section{padding-top:30px;}
	.step{margin-bottom:20px;}

	}

@media (max-width:1100px){
	.message-header{font-size:35px;line-height:35px;}
	#upper-section{background:url('https://s3.amazonaws.com/payu.marketing/landings/mexico/migracion-mx/img/header_2.png') no-repeat;}
	#banner_webinar{height:250px;}
	#banner-webinar{padding:25px;height:300px;}


	}



@media (max-width:990px){
	.number{display:block;text-align:center;width:100%;}
	.text-feature{text-align:center;width:100%; margin:auto;}
	.step{text-align:center;margin-bottom:30px;font-size:14px;}
	.feature img{height:150px;width:150px;}
	.feature .text_box{width:70%;margin:auto;}
	.sesion_1, .sesion_2{display:block;float:none;width:80%;}
	#banner-webinar{height:320px;}
	#banner-webinar .title{font-size:16px;}

	}

@media (max-width:930px){
	#upper-section{background:url('https://s3.amazonaws.com/payu.marketing/landings/mexico/migracion-mx/img/header_3.png') no-repeat;height:334px;}
	.message-header {line-height:35px;}
	.container{width:90%;}
	.logo-pol img{width:200px;height:56px;}
	.logo-payu img{width:120px;height:55px;}
	h2{font-size:25px;line-height:25px;text-align:center;}
	.title{font-size:16px;}
	.faq p{font-size:14px;}
	#banner-webinar .title{font-size:18px;}


	}

@media (max-width:850px){
	.message-header{font-size:30px;line-height:30px;}
	#upper-section{background:url('https://s3.amazonaws.com/payu.marketing/landings/mexico/migracion-mx/img/header_4.png') no-repeat;}

	}

@media (max-width:750px){
	#upper-section{background:url('https://s3.amazonaws.com/payu.marketing/landings/mexico/migracion-mx/img/header_5.png') no-repeat;}
	.message-header{margin:auto;text-align:center;width:50%;padding-top:30px;}
	#banner-webinar{background:#edf2f2 url('img/background_banner3.png') no-repeat;}
	#banner-webinar p{font-size:14px;}
	#banner-webinar h3{font-size:16px;}
	.row_webinar{margin-left:236px;}
	#banner-webinar h2{display:none;}
	}

@media (max-width:630px){
	#upper-section{background:url('https://s3.amazonaws.com/payu.marketing/landings/mexico/migracion-mx/img/header_6.png') no-repeat;height:281px;}
	.message-header{width:55%;padding-top:20px;}
	#banner-webinar{padding:15px; background:#eaf2f4 url('img/background_banner3.png') no-repeat; }
	.button{padding:10px 51px 10px 31px;}
	.row_webinar{margin-left:240px;padding-left:20px;}
	#upper-section{padding-top:0px;}
	}

@media (max-width:530px){
	#upper-section{background:url('https://s3.amazonaws.com/payu.marketing/landings/mexico/migracion-mx/img/header_7.png') eno-repeat;height:236px;}
	.message-header{width:55%;font-size:25px;padding-top:10px;}
	.logo-pol img{width:160px;height:45px;}
	.logo-payu img{width:100px;height:46px;}
	#banner-webinar{background:#eaf2f4 url('img/background_banner4.png') no-repeat;width:408px;height:350px;}
	#banner-webinar .link{margin-top:0px;}
	.row_webinar{margin-left:180px;}
	span.hour{display:block;margin-left:0px;}
	.message-header{width:70%;}
	}

@media (max-width:430px){

	}

@media (max-width:381px){
	.message-header{font-size:20px;line-height:25px;}
	}