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

body, html{ width: 100%; height: 100%; }
body{ font-family: 'Manrope', sans-serif; }
.content{overflow: hidden;}

/* ===========================  Pop Up  ============================== */

div.pop-up-wrapper{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8);;
	z-index: 99999999999999999;
}

div.pop-up-wrapper > div.pop-up{
	width: 600px;
	height: auto;
	padding: 20px;
	border-radius: 12px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -300px;
}

div.pop-up-wrapper > div.pop-up > h6{
	font-size: 30px;
	width: 100%;
	text-align: center;
	color: #6D72F6;
	padding: 10px 0;
}

div.pop-up-wrapper > div.pop-up > p{
	font-size: 16px;
	width: 100%;
	font-weight: 300;
	line-height: 24px;
	padding: 0 0 20px 0;
	text-align: justify;
}

div.pop-up-wrapper > div.pop-up > a{
	width: 100%;
  text-align: center;
  padding: 10px 0;
  display: block;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  margin: 15px 0 0 0;
  border-radius: 8px;
  background: rgb(110,114,238);
	background: linear-gradient(90deg, rgba(110,114,238,1) 0%, rgba(8,206,138,1) 100%);
}

div.pop-up-wrapper > div.pop-up > a:hover{ text-decoration: none; }

img.noup{ width: 70%; display: block; margin: 50px auto 0 auto; }

@media only screen and (max-width: 768px) {
	div.pop-up-wrapper > div.pop-up{width: 96%; top: 10px; left: 0; margin-left: 2%;}
	div.pop-up-wrapper > div.pop-up > h6{font-size: 22px;}
	div.pop-up-wrapper > div.pop-up > p{font-size: 18px;}
	img.noup{display: none;}
}

@media only screen and (max-width: 425px) {
	div.pop-up-wrapper > div.pop-up > h6{font-size: 20px; padding:0;}
	div.pop-up-wrapper > div.pop-up > p{font-size: 15px; line-height: 20px;}
}

.menu{
	width: 100%;
	float: left;
	height: 100px;
	padding-top: 30px;
	margin: 0 auto;
	position: relative;
	z-index: 999999999;
}

.menu img.logo{
	width: 120px;
	margin: 10px;
	float: left;
}

.menu ul{
	padding: 0;
	margin: 15px 0 0 30px;
	list-style: none;
	float: left;
}

.menu ul.display{display: block;}

.menu ul li{
	float: left;
	padding: 0 20px;
}

.menu ul li a{color: #73739A;}
.menu ul li a.on{color: #6E72EE;}

.menu a.pay{
	background: #6E72EE;
	margin: 10px 0 0 0;
	padding: 8px 30px;
	border-radius: 8px;
	float: right;
	color: #fff;
}

.menu div.toast{
	top: 0;
	left: 0;
	width: 100%;
	background: #6E72EE;
	position: fixed;
	text-align: center;
}

.menu .boton{
	float: right;
	margin: 10px 0 0 0;
	z-index: 9999999999;
	display: none;
}

.menu .disabledBtn{
	background: gray;
	margin: 10px 0 0 0;
	padding: 8px 30px;
	border-radius: 8px;
	float: right;
	color: #fff;
}

.menu .boton-2{
	position: fixed;
	top: 40px;
	right: 15px;
	z-index: 9999999999;
	display: none;
}

.menu .boton-2.on{display: block;}

.velo{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 9999999;
	display: none;
}

.velo.on{display: block;}

/* ------- Media ------ */

@media only screen and (max-width: 768px) {
	.menu a.pay{margin:10px 10px 0 0;}
	.menu .boton{display: block;}
	.menu ul{display:none; position:fixed; top:0; left:0; background:#F7F7FC; width: 100%; margin: 0; padding: 60px; z-index: 9999999;}
	.menu ul li{ float: none; width: 100%; padding: 10px;}
	.header h3{text-align: center; font-size: 33px;}

	.header div div div > span{margin-top: 30px !important; width: 100%; text-align: center;}
	.header h1{width: 100%;text-align: center; font-size: 41px !important; line-height: 54px !important;}
	.header p{text-align: center;}
	.header a.str{display: none;}
	.header a.btn-mobile{display: block;}
	img.hero, img.point{display: none !important;}
	.header .bg-header{right: 13% !important;}

	.carousel-wrapper-2{display: none;}
}

@media only screen and (max-width: 390px) {
	.app-download span.title{ font-size: 16px;}
	.app-download span.bajada{ font-size: 14px;}
	img.logo-app{width: 65px;}
	.header h1{font-size: 38px !important;}
	.sponsor h3{padding: 13px 0 0 10px !important;}
	.features h5 {font-size: 17px !important; margin: 3px 0 5px 10px !important;}
}

@media only screen and (max-width: 375px) {
	.app-download span.title{ font-size: 15px;}
	.app-download span.bajada{ font-size: 13px;}
	img.logo-app{width: 60px;}
}

@media only screen and (max-width: 320px) {
	img.logo-app{width: 40px;}
	.menu a.pay{padding: 8px 25px;}
}

@media only screen and (min-width: 768px) {
	.app-download{ display: none; }
}


/* ===========================  Menú  ====================================== */

.header{
	width: 100%;
	float: left;
	height: 600px;
	padding-top: 30px;
	margin: 0 auto;
}

.header .z{ z-index: 999; }

.header .bg-header{
	position: absolute;
	top: -230px;
	right: 42%;
	z-index: 0;
	display: block;
}

.header span{
	text-transform: uppercase;
	margin: 80px 0 0 0;
	display: inline-block;
	color: #08CE8A;
}

.header h1{
	font-weight: 800;
	font-size: 52px;
	line-height: 68px;
	padding: 0 0 20px 0;
	color: #3B3B3B;
}

.header h1 > span{
	color: #6E72EE;
	margin: 0;
	text-transform: none;
}

.header p{
	color: #73739A;
	font-size: 20px;
}

.header a{
	width: 50%;
	margin: 20px 0 0 0;
	float: left;
}

.header a.ver-noticia{
	padding: 13px 0;
	width: 100%;
	background: rgb(110,114,238);
	background: linear-gradient(90deg, rgba(110,114,238,1) 0%, rgba(8,206,138,1) 100%);
	border-radius: 8px;
	margin: 20px 0 0 0;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}

.header a.btn-mobile{
	padding: 13px 0;
	width: 100%;
	background: rgb(110,114,238);
	background: linear-gradient(90deg, rgba(110,114,238,1) 0%, rgba(8,206,138,1) 100%);
	border-radius: 8px;
	margin: 20px 0 0 0;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	display: none;
}

.header a > img{width: 90%;}

.header img.hero{
	display: block;
	position: absolute;
	z-index: 2;
	width: 320px;
	left: calc(50% - 160px);
	top: -60px;
}

.header img.point{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}


.banner-cy{
	width: 100%;
	background: #F7F8FC;
	height: 140px;
	padding: 20px 40px;
	border-radius: 20px;
}

.banner-cy > h1{ padding:0 !important; margin:-5px 0 0 0; font-size:40px; color: #6D72F6;}
.banner-cy > p{ padding:0 !important; margin:0; font-size:16px;}

.cliente-left,.cliente-right{
	width: 100%;
	background: #fff;
	border-radius: 20px;
	float: left;
	height: 400px;
	margin-top: 50px;
}

.cliente-left{
	background: url(../images/cliente-right.jpg)no-repeat center left;
	background-size: cover;
}

.cliente-right{
	background: url(../images/cliente-left.jpg)no-repeat center left;
	background-size: cover;
}

.cliente-left > h2,.cliente-right > h2{
	padding: 20px;
	color: #6D72F6;
	margin: 60px 0 0 0;
	background: #fff;
	display: inline-block;
	border-radius: 0 20px 20px 0;
}

h2.sn-title{
	color: #6D72F6;
	font-size: 30px;
	font-weight: 600;
	padding: 0 0 0 20px;
}

h4.sn-title-2{
	color: #6D72F6;
	font-size: 22px;
	padding: 20px 0 0 20px;
}

p.sn-txt{
	font-size: 16px;
	padding: 10px 0 0 20px;
	line-height: 28px;
	text-align: left;
}

ul.sn-list{
	padding: 20px 0 0 40px;
}

ul.sn-list li{
	font-size: 16px;
	color: #73739A;
	padding: 5px 0;
}

div.content-cl a{
	width: 0;
	float: none;
}

@media only screen and (max-width: 768px) {

	.banner-cy > h1{ font-size:22px !important;}
	.cliente-left,.cliente-right{
		height: 240px;
		margin-top: 20px;
	}
	.banner-cy{
		height: 170px;
	}
}

/* ===========================  Sponsor  ====================================== */

.sponsor{
	width: 100%;
	float: left;
	position: relative;
	height: auto;
	margin-top: 260px;
	z-index: 99999;
}

.sponsor img{
	float: left;
	display: inline-block;
}

.sponsor h3{
	float: left;
	font-size: 16px;
	line-height: 21px;
	width: 90%;
	padding: 0 0 0 10px;
	margin: 0;
	color: #3B3B3B;
}

.carousel-wrapper{
	float: left;
	position: relative;
	width: 100%;
}

.carousel-wrapper-2{
	position: absolute;
	top:40px;
	height: 480px;
	z-index: 999999999;
	width: 302px;
	left: calc(50% - 151px);
}

.carousel-wrapper-2 .app-carousel{
	position: absolute;
	top: 0px;
  left: 0px;
  width: 100%;
  height: 69px;
}

.carousel-wrapper-2 .carousel-cell{
	height: auto;
	width:280px;
	padding: 0 5px;
	margin: 0;
}

.flickity-page-dots{
	position: absolute;
  width: 100%;
  bottom: -140px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

img.vista-1{width: 270px;}

.sponsor .main-carousel{
	position: absolute;
	top: 0px;
  left: 0px;
  width: 100%;
  height: 69px;
}

.carousel-wrapper-2 .flickity-viewport{min-height: 453px !important;}
.sponsor .flickity-viewport{min-height: 453px !important;}

.sponsor .carousel-cell{
	height: 69px;
	width: 190px;
	padding: 0;
	margin: 0 10px;
}

.sponsor .carousel-cell img{
	height: 50px;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 768px) {
	.sponsor .main-carousel{margin-top: 40px;}
	.sponsor{margin-top: 50px;}
}


/* ===========================  Medios  ====================================== */

.header h3{
	font-weight: 800;
	font-size: 36px;
	line-height: 46px;
	padding: 0 0 20px 0;
	color: #6D72F6;
}

.content img.medios{
	display: block;
	width: 100%;
}

.content img.medios.hiden{ display: none; }

/* ===========================  404  ====================================== */

.img-404{
	display: block;
	position: absolute;
	width: 500px;
	left: calc(50% - 250px);
	z-index: 99999;
	top: -50px;
}

h6.ups{
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
	font-size: 350px;
	font-weight: 800;
	color: #B4B4D0;
	padding: 0;
	margin: 0;
	top: -100px;
}

div.txt-404{
	margin: 420px auto 0 auto;
	width: 500px;
}

div.txt-404 h4,
div.txt-404 p{
	width: 100%;
	text-align: center;
}

div.txt-404 h4{
	font-size: 28px;
	font-weight: 800;
}

div.txt-404 > a{
	width: 100%;
  background: red;
  text-align: center;
  padding: 10px 0;
  display: block;
  color: #fff;
  margin: 15px 0 0 0;
  border-radius: 8px;
  background: rgb(110,114,238);
	background: linear-gradient(90deg, rgba(110,114,238,1) 0%, rgba(8,206,138,1) 100%);
}

/* ===========================  Webpay  ====================================== */


@media only screen and (max-width: 768px) {
	.img-404{width: 50%; left: 25%; top: 0px;}
	div.txt-404{margin: 220px auto 0 auto; width: 100%;}
	h6.ups {text-align: center; z-index: 1; font-size: 100px; top: 70px;}
	div.txt-404 p{font-size: 14px;}
}

/* ===========================  Content  ====================================== */

.content{
	width: 100%;
	float: left;
	position: relative;
	height: auto;
	margin-top: 180px;
	z-index: 99999;
}

.content h1.in{
	font-weight: 800;
	font-size: 42px;
	line-height: 58px;
	padding: 0 0 20px 0;
	color: #6E72EE;
}

div.landing-hero{
	width: 50%;
	height: 820px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/landing-hero.jpg)no-repeat center left;
	background-size: cover;
}

div.landing-hero-2{
	width: 50%;
	height: 820px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/landing-hero-2.jpg)no-repeat center left;
	background-size: cover;
}

.content.inside{margin-top: -20px;}
.content.inside h1{color: #6E72EE; padding: 0; font-size: 22px; line-height: 28px;}
.content.inside h1.header-mobile{ margin: 130px 0 0 0; }
.content.inside h6{color: #6E72EE; padding: 0; font-size: 18px; margin: 20px 0 0 0;}
.content.inside p{color: #555; padding: 0 0 20px 0; font-size: 14px; font-weight: 300; line-height: 22px;}
.content.inside label{margin: 15px 0 5px 0; padding: 0; font-weight: 600;}
.content.inside input{margin: 0; padding: 7px 0 7px 10px;}
.content.inside button{margin: 30px 0 0 0; float: left;}

.content.inside button.share{
	padding: 13px 0;
	width: 100%;
	background: rgb(110,114,238);
	border-radius: 8px;
	margin: 20px 0 0 0;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	border: none;
}

.content.inside button.loading{ width: calc(100% - 50px); float: left;}
.content.inside #html-spinner.loading{ display: block;}

.sad input::placeholder {
  color:#979FAC;
  font-weight: 300;
  font-size: 12px;
}

.content.inside a.success-btn{
	padding: 13px 0;
	width: 100%;
	background: rgb(110,114,238);
	border-radius: 8px;
	margin: 20px 0 0 0;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}

.content.inside p.tyc{ font-size: 12px; margin: 20px 0 0 0; float: left;}
.content.inside a:hover{ text-decoration: none; }

#html-spinner{
  width:40px;
  height:40px;
  border:4px solid #eaeaea;
  border-top:4px solid #6D72F6;
  border-radius:50%;
  float: left;
  display: none;
  margin: 30px 0 0 10px;
}

#html-spinner{
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1.2s;
  -webkit-animation-name: rotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-transition-property: -moz-transform;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  transition-property: transform;
  animation-name: rotate;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.download{
	width: 100%;
	float: left;
	position: relative;
	margin-top: 40px;
	display: none;
}

@-webkit-keyframes rotate {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

@media only screen and (max-width: 991px) {
	div.landing-hero, div.landing-hero-2{ display: none; }
	.content.inside h1.header-mobile{ margin: 30px 0 0 0; }
}

@media only screen and (min-width: 991px) {
	.content.inside button.share{display: none;}
}

.cards{
	position: relative;
	width: 100%;
}

.credito-1{
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 3;
	width: 300px;
}

.credito-2{
	display: block;
	position: absolute;
	top: 70px;
	left: 50%;
	z-index: 2;
	width: 300px;
	margin-left: -180px;
}

.credito-3{
	display: block;
	position: absolute;
	top: 140px;
	left: 0;
	width: 300px;
	z-index: 1;
}

.content span{
	text-transform: uppercase;
	margin: 10px 0 0 0;
	display: inline-block;
	color: #08CE8A;
}

.content h1{
	font-weight: 800;
	font-size: 42px;
	line-height: 58px;
	padding: 0 0 10px 0;
	color: #3B3B3B;
}

.content p{
	color: #73739A;
	font-size: 18px;
	margin: 10px 0 0 0;
}

.content ul{
	padding: 0;
	margin: 30px 0 0 0;
	list-style: none;
}

.content ul li{
	padding: 0;
	display: flex;
	margin: 10px 0;
}

.content ul li img{margin: -5px 10px 0 0;}

.space{
	position: relative;
	width: 100%;
	z-index: 9;
}

.space p{padding: 0 0 20px 0;}

.bg-content-2{
	position: absolute;
	bottom: 0px;
	left: 50%;
	z-index: 0;
	display: block;
}

img.point-2{width: 100%;}

.notification{
	width: 100%;
	border-radius: 8px;
	padding: 15px 10px;
	position: relative;
	margin: 20px 0 0 0;
	background: #fff;
	cursor: pointer;
}

.notification.on{background: #EEEFFD;}
.notification:hover{background: #EEEFFD;}
.notification:hover .app-1{display: none;}
.notification > img{float: left;}

.notification > span{
	text-transform: uppercase;
	padding: 0 0 0 50px;
	display: inline-block;
	color: #08CE8A;
	font-size: 8px;
	margin: 0;
	float: left;
	width: 80%;
}

.notification > h4{
	font-size: 16px;
	padding: 0 0 0 50px;
	margin: 0;
	width: 80%;
}

.notification:after{
	content: "";
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(../images/arrow.svg) no-repeat;
}

.available:before{
	content: "";
	position: absolute;
	top: 18px;
	left: 15px;
	width: 30px;
	height: 30px;
	background: url(../images/detail-icon.svg) no-repeat;
	background-size: 30px;
}

.payment:before{
	content: "";
	position: absolute;
	top: 18px;
	left: 15px;
	width: 30px;
	height: 30px;
	background: url(../images/payment-icon.svg) no-repeat;
	background-size: 30px;
}

.history:before{
	content: "";
	position: absolute;
	top: 18px;
	left: 15px;
	width: 30px;
	height: 30px;
	background: url(../images/history-icon.svg) no-repeat;
	background-size: 30px;
}

img.app-1{
	display: block;
	position: absolute;
	width: 34%;
	z-index: 2;
	margin: 0 0 0 33%;
	padding:0 0 50px 0;
}

img.point-2{
	position: absolute;
	width: 60%;
	z-index: 1;
	margin: 60px 0 0 20%;
}

.features{
	width: 100%;
	padding: 10px;
	float: left;
	border-radius: 8px;
	margin: 30px 0 0 0;
	position: relative;
}

.features:before{
	content: "";
	position: absolute;
	top: 7px;
	left: 0px;
	width: 10px;
	height: 80px;
	background: url(../images/badge-list.svg) no-repeat;
}

.features h5{
	font-size: 20px;
	color: #6E72EE;
	margin: 10px 0 5px 10px;
}

.features p{
	font-size: 14px;
	color: #73739A;
	margin: 0 0 0 10px;
}

img.detail{
	display: none;
	width: 100%;
	z-index: 9999;
	margin: 40px 0 0 0;
	position: relative;
}

.footer{
	float: left;
	width: 100%;
	position: relative;
	margin-top: 140px;
	z-index: 1;
	padding-bottom: 100px;
}

.bg-footer{
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #F7F7FC;
	z-index: 0;
}

.footer:before{
	content: "";
	position: absolute;
	top: -130px;
	left: 40px;
	width: 116px;
	height: 181px;
	background: url(../images/lucas.png) no-repeat;
}

.footer h6{
	font-size: 20px;
	color: #3B3B3B;
	margin: 40px 0 5px 10px;
}

.footer h6.top{margin-top: 80px;}

.footer p{
	font-size: 14px;
	color: #73739A;
	margin: 10px 0 0 10px;
	line-height: 26px;
}

a.footer-link{
	padding: 13px 100px;
	background: #6E72EE;
	border-radius: 8px;
	margin: 20px 0 0 0;
	float: left;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}

.footer a img{
	margin: 40px 0 0 0;
/*	width: 47%;*/
}

.footer a img.right{float: right;}
.footer a img.blk{float: left;}

.footer ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer ul li a{
	font-size: 14px;
	color: #73739A;
	margin: 10px 0 0 10px;
}

.footer .last{
	float: left;
	width: 100%;
	margin: 80px 0 0 0;
}

.footer .last img{float: left;}

.footer .last p{
	float: left;
	margin: 5px 0 0 20px;
}

.footer .last ul{float: right;}
.footer .last ul li{float: left;}

.del-acc{margin-top: 180px; margin-bottom: 20px;}

@media only screen and (max-width: 768px) {
	.space.top{margin-top: 460px;}
	.credito-1{ top: 100px; right: 0;}
	.credito-2{ top: 150px; margin-left: -170px;}
	.credito-3{ top: 200px; }
	.notification, .app-1, .point-2{ display: none !important; }
	img.detail{display: block;}

	/* Footer */
	.footer .last img{float: none; display: block; margin: 0 auto;}
	.footer .last p{width: 80%; margin: 10px 0 0 10%; text-align: center;}
	.footer .last ul{width: 50%; margin: 0 25% 0 0;}
	.footer .last ul li{width: 50%;}
	.footer .last ul li img{ display: block; float: none; margin: 0 auto; width: 40px; }

	.del-acc{margin-top: 0px !important;}
	.download{display: block;}
}

@media only screen and (max-width: 425px){
	.credito-2 {
    top: 150px;
    margin-left: -160px;
	}
}

.content input{
	width: 100%;
	margin: 20px 0 20px 0;
	border-radius: 8px;
	border: 1px #D5D5D5 solid;
	padding: 10px;
}

.content input#myInput{outline: none;}

ul#questions{
	width: 100%;
	height: auto;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#questions li{padding: 0 0 20px 0;}
ul#questions li ul{list-style: none;}
ul#questions li ul li{color: #8C8C8C;}

ul#questions span{
	text-align: left;
	font-size: 10px;
	padding: 0 0 5px 0;
	width: 100%;
	display: block;
	text-transform: uppercase;
}

ul#questions a{
	color: #444;
	text-align: left;
	font-size: 22px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul#questions a:hover{
	text-decoration: none;
	cursor: default;
}

ul#questions p{
	font-size: 15px;
	line-height: 24px;
	color: #8C8C8C;
	font-weight: 300;
	width: 100%;
	margin: 10px 0 30px 0;
	text-align: left;
}

ul#questions p a{
	color: #E43089;
	font-size: 16px;
}

ul#questions li span.mentos{color: #C22E88;}
ul#questions li span.creditos{color: #00B136;}
ul#questions li span.pagos{color: #0094D6;}

h2.tyc{
  padding: 0;
  margin: 100px 0 20px 0;
  font-size: 26px;
  text-align: center;
  color: #E43089;
}

h2.tyc-2{
  padding: 0;
  margin: 0px 0 20px 0;
  font-size: 26px;
  text-align: center;
  color: #E43089;
}

h3.tyc{
  padding: 0;
  margin: 60px 0 20px 0;
  font-size: 22px;
  text-align: left;
  color: #222;
}

p.top{
	font-size: 16px;
	color: #616161;
	font-weight: 300;
	width: 100%;
	line-height: 26px;
	margin: 20px 0 20px 0;
	text-align: justify;
}

ul.pl{
	margin: 0;
	list-style: disc;
	padding-left: 30px;
}

ul.pl,
ol.pl{
	font-size: 16px;
	color: #616161;
	font-weight: 300;
	width: 100%;
	line-height: 26px;
	margin: 20px 0 20px 0;
	text-align: justify;
}

img.interior-sad{
	display: block;
	width: 80%;
	margin: 0 auto;
}

ul.sad{
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
}

ul.sad li{
	width: 100%;
	padding: 5px;
}

ul.sad li input{
	width: 20px;
	float: left;
	padding: 0;
	margin: 4px 5px 0 0;
}

ul.sad li label{font-weight: 300;}
form.sad{margin: 30px 0 0 0;}

form.sad button{
	padding: 10px 0;
	width: 100%;
	background: #6E72EE;
	border-radius: 8px;
	text-align: center;
	margin: 10px 0 0 0;
	color: #fff;
	display: block;
	border: none;
}

a.back{
	padding: 10px 0;
	width: 100%;
	background: #6E72EE;
	border-radius: 8px;
	text-align: center;
	margin: 10px 0 0 0;
	color: #fff;
	display: block;
	border: none;
}

b{display: contents;}

a.back.top{margin-top: 40px;}