/* #Page Structure
================================================== */
body.em { margin: 0; padding: 0; font-size: 16px; color: #060202; font-family: 'Open Sans', sans-serif;}

/* Home Page Style
 ==================================================
/***** header styles goes here *****/
.em header{ background-color: #13bdd4;padding: 52px 0 81px; text-align: center; }
.em header .logo img{width: 100%; max-width: 157px;}
.em header .text-box{padding-top: 23px;}
.em header .text-box h1{font-size: 60px;line-height: 1;color: #fff;font-weight: bold;text-transform: uppercase; margin: 0;    letter-spacing: 1px;}
.em header .text-box .sub-text{font-size: 32px;line-height: 1.2;color: #fff;font-weight: bold;text-transform: uppercase; margin: 0;letter-spacing: 7.9px;padding-top: 3px;}
.em header .text-box p{font-size: 22px;color: #fff; font-weight: 500; letter-spacing: 0.9px;}
/***** midd container styles goes here *****/
.em .section1{background-color: #f5f5f5;padding: 72px 0; border-top: 20px solid #fff; text-align: center;border-bottom: 26px solid #fff;}
.em .title h3{font-size: 45px;color: #212121; line-height: 1.2;font-weight: bold; text-transform: uppercase;letter-spacing: 6.5px; position: relative;    padding-bottom: 24px; margin-bottom: 32px;}
.em .title h3:after{position: absolute; width: 116px; height: 2px;bottom: 0;content: "";background-color: #13bdd4; left: 50%;transform: translateX(-50%); }
.em .title p{font-size: 16px;color: #616262; line-height: 1.8;font-weight: 300; letter-spacing: 2.4px;}
.em .section1 .list-box{padding-top: 95px;}
.em .section1 .list-box .list{padding-bottom: 77px;}
.em .section1 .list-box .img-box img{width: 100%; text-align: center; vertical-align: bottom;}
.em .section1 .list-box .text-box{ display: table;width: 100%; padding: 5px; text-align: center; background-color: #13bdd4;  border-radius: 14px;    min-height: 69px;}
.em .section1 .list-box .text-box p{display: table-cell; vertical-align: middle;text-align: center; font-size: 16px; color: #fff;line-height: 1.2; font-weight: 400; margin-bottom: 0;}
.em .section1 .list-box .text-box p span{font-weight: 600; font-style: italic;}
.em .section2{background-color: #13bdd4;padding: 45px 0; text-align: center;border-bottom: 21px solid #fff;}
.em .title.white h3{color: #fff;}
.em .title.white h3:after{background-color: #fff;}
.em .title.white p{color: #fff;}
.em .section2 .section2-inner{display: inline-block;width: 100%;max-width: 1024px;margin: 0 auto;text-align: center;    padding-top: 71px;    padding-bottom: 32px;}
.em .section2 .s2-right{position: relative;}
.em .section2 .s2-right .s2-right-inner{position: absolute;left: 0;top:0;width: 100%; height: 100%;}
.em .section2 .s2-right img{max-width: 591px;}
.em .section2 .s2-left{text-align: left;    padding-top: 95px;}
.em .section2 .s2-left .list-line{ display: table; width: 100%;    margin-bottom: 32px;}
.em .section2 .s2-left .list-line .icon-img{width: 30%;}
.em .section2 .s2-left .list-line .icon-img img{width: 100%; max-width: 135px; border-radius: 50%;}
.em .section2 .s2-left .list-line .icon-text{width: 70%;    padding-left: 12px;}
.em .section2 .s2-left .list-line .icon-text p{font-size: 30px; line-height: 1.2;color: #fff; font-weight: bold; margin-bottom: 0;}
.em .section2 .s2-left .list-line .icon-img,.em .section2 .s2-left .list-line .icon-text{ display: table-cell;vertical-align: middle; }
.em .section3{background-color: #f5f5f5;padding: 30px 0 24px; text-align: center;border-bottom: 21px solid #fff;}
.em .section3 .s3-inner{padding-top: 139px;}
.em .section3 .s3-left .top-form{ background-color: #13bdd4;    padding: 24px 46px 17px; border-radius: 15px; }
.em .section3 .s3-right{padding-right: 0;padding-left: 30px;}
.em .section3 .s3-right img{width: 100%;}
.em .section3 .s3-left .top-form label{font-size: 25px; line-height: 1.2; color: #fff; font-weight: 400; letter-spacing: 4px;margin-bottom: 0;margin-top: 6px; text-transform: unset;}
.em .section3 .s3-left .top-form input{box-shadow: none;border-radius: 14px;background-color: #fff;border: none; font-size: 14px;color: #000;line-height: 18px; padding: 10px; height: 40px;}
.em .section3 .s3-left .top-form .btn{width: 100%; font-size: 22px;line-height: 1.2;color: #fff; font-weight: 400; letter-spacing: 3px;	 background-color: #0076a3;padding: 10px 12px;text-transform: uppercase;    border-radius: 11px; border-color: #0076a3;}
.em .section3 .s3-left .top-form .btn:hover{background-color: #0d7faa; border-color: #0d7faa;}

.em .section4{background-color: #13bdd4;padding: 66px 0; text-align: center;}
.em .section4 .panel-group{padding-top: 53px; text-align: left;}
.em .section4 .panel-default>.panel-heading {
  color: #333;
  background-color: #ebebeb;
  border-color: #e4e5e7;
  border: none;
  padding: 0;
  border-radius: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.em .section4 .panel-default{border-radius: 12px; background-color: transparent; border: none;}
.em .section4 .panel-default>.panel-heading a {
  display: block;
  font-size: 24px;
  letter-spacing: -0.9px;
  line-height: 1.2;
  border-radius: 12px;
  color: #000000;
  font-weight: 400;
  padding: 19px 35px;
}
.em .section4 .panel-default>.panel-heading+.panel-collapse>.panel-body{border: none; padding: 0; font-size: 19px;line-height: 1.55; color: #6e6e6e; font-weight: 400;}
.panel-body a{color: #13bdd4;}

.em .section4 .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;

  line-height: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.em .section4 .panel-default>.panel-heading a:hover,.em .section4 .panel-default>.panel-heading a:focus{ text-decoration: none; }
.em .section4 .panel-default>.panel-heading a:hover{color: #13bdd4;}
.em .section4 .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #ebebeb;
  color: #13bdd4;
}

.em .section4 .panel-default>.panel-heading a[aria-expanded="true"]:after {
 	background: url("../images/less.png")no-repeat;
 	background-size: 10px;
 	height: 5px;
 	width: 19px;
 	    width: 19px;
 	    top: 10px;
    right: -25px;
}

.em .section4 .panel-default>.panel-heading a[aria-expanded="false"]:after {
  background: url("../images/more.png")no-repeat;
 	background-size: 19px;
 	height: 19px;
 	width: 19px;
 	right: -17px;
    top: 6px;
}
.em .section4 .panel-default>.panel-heading a:focus .collapse.in{border: none;outline: none;}
.em .section4 .panel-group .panel+.panel {
    margin-top: 12px;
}
.em .section4 .panel-default .collapsing{background-color: #cbe4e8;padding: 13px 30px 0; margin-top: 15px;border-radius: 12px; height: 100%;}
.em .section4 .panel-default .collapse{background-color: #cbe4e8;    padding: 13px 30px 11px; margin-top: 15px;border-radius: 12px; border: 0px; outline: none;}

/**
 * PMT Calculator
 * Custom styles for: https://docs.pagamastarde.com/marketing/calculator/
 * (prefixed with `body` tag selector, to override defaults)
 */
body #pmt-calculator {
  width: auto;
  max-width: 460px;
  min-height: 0;
  margin: 0 auto;
  padding: 15px 20px;
  border: none;
  border-radius: 15px;
  background-color: #13bdd4;
}

body #pmt-calculator .logo {
  display: none;
}

body #pmt-calculator .form-container {
  display: block;
  margin: 0 0 15px;
}

body #pmt-calculator #pmt-form:before {
  content: 'Cantidad';
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  font-weight: 400;
  letter-spacing: 4px;
  text-align: left;
}

body #pmt-calculator .form-container label {
  display: none;
}

body #pmt-calculator .form-container input {
  display: block;
  width: 100%;
  margin: 5px 0 0;
  padding: 0;
  box-shadow: none;
  border-radius: 14px;
  background-color: #fff;
  border: none;
  font-size: 14px;
  color: #000;
  line-height: 18px;
  padding: 10px;
  height: 40px;
}

body #pmt-calculator .form-container .form-input-group.condiciones {
  display: none;
}

body #pmt-calculator .product {
  max-width: 369px;
  margin: 0 auto;
}

@media all and (min-width: 480px) {
  body #pmt-calculator {
    padding: 25px 45px;
  }

  body #pmt-form:before,
  body #pmt-form:after {
    content: " ";
    display: table;
  }

  body #pmt-form:after {
    clear: both;
  }

	body #pmt-calculator #pmt-form:before {
		float: left;
    font-size: 25px;
	}

  body #pmt-calculator .form-container input {
    float: right;
    width: 55%;
    margin-top: 0;
  }
}