@charset "UTF-8";

/*–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* DEFAULT STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body, html { height: 100%; }
body { background: #fff;  }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.pure-g [class*=pure-u], button, html, input, select, textarea {font-size: 14px; line-height: 1.4; color: #727476; font-family: "Open Sans", "Helvetica", Arial, Sans-serif;}
.text-center { text-align: center; }

.container { *zoom: 1; width: auto; max-width: 1000px; float: none; display: block; margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; position: relative; }
.container:before, .container:after { content: ''; display: table; }
.container:after { clear: both; }

a { text-decoration: none; color: #ef4d43; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
a:hover { color: #f37a72; }

/* Buttons */
.btn { font-weight: 400; display: inline-block; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; font-size: 16px; font-weight: 400; background: #ef4d43; padding: 12px 30px; text-decoration: none; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; }
.btn-small { border: none; border-radius: 2px; font-size: 11px; padding: 10px 15px; font-weight: bold; }
.btn-large { border-radius: 4px; font-size: 20px; padding: 15px 30px 18px 30px; }
.btn:hover { background: #f37a72; color: #fff; }

/* HEADER
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header { text-align: center; width: 100%; padding: 35px 20px; background: #e1e3e4; }

.slogan { margin: 35px 0; *zoom: 1; float: left; clear: none; text-align: inherit; width: 58.8%; margin-left: 0%; margin-right: 3%; *zoom: 1; width: auto; max-width: 100%; float: none; display: block; margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; font-family: "Source Sans Pro", "Helvetica", Arial, Sans-serif; font-size: 50px; line-height: 1; color: #0b2164; }

h3 {font-family: "Source Sans Pro", "Helvetica", Arial, Sans-serif; font-size: 40px; line-height: 1; color: #0b2164; margin:0;}

/* #CONTENT STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */
.content { padding: 40px 20px 0 20px; max-width: 1000px; margin:0 auto; }
.content p { margin-bottom: 20px; }
.content h2 { margin-bottom: 20px; padding: 0 0 0 15px; text-transform: none; color: #0b2164; font-family: "Source Sans Pro", "Helvetica", Arial, Sans-serif; font-size: 45px; line-height: 1; border-left: 8px solid #42a9df; }
span.bold { font-weight: 700; color:#333; }

.box { padding: 15px; overflow: hidden; position: relative; }
small { text-align: right;}

ul.caracteristicas {
    padding: 0 10px !important;
    margin: 0 !important;
}

ul.caracteristicas li {
    list-style: none;
    padding-left: 10px;
    text-indent: -.7em;
    margin: 0 0 8px 0;
}

ul.caracteristicas li:before {
    content: "• ";
    color: red; /* or whatever color you prefer */
}

.pure-input-1 { margin-bottom: 8px;  }
hr { border: solid #E5E5FA; border-width: 1px 0 0; clear: both; margin: 3rem 0 4rem; height: 0; }
span.red { color: #28498d;  }

/* FOOTER STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer { padding: 50px 0; *zoom: 1; background-color: #d8d9da;  }
footer h3 {font-family: "Source Sans Pro", "Helvetica", Arial, Sans-serif; font-size: 22px; line-height: 1; color: #ef4d43; margin:0;}
footer img { margin-top: 30px; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bottom { text-align: center; background: #f1f2f2; color: #555; padding: 40px 0; }
.bottom p { font-size: 10px !important; padding: 0 100px; }

.m0 { margin: 0; padding: 0; line-height: 0;}



@media screen and (max-width: 35.5em) {
  .bottom p { padding: 0 30px; }
  .logo {margin-right: auto; margin-left: auto; text-align: center; }
}
@media screen and (max-width: 48em) {

  .logo {margin-right: auto; margin-left: auto; text-align: center;}
  .slogan {text-align: center;  }
}
@media screen and (min-width: 64em) {}
@media screen and (min-width: 80em) {}