html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
/* ============================================ */
/* This file has a mobile-to-desktop breakpoint */
/* ============================================ */
@media screen and (max-width: 400px) {
@-ms-viewport {
width: 320px; } }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.grid-container:before, .clearfix:before,
.grid-container:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0; }
.grid-container:after, .clearfix:after {
clear: both; }
.grid-container, .clearfix {
/* */
*zoom: 1;
/* */ }
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px; }
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
/* */
*padding-left: 0;
*padding-right: 0;
/* */ }
.grid-5 > *, .mobile-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .grid-66 > *, .mobile-grid-66 > * {
/* */
*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
/* */ }
.grid-parent {
padding-left: 0;
padding-right: 0; }
@media screen and (max-width: 767px) {
.mobile-grid-100:before,
.mobile-grid-100:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0; }
.mobile-grid-100:after {
clear: both; }
.mobile-grid-100 {
/* */
*zoom: 1;
/* */ }
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative; }
.hide-on-mobile {
display: none !important; }
.mobile-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-5 {
margin-left: 5%; }
.mobile-suffix-5 {
margin-right: 5%; }
.mobile-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-10 {
margin-left: 10%; }
.mobile-suffix-10 {
margin-right: 10%; }
.mobile-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-15 {
margin-left: 15%; }
.mobile-suffix-15 {
margin-right: 15%; }
.mobile-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-20 {
margin-left: 20%; }
.mobile-suffix-20 {
margin-right: 20%; }
.mobile-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-25 {
margin-left: 25%; }
.mobile-suffix-25 {
margin-right: 25%; }
.mobile-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-30 {
margin-left: 30%; }
.mobile-suffix-30 {
margin-right: 30%; }
.mobile-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-35 {
margin-left: 35%; }
.mobile-suffix-35 {
margin-right: 35%; }
.mobile-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-40 {
margin-left: 40%; }
.mobile-suffix-40 {
margin-right: 40%; }
.mobile-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-45 {
margin-left: 45%; }
.mobile-suffix-45 {
margin-right: 45%; }
.mobile-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-50 {
margin-left: 50%; }
.mobile-suffix-50 {
margin-right: 50%; }
.mobile-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-55 {
margin-left: 55%; }
.mobile-suffix-55 {
margin-right: 55%; }
.mobile-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-60 {
margin-left: 60%; }
.mobile-suffix-60 {
margin-right: 60%; }
.mobile-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-65 {
margin-left: 65%; }
.mobile-suffix-65 {
margin-right: 65%; }
.mobile-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-70 {
margin-left: 70%; }
.mobile-suffix-70 {
margin-right: 70%; }
.mobile-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-75 {
margin-left: 75%; }
.mobile-suffix-75 {
margin-right: 75%; }
.mobile-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-80 {
margin-left: 80%; }
.mobile-suffix-80 {
margin-right: 80%; }
.mobile-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-85 {
margin-left: 85%; }
.mobile-suffix-85 {
margin-right: 85%; }
.mobile-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-90 {
margin-left: 90%; }
.mobile-suffix-90 {
margin-right: 90%; }
.mobile-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-95 {
margin-left: 95%; }
.mobile-suffix-95 {
margin-right: 95%; }
.mobile-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-33 {
margin-left: 33.33333%; }
.mobile-suffix-33 {
margin-right: 33.33333%; }
.mobile-push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-prefix-66 {
margin-left: 66.66667%; }
.mobile-suffix-66 {
margin-right: 66.66667%; }
.mobile-push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.mobile-grid-100 {
clear: both;
width: 100%; } }
@media screen and (min-width: 768px) {
.grid-100:before,
.grid-100:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0; }
.grid-100:after {
clear: both; }
.grid-100 {
/* */
*zoom: 1;
/* */ }
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative; }
.hide-on-desktop {
display: none !important; }
.grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-5 {
margin-left: 5%; }
.suffix-5 {
margin-right: 5%; }
.push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-10 {
margin-left: 10%; }
.suffix-10 {
margin-right: 10%; }
.push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-15 {
margin-left: 15%; }
.suffix-15 {
margin-right: 15%; }
.push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-20 {
margin-left: 20%; }
.suffix-20 {
margin-right: 20%; }
.push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-25 {
margin-left: 25%; }
.suffix-25 {
margin-right: 25%; }
.push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-30 {
margin-left: 30%; }
.suffix-30 {
margin-right: 30%; }
.push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-35 {
margin-left: 35%; }
.suffix-35 {
margin-right: 35%; }
.push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-40 {
margin-left: 40%; }
.suffix-40 {
margin-right: 40%; }
.push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-45 {
margin-left: 45%; }
.suffix-45 {
margin-right: 45%; }
.push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-50 {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-50 {
margin-left: 50%; }
.suffix-50 {
margin-right: 50%; }
.push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-55 {
margin-left: 55%; }
.suffix-55 {
margin-right: 55%; }
.push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-60 {
margin-left: 60%; }
.suffix-60 {
margin-right: 60%; }
.push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-65 {
margin-left: 65%; }
.suffix-65 {
margin-right: 65%; }
.push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-70 {
margin-left: 70%; }
.suffix-70 {
margin-right: 70%; }
.push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-75 {
margin-left: 75%; }
.suffix-75 {
margin-right: 75%; }
.push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-80 {
margin-left: 80%; }
.suffix-80 {
margin-right: 80%; }
.push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-85 {
margin-left: 85%; }
.suffix-85 {
margin-right: 85%; }
.push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-90 {
margin-left: 90%; }
.suffix-90 {
margin-right: 90%; }
.push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-95 {
margin-left: 95%; }
.suffix-95 {
margin-right: 95%; }
.push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-33 {
float: left;
width: 33.33333%;
/* */
*width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-33 {
margin-left: 33.33333%; }
.suffix-33 {
margin-right: 33.33333%; }
.push-33 {
left: 33.33333%;
/* */
*left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-33 {
left: -33.33333%;
/* */
*left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-66 {
float: left;
width: 66.66667%;
/* */
*width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.prefix-66 {
margin-left: 66.66667%; }
.suffix-66 {
margin-right: 66.66667%; }
.push-66 {
left: 66.66667%;
/* */
*left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.pull-66 {
left: -66.66667%;
/* */
*left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* */ }
.grid-100 {
clear: both;
width: 100%; } }
@font-face {
font-family: 'lucida_handwritingitalic';
src: url('fonts/lhandw-webfont.eot');
src: url('fonts/lhandw-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lhandw-webfont.woff2') format('woff2'),
url('fonts/lhandw-webfont.woff') format('woff'),
url('fonts/lhandw-webfont.ttf') format('truetype'),
url('fonts/lhandw-webfont.svg#lucida_handwritingitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url('fonts/roboto-regular.ttf?1423835418') format('truetype'), url('fonts/roboto-regular.woff?1423835418') format('woff'), url('fonts/roboto-regular.svg?1423835418') format('svg'), url('fonts/roboto-regular.eot?1423835419') format('embedded-opentype'); }
@font-face {
font-family: "Roboto Bold";
src: url('fonts/roboto-bold.ttf?1423835419') format('truetype'), url('fonts/roboto-bold.woff?1423835419') format('woff'), url('fonts/roboto-bold.svg?1423835419') format('svg'), url('fonts/roboto-bold.eot?1423835419') format('embedded-opentype'); }
@font-face {
font-family: "Roboto Black";
src: url('fonts/roboto-black.ttf?1423835419') format('truetype'), url('fonts/roboto-black.woff?1423835419') format('woff'), url('fonts/roboto-black.svg?1423835420') format('svg'), url('fonts/roboto-black.eot?1423835420') format('embedded-opentype'); }
@font-face {
font-family: "Hermes Bold";
src: url('fonts/hermes-bold.ttf?1423835420') format('truetype'), url('fonts/hermes-bold.woff?1423835420') format('woff'), url('fonts/hermes-bold.svg?1423835420') format('svg'), url('fonts/hermes-bold.eot?1423835420') format('embedded-opentype'); }
@font-face {
font-family: "Source Semibold";
src: url('fonts/sourcesanspro-semibold.ttf?1423835417') format('truetype'), url('fonts/sourcesanspro-semibold.woff?1423835417') format('woff'), url('fonts/sourcesanspro-semibold.svg?1423835417') format('svg'), url('fonts/sourcesanspro-semibold.eot?1423835417') format('embedded-opentype'); }
@font-face {
font-family: "Source";
src: url('fonts/sourcesanspro.ttf?1423835417') format('truetype'), url('fonts/sourcesanspro.woff?1423835417') format('woff'), url('fonts/sourcesanspro.svg?1423835417') format('svg'), url('fonts/sourcesanspro.eot?1423835417') format('embedded-opentype'); }
iframe[name=google_conversion_frame] {
display: none; }
a {
color: #B03558; }
body {
font-family: "Roboto", Arial, Verdana, sans-serif; }
strong {
font-family: "Roboto Bold", Arial, Verdana, sans-serif; }
.i-fix {
font-family: Arial, Verdana, sans-serif !important;
font-weight: bold; }
.no-break {
white-space: nowrap; }
.popup {
padding: 20px;
max-width: 600px;
color: #7c838c; }
.popup h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 37px;
margin-bottom: 18px;
margin-top: 0px;
color: #B03558;
margin-bottom: 15px;
line-height: 120%; }
.popup h3 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 28px;
margin-bottom: 18px;
margin-top: 0px;
color: #7a1b3d;
line-height: 120%;
margin-bottom: 20px; }
.popup p {
line-height: 140%;
margin-bottom: 15px; }
.popup p:last-child {
margin-bottom: 0px; }
.popup .img {
width: 400px;
height: 400px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center; }
.barra_apadrinhamento {
width: 100%;
text-align: center;
font-size: 17px;
color: #FFF;
padding: 15px 10px 18px 10px;
background: #B03558;
display: block;
position: fixed;
text-decoration: none;
line-height: 135%;
z-index: 5555; }
.barra_apadrinhamento:hover {
background: #699f00; }
.blank {
width: 100%;
height: 50px; }
.sucesso {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
background: #FFF;
color: #B03558;
padding: 20px; }
.sucesso p:first-child {
margin-top: 16px; }
.sucesso p {
font-family: "Roboto", Arial, Verdana, sans-serif;
margin-top: 9px;
color: #7c838c;
line-height: 140%; }
.sucesso h2 {
font-size: 28px;
margin-bottom: 0px; }
.sucesso h2.red {
color: #FF0000;
margin-bottom: 0px; }
.breadcrumb {
color: #7a1b3d;
margin-top: 20px;
margin-bottom: 30px; }
.breadcrumb a {
font-size: 14px;
text-decoration: none;
color: #7a1b3d; }
.breadcrumb a:hover {
text-decoration: underline; }
.breadcrumb a:last-child {
color: #B03558; }
.breadcrumb1 {
color: #736e70;
margin-top: 20px;
margin-bottom: 30px; }
.breadcrumb a {
font-size: 14px;
text-decoration: none;
color: #7a1b3d; }
.breadcrumb a:hover {
text-decoration: underline; }
.breadcrumb a:last-child {
color: #B03558; }
#topo {
background: #7a1b3d; }
#topo h1 {
margin-top: 25px;
margin-bottom: 22px; }
#topo ul {
margin-top: 55px;
text-align: right; }
#topo ul li {
padding: 0px 10px 10px 10px;
display: inline-block; }
#topo ul li a {
color: #FFF;
text-decoration: none;
font-size: 17px; }
#topo ul li span {
font-family: "Icomoon", Arial, Verdana, sans-serif;
font-size: 18px;
margin-right: 5px;
color: #d5d532; }
#topo form {
margin-bottom: 48px;
margin-top: 48px; }
#topo form label {
position: relative;
display: block;
background: rgba(255, 255, 255, 0.5);
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px; }
#topo form input[type=text] {
width: 80%;
font-family: "Roboto", Arial, Verdana, sans-serif;
color: #7c838c;
border: 0px;
font-size: 17px;
color: #FFF;
background: transparent;
padding: 5px 10px 5px 10px; }
#topo form button {
position: absolute;
right: 4px;
text-align: right;
font-family: "Icomoon", Arial, Verdana, sans-serif;
background: transparent;
color: #009760;
border: 0px;
font-size: 18px;
margin-top: 7px;
cursor: pointer; }
#topo form ::-webkit-input-placeholder {
/* WebKit browsers */
color: #FFF; }
#topo form :-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #FFF;
opacity: 1; }
#topo form ::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #FFF;
opacity: 1; }
#topo form :-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #FFF; }
#menu {
background: #ffce89; }
#menu ul li.active a {
color: #FFF;
background: #b03558; }
#menu ul li {
display: inline-block; }
#menu ul li a {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-style:italic;
position: relative;
display: block;
font-size: 150%;
padding: 15px 20px 15px 20px;
color: #7a1b3d;
letter-spacing:2px;
text-decoration: none; }
#menu ul li a span {
position: absolute;
height: 4px;
left: 0px;
right: 0px;
bottom: 0px;
background: #ccdc00; }
#menu ul li:hover a {
color: #FFF;
background: #b03558; }
#menu ul li a.active {
color: #FFF;
background: #b03558; }
#banner {
position: relative;
overflow: hidden; }
#banner .swiper-slide img {
width: 100%; }
#banner .swiper-slide .slide {
display: block;
width: 100%;
height: 462px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
@media screen and (max-width: 832px) {
#banner .swiper-slide .slide {
height: 180px; } }
#banner .paginacao {
width: 100%;
height: 18px;
position: absolute;
bottom: 25px;
z-index: 10;
text-align: center; }
#banner .paginacao .swiper-pagination-switch {
display: inline-block;
width: 18px;
height: 18px;
margin: 0px 5px 0px 5px;
background: rgba(255, 255, 255, 0.3);
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }
#banner .paginacao .swiper-active-switch {
background: #ccdc00; }
#banner .seta-esq {
width: 38px;
height: 68px;
position: absolute;
left: 10%;
top: 50%;
margin-top: -34px;
z-index: 10;
cursor: pointer;
background: url("../img/seta_esq.png") center center; }
#banner .seta-dir {
width: 38px;
height: 68px;
position: absolute;
right: 10%;
top: 50%;
margin-top: -34px;
z-index: 10;
cursor: pointer;
background: url("../img/seta_dir.png") center center; }
#home {
padding-top: 68px; }
#home .btn-grande {
width: auto;
display: inline-block;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
padding: 20px 17px 20px 17px;
background: #7a1b3d;
font-size: 29px;
color: #FFF;
text-decoration: none;
margin-top: 22px; }
#home .grid-30, #home .grid-40 {
text-align: center; }
#home .grid-30 img, #home .grid-40 img {
width: 100%; }
#home .fim_linha {
background: url("../img/fim_linha.jpg") 0px 0px no-repeat; }
#home hr {
width: 100%;
height: 5px;
background: #e5e6e8;
border-left: 0px;
margin: 40px 0px 40px 0px;
border: 0px;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#home .grid-33 {
text-align: center; }
#home .grid-33 img {
width: 100%; }
#home .grid-33 h2 {
font-size: 28px;
text-align: center;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #7a1b3d;
margin-bottom: 18px; }
#home .grid-33 .saiba {
display: block;
width: 167px;
margin: 18px auto;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 0px 14px 0px;
background: #7a1b3d;
color: #FFF;
text-decoration: none;
font-size: 14px;
text-align: center;
text-transform: uppercase; }
#quem-somos .banner {
width: 100%;
height: 328px;
background: url("../img/banner_juntese.jpg") center center no-repeat; }
#quem-somos .banner h2 {
font-family: "lucida_handwritingitalic", Arial, Verdana, sans-serif;
color: #F8AF00;
font-size: 90px;
text-transform:lowercase;
margin-top: 160px;
float: left;
margin-bottom: 18px;
line-height: 125%;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 832px) {
#quem-somos .banner h2 {
font-size: 27px;
line-height: 110%; } }
#quem-somos .banner ul, #quem-somos .banner ol {
float: right; }
#quem-somos .banner ul li, #quem-somos .banner ol li {
margin-bottom: 9px;
text-align: right;
line-height: 140%; }
#quem-somos .banner ul li a, #quem-somos .banner ol li a {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #B03558;
font-size: 18px;
text-decoration: none; }
#quem-somos .conteudo {
padding: 0px 0px 40px 0px; }
#quem-somos .conteudo h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 37px;
margin-bottom: 18px;
margin-top: 0px;
color: #B03558;
margin-bottom: 15px;
line-height: 120%; }
#quem-somos .conteudo h3 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 28px;
margin-bottom: 18px;
margin-top: 0px;
color: #7a1b3d;
line-height: 120%;
margin-bottom: 20px; }
#quem-somos .conteudo .issuuembed {
width: 117% !important;
height: 500px !important;
clear: both; }
#quem-somos .conteudo .issuu {
width: 100%;
height: 500px;
overflow: hidden; }
#quem-somos .conteudo p {
color: #7c838c;
font-size: 16px;
line-height: 135%;
margin-bottom: 15px; }
#quem-somos .conteudo img[align=left] {
margin-right: 20px; }
#quem-somos .conteudo img[align=right] {
margin-left: 20px; }
#quem-somos .conteudo .textos ul, #quem-somos .conteudo .textos ol {
margin-left: 18px;
margin-bottom: 20px; }
#quem-somos .conteudo .textos ul li, #quem-somos .conteudo .textos ol li {
color: #7c838c;
font-family: "Roboto", Arial, Verdana, sans-serif;
margin-bottom: 10px;
line-height: 140%;
list-style: disc; }
#quem-somos .conteudo .textos ol {
margin-left: 30px; }
#quem-somos .conteudo .textos ol li {
list-style: decimal !important; }
#quem-somos .conteudo .textos .galleria-theme-classic {
background-color: #CCE4DA !important; }
#quem-somos .conteudo .menu li {
margin-bottom: 20px; }
#quem-somos .conteudo .menu li a {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
background: url(../img/setinha.png) left center no-repeat;
padding: 0px 0px 0px 15px;
color: #7c838c;
font-size: 18px;
text-decoration: none; }
#quem-somos .conteudo .menu li a:hover {
background: url(../img/setinha_active.png) left center no-repeat;
color: #7a1b3d; }
#quem-somos .conteudo .menu li a.active {
background: url(../img/setinha_active.png) left center no-repeat;
color: #7a1b3d; }
#quem-somos .conteudo .relatorio-lista .relatorio {
margin-left: 19px;
margin-bottom: 10px;
display: inline-block;
vertical-align: bottom; }
#quem-somos .conteudo .relatorio-lista .relatorio a {
text-decoration: none; }
#quem-somos .conteudo .relatorio-lista .relatorio a h3 {
text-decoration: none; }
#quem-somos .conteudo .relatorio-lista .relatorio .relatorio-img {
width: 260px;
height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
#quem-somos .conteudo .relatorio-lista .relatorio h3 {
width: 260px;
text-align: center;
font-size: 19px;
margin-bottom: 10px; }
#quem-somos .conteudo .relatorio-lista hr {
margin: 15px 0px 15px 0px !important;
border: 0px;
border-bottom: 1px solid #CFCFCF; }
#doe .banner {
width: 100%;
height: 328px;
background: url("../img/banner_doe.jpg") center center no-repeat; }
#doe .banner h2 {
max-width: 800px;
font-family: "lucida_handwritingitalic", Arial, Verdana, sans-serif;
color: #fef2d4;
font-size: 65px;
text-transform:lowercase;
margin-top: 150px;
float: right;
margin-bottom: 18px;
line-height: 125%;
text-align: right;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 832px) {
#doe .banner h2 {
font-size: 33px;
line-height: 110%; } }
#doe .conteudo {
padding: 0px 0px 40px 0px; }
#doe .conteudo .txt-interno p {
color: #7c838c;
font-size: 16px;
line-height: 150%; }
#doe .conteudo hr {
border-bottom: 1px dotted #a4a4a4;
border-top: 0px; }
#doe .conteudo h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 37px;
margin-bottom: 18px;
margin-top: 0px;
color: #B03558;
margin-bottom: 15px;
line-height: 120%; }
#doe .conteudo .grid-33 {
text-align: center;
margin-top: 20px;
margin-bottom: 20px; }
#doe .conteudo .grid-33 img {
width: 100%;
margin-top: 15px; }
#doe .conteudo .grid-33 h2 {
font-size: 28px;
text-align: center;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #7a1b3d;
margin-bottom: 16px; }
#doe .conteudo .grid-33 p {
color: #7c838c;
line-height: 130%; }
#doe .conteudo .grid-33 .saiba {
cursor: pointer;
display: block;
width: 167px;
margin: 18px auto 0px auto;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 0px 14px 0px;
background: #7a1b3d;
color: #FFF;
text-decoration: none;
font-size: 14px;
text-align: center;
text-transform: uppercase; }
#doe .conteudo .box {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 16px;
border: 1px solid #c2c2c2; }
#doe .conteudo .box h3 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-size: 24px;
margin-top: 0px;
color: #FFE6C3;
background: #7a1b3d;
line-height: 120%;
padding: 10px;
margin-bottom: 0px; }
#doe .conteudo .box .btn {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: inline-block;
width: 209px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 14px 14px 14px;
background: #7a1b3d;
color: #FFF;
border: 0px;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
margin: 5px 0px 0px 20px;
float: right;
text-transform: uppercase; }
#doe .conteudo .box .btn span {
float: left;
font-size: 19px;
margin-top: -5px;
margin-right: 6px; }
#doe .conteudo .o-que-e h3 {
background: #7a1b3d; }
#doe .conteudo .o-que-e .txt {
padding: 20px; }
#doe .conteudo .o-que-e .txt p {
margin-bottom: 16px;
color: #7c838c;
line-height: 130%; }
#doe .conteudo .o-que-e .txt p:last-child {
margin-bottom: 0px; }
#tatames .banner {
width: 100%;
height: 328px;
background: url("../img/banner_tatame.jpg") center center no-repeat; }
#tatames .banner h2 {
max-width: 800px;
font-family: "lucida_handwritingitalic", Arial, Verdana, sans-serif;
color: #fef2d4;
font-size: 65px;
text-transform:lowercase;
margin-top: 150px;
float: right;
margin-bottom: 18px;
line-height: 125%;
text-align: right;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 832px) {
#tatames .banner h2 {
font-size: 33px;
line-height: 110%; } }
#tatames .conteudo {
padding: 0px 0px 40px 0px; }
#tatames .conteudo .txt-interno p {
color: #7c838c;
font-size: 16px;
line-height: 150%; }
#tatames .conteudo hr {
border-bottom: 1px dotted #a4a4a4;
border-top: 0px; }
#tatames .conteudo h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 37px;
margin-bottom: 18px;
margin-top: 0px;
color: #B03558;
margin-bottom: 15px;
line-height: 120%; }
#tatames .conteudo .grid-33 {
text-align: center;
margin-top: 20px;
margin-bottom: 20px; }
#tatames .conteudo .grid-33 img {
width: 100%;
margin-top: 15px; }
#tatames .conteudo .grid-33 h2 {
font-size: 28px;
text-align: center;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #7a1b3d;
margin-bottom: 16px; }
#tatames .conteudo .grid-33 p {
color: #7c838c;
line-height: 130%; }
#tatames .conteudo .grid-33 .saiba {
cursor: pointer;
display: block;
width: 167px;
margin: 18px auto 0px auto;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 0px 14px 0px;
background: #7a1b3d;
color: #FFF;
text-decoration: none;
font-size: 14px;
text-align: center;
text-transform: uppercase; }
#tatames .conteudo .box {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 16px;
border: 1px solid #c2c2c2; }
#tatames .conteudo .box h3 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-size: 24px;
margin-top: 0px;
color: #FFE6C3;
background: #7a1b3d;
line-height: 120%;
padding: 10px;
margin-bottom: 0px; }
#tatames .conteudo .box .btn {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: inline-block;
width: 209px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 14px 14px 14px;
background: #7a1b3d;
color: #FFF;
border: 0px;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
margin: 5px 0px 0px 20px;
float: right;
text-transform: uppercase; }
#tatames .conteudo .box .btn span {
float: left;
font-size: 19px;
margin-top: -5px;
margin-right: 6px; }
#tatames .conteudo .o-que-e h3 {
background: #7a1b3d; }
#tatames .conteudo .o-que-e .txt {
padding: 20px; }
#tatames .conteudo .o-que-e .txt p {
margin-bottom: 16px;
color: #7c838c;
line-height: 130%; }
#tatames .conteudo .o-que-e .txt p:last-child {
margin-bottom: 0px; }
#pequente .banner {
width: 100%;
height: 328px;
background: url("../img/banner_doe.jpg") center center no-repeat; }
#pequente .banner h2 {
max-width: 800px;
font-family: "lucida_handwritingitalic", Arial, Verdana, sans-serif;
color: #fef2d4;
font-size: 65px;
text-transform:lowercase;
margin-top: 150px;
float: right;
margin-bottom: 18px;
line-height: 125%;
text-align: right;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 832px) {
#pequente .banner h2 {
font-size: 33px;
line-height: 110%; } }
#pequente .conteudo {
padding: 0px 0px 40px 0px; }
#pequente .conteudo .txt-interno p {
color: #7c838c;
font-size: 16px;
line-height: 150%; }
#pequente .conteudo hr {
border-bottom: 1px dotted #a4a4a4;
border-top: 0px; }
#pequente .conteudo h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 37px;
margin-bottom: 18px;
margin-top: 0px;
color: #B03558;
margin-bottom: 15px;
line-height: 120%; }
#pequente .conteudo .grid-33 {
text-align: center;
margin-top: 20px;
margin-bottom: 20px; }
#pequente .conteudo .grid-33 img {
width: 100%;
margin-top: 15px; }
#pequente .conteudo .grid-33 h2 {
font-size: 28px;
text-align: center;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #7a1b3d;
margin-bottom: 16px; }
#pequente .conteudo .grid-33 p {
color: #7c838c;
line-height: 130%; }
#pequente .conteudo .grid-33 .saiba {
cursor: pointer;
display: block;
width: 167px;
margin: 18px auto 0px auto;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 0px 14px 0px;
background: #7a1b3d;
color: #FFF;
text-decoration: none;
font-size: 14px;
text-align: center;
text-transform: uppercase; }
#pequente .conteudo .box {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 16px;
border: 1px solid #c2c2c2; }
#pequente .conteudo .box h3 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-size: 24px;
margin-top: 0px;
color: #FFE6C3;
background: #7a1b3d;
line-height: 120%;
padding: 10px;
margin-bottom: 0px; }
#pequente .conteudo .box .btn {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: inline-block;
width: 209px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 14px 14px 14px;
background: #7a1b3d;
color: #FFF;
border: 0px;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
margin: 5px 0px 0px 20px;
float: right;
text-transform: uppercase; }
#pequente .conteudo .box .btn span {
float: left;
font-size: 19px;
margin-top: -5px;
margin-right: 6px; }
#pequente .conteudo .o-que-e h3 {
background: #7a1b3d; }
#pequente .conteudo .o-que-e .txt {
padding: 20px; }
#pequente .conteudo .o-que-e .txt p {
margin-bottom: 16px;
color: #7c838c;
line-height: 130%; }
#pequente .conteudo .o-que-e .txt p:last-child {
margin-bottom: 0px; }
#apadrinhe .banner.apadrinhando {
width: 100%;
height: 328px;
background: url("../img/banner_apadrinhe.jpg") center center no-repeat; }
#apadrinhe .banner.apadrinhando h2 {
font-family: "lucida_handwritingitalic", Arial, Verdana, sans-serif;
color: #fef1d1;
font-size: 45px;
text-transform:lowercase;
margin-top: 140px;
float: left;
margin-bottom: 18px;
line-height: 125%;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 832px) {
#apadrinhe .banner.apadrinhando h2 {
font-size: 33px;
line-height: 110%; } }
#apadrinhe .banner.doando {
width: 100%;
height: 328px;
background: url("../img/banner_doe.jpg") center center no-repeat; }
#apadrinhe .banner.doando h2 {
max-width: 800px;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #ccdc00;
font-size: 50px;
margin-top: 160px;
float: right;
margin-bottom: 18px;
line-height: 125%;
text-align: right;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 832px) {
#apadrinhe .banner.doando h2 {
font-size: 33px;
line-height: 110%; } }
#apadrinhe .paginacao {
position: relative;
width: 100%;
padding-right: 10px;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#apadrinhe .paginacao li:first-child a, #apadrinhe .paginacao li:last-child a {
background: #FFF;
color: #B03558;
font-size: 20px; }
#apadrinhe .paginacao li:first-child:hover, #apadrinhe .paginacao li:last-child:hover {
cursor: pointer; }
#apadrinhe .paginacao li:first-child:hover a, #apadrinhe .paginacao li:last-child:hover a {
background: #FFF;
color: #B03558;
font-size: 20px; }
#apadrinhe .paginacao li:first-child {
position: absolute;
left: 0px;
top: 0px;
margin-right: 0px; }
#apadrinhe .paginacao li:last-child {
position: absolute;
right: 5px;
top: 0px;
margin-right: 0px; }
#apadrinhe .paginacao li:hover a {
color: #FFF;
background: #B03558; }
#apadrinhe .paginacao li.active a {
color: #FFF;
background: #B03558; }
#apadrinhe .paginacao li {
margin-right: 18px;
vertical-align: middle;
display: inline-block; }
#apadrinhe .paginacao li a {
text-align: center;
width: 23px;
height: 23px;
line-height: 23px;
background: #FFF;
color: #7c838c;
text-align: center;
font-size: 16px;
display: block;
text-decoration: none;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }
#apadrinhe .conteudo .cep-escondido {
display: none; }
#apadrinhe .conteudo h2 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-size: 37px;
color: #7a1b3d; }
#apadrinhe .conteudo h2 span {
color: #7a1b3d; }
#apadrinhe .conteudo .protocolo {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-size: 15px;
color: #7a1b3d;
line-height: 140%; }
#apadrinhe .conteudo .contribuicao-que-soma h2 {
font-size: 37px; }
#apadrinhe .conteudo .contribuicao-que-soma h2 span {
color: #7a1b3d; }
#apadrinhe .conteudo .contribuicao-que-soma h3 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
margin-bottom: 18px;
font-size: 28px;
color: #7a1b3d; }
#apadrinhe .conteudo .contribuicao-que-soma p {
font-size: 16px;
color: #91979f;
line-height: 130%; }
#apadrinhe .conteudo iframe {
width: 100%;
margin-top: 20px;
height: 300px; }
#apadrinhe .conteudo .coluna2 {
padding-right: 0px; }
#apadrinhe .conteudo .coluna2 .box-crianca {
margin-right: 0px; }
#apadrinhe .conteudo .box-crianca.popup {
margin: 0px;
padding: 0px;
border: 0px; }
#apadrinhe .conteudo .box-crianca {
margin-bottom: 17px;
margin-right: 10px;
font-size: 16px;
color: #7c838c;
border: 1px solid #c2c2c2;
overflow: hidden;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }
#apadrinhe .conteudo .box-crianca .informacoes {
padding: 25px 17px 17px 7px; }
#apadrinhe .conteudo .box-crianca .informacoes .crianca {
display: block;
width: 100%;
font-size: 60px;
color: rgba(207,104,178,1);
text-align: center;
margin-bottom: 50px; }
#apadrinhe .conteudo .box-crianca .informacoes .criancam {
display: block;
width: 100%;
font-size: 60px;
color: rgba(102,132,255,1);
text-align: center;
margin-bottom: 50px; }
#apadrinhe .conteudo .box-crianca .informacoes .nomem {
color: rgba(102,132,255,1);;}
#apadrinhe .conteudo .box-crianca .informacoes .nomef {
color: rgba(207,104,178,1);}
#apadrinhe .conteudo .box-crianca .informacoes h3 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
float: left;
font-size: 24px;
color: #B03558;
margin-bottom: 25px; }
#apadrinhe .conteudo .box-crianca .informacoes .coracao {
color: #ff0012;
float: right;
font-size: 30px;
margin-top: -3px;
cursor: pointer;
position: relative; }
#apadrinhe .conteudo .box-crianca .informacoes .coracao .desc {
font-family: "Source", Arial, Verdana, sans-serif !important;
line-height: 110%;
position: absolute;
font-size: 12px;
top: -20px;
width: 210px;
top: -22px;
left: -229px;
background: #7a1b3d;
color: #FFF;
display: none;
padding: 5px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; }
#apadrinhe .conteudo .box-crianca .informacoes .coracao .desc .seta {
width: 9px;
height: 16px;
background: url("../img/arrowheart.jpg");
position: absolute;
right: -9px;
bottom: 6px; }
#apadrinhe .conteudo .box-crianca .informacoes .nascimento {
float: left;
line-height: 27px;
margin-right:50px;
}
#apadrinhe .conteudo .box-crianca .informacoes .nascimento span {
color: #B03558;
float: left;
font-size: 30px;
margin-right: 13px;
margin-top: -2px;
margin-bottom:30px}
#apadrinhe .conteudo .box-crianca .informacoes .localizacao {
line-height: 25px;
float: left; }
#apadrinhe .conteudo .box-crianca .informacoes .localizacao span {
float: left;
color: #B03558;
font-size: 30px;
margin-right: 13px;
margin-top: -2px; }
#apadrinhe .conteudo .box-crianca .informacoes .sapato {
line-height: 25px;
float: right;
margin-right:190px }
#apadrinhe .conteudo .box-crianca .informacoes .sapato span {
float: left;
color: #B03558;
font-size: 30px;
margin-right: 5px;
margin-top: -2px; }
#apadrinhe .conteudo .box-crianca .informacoes .txt-completo {
display: none; }
#apadrinhe .conteudo .box-crianca .informacoes .txt-curto, #apadrinhe .conteudo .box-crianca .informacoes .txt-completo {
margin-top: 25px;
line-height: 140%; }
#apadrinhe .conteudo .box-crianca .informacoes .txt-curto .leia-completo, #apadrinhe .conteudo .box-crianca .informacoes .txt-curto .esconder, #apadrinhe .conteudo .box-crianca .informacoes .txt-completo .leia-completo, #apadrinhe .conteudo .box-crianca .informacoes .txt-completo .esconder {
color: #B03558;
cursor: pointer;
text-decoration: underline; }
#apadrinhe .conteudo .box-crianca .informacoes .txt-curto .esconder, #apadrinhe .conteudo .box-crianca .informacoes .txt-completo .esconder {
float: right; }
#apadrinhe .conteudo .box-crianca .apadrinhe-agora {
padding: 17px;
text-align: right;
background: #FFF7ED; }
#apadrinhe .conteudo .box-crianca .apadrinhe-agora .valor-doacao {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 22px;
color: #B03558;
display: inline-block;
margin-top: 0px;
vertical-align: bottom;
margin-bottom: 12px; }
#apadrinhe .conteudo .box-crianca .apadrinhe-agora .btn {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: inline-block;
width: 167px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 0px 14px 0px;
background: #7a1b3d;
color: #FFF;
border: 0px;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
margin-left: 20px;
text-transform: uppercase; }
#apadrinhe .conteudo .box {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
overflow: hidden;
margin-top: 0px;
margin-bottom: 16px;
border: 1px solid #c2c2c2; }
#apadrinhe .conteudo .box h3 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-size: 24px;
margin-top: 0px;
color: #FFE6C3;
background: #7a1b3d;
line-height: 120%;
padding: 10px;
margin-bottom: 0px; }
#apadrinhe .conteudo .box .btn {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: inline-block;
width: 209px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 14px 14px 14px;
background: #7a1b3d;
color: #FFF;
border: 0px;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
margin: 5px 0px 0px 20px;
float: right;
text-transform: uppercase; }
#apadrinhe .conteudo .box .btn span {
float: left;
font-size: 19px;
margin-top: -5px;
margin-right: 6px; }
#apadrinhe .conteudo .box form .opcoes {
padding: 7px 17px 6px 17px; }
#apadrinhe .conteudo .box form label {
/*width: 100%;*/
display: block;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #B03558;
font-size: 18px;
text-align: left;
margin-bottom: 8px; }
#apadrinhe .conteudo .box form label .campo-label {
float: left;
width: 66px;
margin-top: 7px;
margin-right: 15px;
display: block;
text-align: right; }
#apadrinhe .conteudo .box form label span {
display: block;
overflow: hidden;
margin-top: 6px; }
#apadrinhe .conteudo .box form select {
/*width: 100%;*/
overflow: hidden;
font-family: "Roboto", Arial, Verdana, sans-serif;
color: #7c838c;
padding: 5px 10px 5px 10px;
margin-top: 0px;
font-size: 16px;
border: 1px solid #c2c2c2;
background: #f2f2f3;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#apadrinhe .conteudo .box form input[type=submit] {
display: block;
width: 167px;
margin: 0px 0px 0px 0px;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 12px 0px 12px 0px;
background: #7a1b3d;
color: #FFF;
border: 0px;
float: right;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
text-transform: uppercase; }
#apadrinhe .conteudo .box .apadrinhe-agora {
padding: 17px;
background: #f2f2f3; }
#apadrinhe .conteudo .favoritos .txt {
color: #7c838c;
line-height: 130%;
padding: 20px 20px 5px 20px; }
#apadrinhe .conteudo .favoritos .btn {
width: 167px; }
#apadrinhe .conteudo .o-que-e h3 {
background: #7a1b3d; }
#apadrinhe .conteudo .o-que-e .txt {
padding: 20px; }
#apadrinhe .conteudo .o-que-e .txt p {
margin-bottom: 16px;
color: #7c838c;
line-height: 130%; }
#apadrinhe .conteudo .o-que-e .txt p:last-child {
margin-bottom: 0px; }
#apadrinhe .conteudo .como-funciona {
padding-right: 20px; }
#apadrinhe .conteudo .como-funciona h3 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-size: 28px;
margin-bottom: 25px;
color: #fd9000; }
#apadrinhe .conteudo .como-funciona h4 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
color: #91979f;
font-size: 14px;
margin-top: 12px; }
#apadrinhe .conteudo .como-funciona p {
color: #7c838c;
margin-top: 8px;
line-height: 125%; }
#apadrinhe .conteudo .como-funciona ul li:first-child {
padding-left: 0px; }
#apadrinhe .conteudo .como-funciona ul li:last-child {
padding-right: 0px; }
#apadrinhe .conteudo .como-funciona ul li {
margin-bottom: 25px;
font-size: 12px;
text-align: center;
vertical-align: top;
display: inline-block; }
#apadrinhe .conteudo .doacao-proporciona h3 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #fd9000;
font-size: 28px;
margin-bottom: 25px; }
#apadrinhe .conteudo .doacao-proporciona .proporciona:last-child {
border-bottom: 0px;
margin-bottom: 0px; }
#apadrinhe .conteudo .doacao-proporciona .proporciona {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dashed #91979f; }
#apadrinhe .conteudo .doacao-proporciona .proporciona .img {
text-align: center; }
#apadrinhe .conteudo .doacao-proporciona .proporciona .txt {
font-size: 14px;
line-height: 130%;
color: #91979f;
margin-top: 9px; }
#apadrinhe .conteudo .doacao-proporciona .proporciona.dir .txt {
text-align: right; }
#apadrinhe .conteudo .nenhuma-crianca {
text-align: center;
color: #7c838c; }
#apadrinhe .conteudo .criancas-selecionadas {
padding: 0px 18px 0px 18px; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada:last-child {
border-bottom: 0px; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 24px;
color: #B03558;
padding: 15px 0px 15px 0px;
border-bottom: 1px solid #d7d7d7; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada a {
color: #B03558; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada .icon-crianca {
color: #7a1b3d;
font-size: 26px;
margin-right: 16px;
float: left;
margin-top: -1px; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada .nome {
max-width: 490px;
float: left;
color: #B03558;
line-height: 140%;
margin-top: -5px; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada .nome.nenhuma {
max-width: 546px;
font-family: "Roboto", Arial, Verdana, sans-serif;
font-size: 16px;
color: #7c838c; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada .nome.nenhuma_titulo {
max-width: 546px;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 20px;
color: #7a1b3d;
line-height: 130%; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada .nome.nenhuma_titulo a {
text-decoration: none; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada .nome.nenhuma_titulo a:hover {
text-decoration: underline; }
#apadrinhe .conteudo .criancas-selecionadas .selecionada .icon-fechar {
cursor: pointer;
color: #df1314;
float: right;
font-size: 16px;
margin-top: 4px; }
#apadrinhe .conteudo p.exterior {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #7c838c;
font-size: 18px;
margin-top: 0px;
margin-bottom: 20px; }
#apadrinhe .conteudo p.exterior a {
color: #B03558;
text-decoration: none; }
#apadrinhe .conteudo #passo-1, #apadrinhe .conteudo #passo-2 {
display: block; }
#apadrinhe .conteudo .grupo-form {
display: none; }
#apadrinhe .conteudo .passos {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 24px;
margin-top: 40px;
margin-bottom: 35px;
color: #7a1b3d; }
#apadrinhe .conteudo .passos .btn {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: inline-block;
width: 167px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 0px 14px 0px;
background: #7a1b3d;
color: #FFF;
border: 0px;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
float: right;
text-transform: uppercase; }
#apadrinhe .conteudo .passos ul.apadrinhar_e_doar {
margin-top: 7px;
float: right; }
#apadrinhe .conteudo .passos ul {
margin-left: 10px;
display: inline-block; }
#apadrinhe .conteudo .passos ul li:last-child {
margin-right: 0px; }
#apadrinhe .conteudo .passos ul li {
display: inline-block;
margin-right: 10px; }
#apadrinhe .conteudo .passos ul li a {
display: block;
width: 31px;
height: 31px;
font-size: 18px;
line-height: 31px;
background: #FFF;
color: #7c838c;
text-decoration: none;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px; }
#apadrinhe .conteudo .passos ul li a:hover {
background: #B03558;
color: #FFF; }
#apadrinhe .conteudo .passos ul li a.active {
background: #B03558;
color: #FFF; }
#apadrinhe .conteudo .passos .passo {
font-size: 24px;
color: #7c838c;
margin-top: 35px; }
#apadrinhe .conteudo .passos .passo .semEmail {
text-align: right;
margin-top: -10px;
font-size: 17px;
display: none; }
#apadrinhe .conteudo .passos .passo h3 {
color: #7a1b3d;
font-size: 25px;
line-height: 120%; }
#apadrinhe .conteudo .passos .passo .descricao {
padding-bottom: 20px;
margin-bottom: 20px;
line-height: 130%;
border-bottom: 1px solid #d7d7d7; }
#apadrinhe .conteudo .passos .passo .descricao span {
color: #B03558; }
#apadrinhe .conteudo .passos .passo form #conheceu-outro {
display: none; }
#apadrinhe .conteudo .passos .passo form .loader {
display: none;
margin-top: 37px;
float: left;
font-family: "Hermes Bold", Arial, Verdana, sans-serif; }
#apadrinhe .conteudo .passos .passo form .loader img {
float: left;
margin-top: -3px;
margin-right: 8px; }
#apadrinhe .conteudo .passos .passo form .campos {
padding: 25px 27px 0px 27px; }
#apadrinhe .conteudo .passos .passo form .grupo {
display: none; }
#apadrinhe .conteudo .passos .passo form label {
position: relative;
display: block;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #B03558;
font-size: 18px;
text-align: left;
margin-bottom: 16px; }
#apadrinhe .conteudo .passos .passo form label span {
font-family: "Roboto Bold", Arial, Verdana, sans-serif; }
#apadrinhe .conteudo .passos .passo form .erro_input {
font-family: "Roboto", Arial, Verdana, sans-serif;
color: #FFF;
font-size: 11px;
right: 10px;
top: 21px;
position: absolute;
padding: 1px 4px 2px 4px;
background: #FF0000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px; }
#apadrinhe .conteudo .passos .passo form .erro_input.top {
top: -8px; }
#apadrinhe .conteudo .passos .passo form .erro_input.top2 {
top: -11px; }
#apadrinhe .conteudo .passos .passo form .borda_erro {
border: 1px solid #FF0000 !important; }
#apadrinhe .conteudo .passos .passo form input[type=text], #apadrinhe .conteudo .passos .passo form select {
width: 100%;
padding: 7px 12px 7px 12px;
margin-top: 10px;
font-size: 16px;
border: 1px solid #c2c2c2;
background: #f2f2f3;
font-family: "Roboto", Arial, Verdana, sans-serif;
color: #7c838c;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#apadrinhe .conteudo .passos .passo form select {
padding: 6px 12px 6px 12px; }
#apadrinhe .conteudo .passos .passo form textarea {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
width: 100%;
height: 292px;
padding: 12px 12px 12px 12px;
margin-top: 10px;
font-size: 16px;
border: 1px solid #c2c2c2;
background: #f2f2f3;
font-family: "Roboto", Arial, Verdana, sans-serif;
color: #7c838c;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#apadrinhe .conteudo .passos .passo form input[type=submit] {
display: block;
width: auto;
margin: 17px 27px 17px 0px;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 12px 14px 12px;
background: #7a1b3d;
color: #FFF;
border: 0px;
float: right;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
text-transform: uppercase; }
#apadrinhe .conteudo .passos .passo form input[type=checkbox] {
margin-right: 7px; }
#apadrinhe .conteudo .passos .passo form .termos {
color: #7c838c;
font-size: 18px; }
#apadrinhe .conteudo .passos .passo form .termos a {
text-decoration: none;
color: #B03558; }
#apadrinhe .conteudo .passos .passo form .termos a:hover {
text-decoration: underline; }
#apadrinhe .conteudo .passos .passo form .bg-enviar {
background: #f2f2f3; }
#apadrinhe .conteudo .passos .passo .concordo {
margin: 0px;
padding: 5px 0px 5px 0px;
border-radius: 8px;
font-size: 16px;
color: #7c838c;
border: 1px solid #FFF; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao {
margin-top: 30px; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao h4.active {
color: #7a1b3d;
background: #FFF; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao h4.active span {
border-top: 4px solid #7ab800; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao h4.last {
margin-left: -1px; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao h4 {
margin-bottom: -1px;
display: inline-block;
overflow: hidden;
color: #878d95;
color: #878d95;
color: #878d95;
font-size: 16px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
border: 1px solid #c2c2c2;
border-bottom: 0px; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao h4 span {
cursor: pointer;
display: block;
padding: 17px 12px 17px 12px;
border-top: 4px solid #FFF; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao .forma {
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
border-top-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
border: 1px solid #c2c2c2;
overflow: hidden; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao hr {
border: 0px;
border-bottom: 1px solid #c2c2c2; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao .termos {
margin: 11px 27px 11px 26px;
padding: 5px 0px 5px 0px;
border-radius: 8px;
font-size: 16px;
border: 1px solid #FFF; }
#apadrinhe .conteudo .passos .passo .forma-contribuicao .termos span {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #B03558; }
#apadrinhe .conteudo .passos .doacoes-unicas {
margin-bottom: 25px; }
#apadrinhe .conteudo .passos .doacoes-unicas h4 {
font-size: 18px;
color: #B03558;
margin-bottom: 8px; }
#apadrinhe .conteudo .passos .doacoes-unicas p {
font-size: 16px; }
#apadrinhe .conteudo .passos .valor-por-crianca {
font-size: 18px;
margin-bottom: 25px;
margin-top: 25px; }
#apadrinhe .conteudo .passos .valor-por-crianca .item_contribuicao {
margin-top: 10px;
line-height: 120%; }
#apadrinhe .conteudo .passos .valor-por-crianca .valor-contribuicao {
margin-top: 13px; }
#apadrinhe .conteudo .passos .valor-por-crianca .valor-contribuicao input {
margin-left: 5px;
margin-right: 5px;
font-family: "Source Semibold", Arial, Verdana, sans-serif !important;
width: 90px !important;
font-weight: bold; }
#apadrinhe .conteudo .passos .valor-por-crianca .valor-contribuicao .valor-contribuicao-input {
width: 90px;
margin-left: 5px;
margin-right: 5px;
display: inline;
position: relative; }
#apadrinhe .conteudo .passos .valor-por-crianca .valor-contribuicao .item_contribuicao {
margin-bottom: 10px;
line-height: 125%; }
#apadrinhe .conteudo .passos .valor-por-crianca h4 {
font-size: 18px;
color: #B03558; }
#apadrinhe .conteudo .passos .valor-por-crianca .minimo {
font-family: "Source Semibold", Arial, Verdana, sans-serif;
font-size: 14px;
float: right;
text-align: right;
line-height: 130%;
margin-top: 10px;
font-weight: bold; }
#termos h3 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #7a1b3d;
font-size: 22px;
line-height: 120%;
margin-bottom: 15px;
text-align: center; }
#termos .txt {
padding: 20px; }
#termos .txt p {
font-family: "Roboto", Arial, Verdana, sans-serif;
font-size: 16px;
margin-bottom: 15px;
line-height: 140%;
text-align: justify; }
#termos .txt p:last-child {
margin-bottom: 0px; }
#termos .txt .logo {
text-align: center; }
#contato .banner {
width: 100%;
height: 328px;
background: url("../img/banner_contato.jpg") center center no-repeat; }
#contato .banner h2 {
font-family: "lucida_handwritingitalic", Arial, Verdana, sans-serif;
color: #F8AF00;
font-size: 90px;
text-transform:lowercase;
float: right;
margin-bottom: 18px;
margin-top: 225px;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 832px) {
#contato .banner h2 {
font-size: 33px;
line-height: 110%; } }
#contato .conteudo.exterior {
padding: 22px; }
#contato .conteudo.exterior .msg-enviada {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #B03558;
font-size: 26px;
margin-bottom: 25px;
padding: 15px;
margin-top: 143px;
text-align: center;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#contato .conteudo.exterior form.exterior {
padding: 0px; }
#contato .conteudo.exterior form.exterior textarea {
height: 120px; }
#contato .conteudo.exterior form.exterior input[type=submit] {
margin: 5px 0px 0px 0px; }
#contato .conteudo {
padding: 0px 0px 40px 0px;
font-size: 16px; }
#contato .conteudo h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 37px;
margin-bottom: 18px;
margin-top: 0px;
color: #B03558;
margin-bottom: 15px;
line-height: 120%; }
#contato .conteudo h3 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 28px;
margin-bottom: 18px;
margin-top: 0px;
color: #7a1b3d;
margin-bottom: 20px; }
#contato .conteudo hr {
margin: 15px 0px 15px 0px;
border: 0px;
border-bottom: 1px dashed #7c838c; }
#contato .conteudo p {
line-height: 130%;
color: #7c838c; }
#contato .conteudo p a {
color: #B03558;
text-decoration: none; }
#contato .conteudo .trabalhe {
color: #FFF;
background: #7a1b3d;
padding: 18px;
font-size: 16px;
text-align: center;
line-height: 135%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; }
#contato .conteudo .trabalhe a {
color: #ccdc00;
text-decoration: none; }
#contato .conteudo .trabalhe p {
color: #FFF; }
#contato .conteudo form {
padding: 54px 0px 15px 10px; }
#contato .conteudo form .erro_input {
font-family: "Roboto", Arial, Verdana, sans-serif;
color: #FFF;
font-size: 11px;
right: 10px;
top: 21px;
position: absolute;
padding: 1px 4px 2px 4px;
background: #FF0000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px; }
#contato .conteudo form .erro_input.top {
top: -8px; }
#contato .conteudo form .erro_input.top2 {
top: -11px; }
#contato .conteudo form .borda_erro {
border: 1px solid #FF0000 !important; }
#contato .conteudo form label {
display: block;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
color: #B03558;
font-size: 18px;
text-align: left;
position: relative;
margin-bottom: 16px; }
#contato .conteudo form input[type=text] {
font-family: "Roboto", Arial, Verdana, sans-serif;
width: 100%;
padding: 7px 12px 7px 12px;
margin-top: 10px;
font-size: 16px;
color: #7c838c;
border: 1px solid #c2c2c2;
background: #f2f2f3;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#contato .conteudo form textarea {
font-family: "Roboto", Arial, Verdana, sans-serif;
width: 100%;
height: 312px;
padding: 12px 12px 12px 12px;
margin-top: 10px;
font-size: 16px;
color: #7c838c;
border: 1px solid #c2c2c2;
background: #f2f2f3;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#contato .conteudo form input[type=submit] {
display: block;
width: 167px;
margin: 15px 0px 28px 0px;
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 0px 14px 0px;
background: #7a1b3d;
color: #FFF;
border: 0px;
float: right;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
text-transform: uppercase; }
#projetos .banner {
width: 100%;
height: 328px;
background: url("../img/banner_projetos.jpg") center center no-repeat; }
#projetos .banner h2 {
font-family: "lucida_handwritingitalic", Arial, Verdana, sans-serif;
color: #F8AF00;
font-size: 90px;
text-transform:lowercase;
margin-top: 106px;
float: right;
margin-bottom: 18px;
line-height: 125%;
text-align: right;
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); }
#projetos .banner h2 span {
font-family: "Roboto", Arial, Verdana, sans-serif;
display: block;
float: right;
font-style: italic;
margin-right: 0px;
font-size: 26px; }
@media screen and (max-width: 832px) {
#projetos .banner h2 {
font-size: 28px;
line-height: 110%; } }
#projetos .menu .verde {
color: #B03558; }
#projetos .menu .item:first-child {
padding-top: 0px; }
#projetos .menu .item:first-child span {
top: 2px; }
#projetos .menu .item.nopad {
padding: 10px 0px 10px 0px; }
#projetos .menu .item {
cursor: pointer;
display: block;
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
color: #7c838c;
font-size: 18px;
padding: 10px 0px 10px 0px;
position: relative;
margin-left: 18px;
text-decoration: none; }
#projetos .menu .item a {
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
display: block;
z-index: 6; }
#projetos .menu .item:hover {
color: #646a71; }
#projetos .menu .item span {
position: absolute !important;
left: -18px;
top: 0px;
bottom: 0px;
right: 0px;
display: block;
z-index: 5;
background-image: url("../img/seta-dir.jpg");
background-repeat: no-repeat;
background-position: 0px 0px; }
#projetos .menu .item span.aberto {
background-image: url("../img/seta-baixo.jpg"); }
#projetos .menu .submenu {
display: none;
margin-left: 25px; }
#projetos .menu .submenu .item.nopad {
padding: 5px 0px 5px 0px; }
#projetos .menu .submenu .item {
font-family: "Roboto Medium", Arial, Verdana, sans-serif;
color: #7c838c;
font-size: 16px;
padding: 5px 0px 5px 0px;
line-height: 140%; }
#projetos .menu .submenu .item span {
background-position: 0px 7px; }
#projetos .menu .submenu .item:hover {
color: #646a71; }
#projetos .conteudo {
padding: 0px 0px 40px 0px; }
#projetos .conteudo h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 37px;
margin-bottom: 18px;
margin-top: 0px;
color: #B03558;
margin-bottom: 15px;
line-height: 120%; }
#projetos .conteudo h3 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 28px;
margin-bottom: 18px;
margin-top: 0px;
color: #7a1b3d;
line-height: 120%;
margin-bottom: 20px; }
#projetos .conteudo .issuuembed {
width: 117% !important;
height: 500px !important;
clear: both; }
#projetos .conteudo .issuu {
width: 100%;
height: 500px;
overflow: hidden; }
#projetos .conteudo p {
color: #7c838c;
font-size: 16px;
line-height: 135%;
margin-bottom: 15px; }
#rodape .siganos {
background: #B03558; }
#rodape .siganos ul li:first-child {
font-family: "Roboto Black", Arial, Verdana, sans-serif;
font-size: 20px;
margin-right: 26px; }
#rodape .siganos ul li:last-child {
margin-right: 0px; }
#rodape .siganos ul li {
display: inline-block;
color: #EAE6C3;
padding-top: 15px;
padding-bottom: 15px;
margin-right: 17px; }
#rodape .siganos ul li a {
color: #EAE6C3;
text-decoration: none;
margin-left: 8px; }
#rodape .siganos ul li a:hover {
color: #fff;
}
#rodape .siganos ul li a span {
font-family: "Icomoon", Arial, Verdana, sans-serif;
font-size: 25px;
margin-right: 8px;
margin-top: -5px;
float: left; }
#rodape .telefones-apadrinhar {
color: #FFF;
margin-top: 8px;
font-size: 15px;
margin-bottom: 9px; }
#rodape .telefones-apadrinhar .icon-phone {
font-family: "Icomoon", Arial, Verdana, sans-serif;
color: #FFF;
font-size: 32px;
float: left;
margin-right: 10px; }
#rodape .telefones-apadrinhar p {
line-height: 115%;
margin-top: 6px; }
#rodape .informacoes {
padding-bottom: 25px;
background: #7a1b3d; }
#rodape .informacoes .btn {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
float: left;
color: #FFF;
text-decoration: none;
margin-top: 10px;
background: #B03558;
padding: 10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; }
#rodape .informacoes h3 {
font-family: "Roboto Bold", Arial, Verdana, sans-serif;
font-size: 20px;
color: #FFF;
margin-top: 43px;
margin-bottom: 17px; }
#rodape .informacoes h4 {
font-size: 20px;
color: #d5d532;
margin-bottom: 16px; }
#rodape .informacoes p {
color: #FFF;
font-size: 14px;
line-height: 140%; }
#rodape .informacoes .numeros h3 {
margin-top: 43px; }
#rodape .informacoes .numeros ul li {
margin-bottom: 14px; }
#rodape .informacoes .numeros ul li span {
display: block;
width: 33px;
font-family: "Icomoon", Arial, Verdana, sans-serif;
color: #d5d532;
font-size: 33px;
float: left;
margin-right: 10px;
text-align: center; }
#rodape .informacoes .numeros ul li span.icon-earth {
font-size: 28px;
margin-top: 6px; }
#rodape .links {
padding-top: 26px;
padding-bottom: 26px;
font-size: 14px;
color: #fff;
background:#7a1b3d;
border-bottom: 12px solid #CCCC33; }
#rodape .links .grid-container {
position: relative; }
#rodape .links ul li {
margin-bottom: 10px; }
#rodape .links ul li a {
color: #fae4c5;
text-decoration: none; }
#rodape .links ul li a:hover {
text-decoration: underline; }
#rodape .links .grid-40 {
line-height: 140%;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 25px;
border-left: 5px solid #B03558; }
#rodape .links .lazuli {
bottom: 0px;
right: 0px;
width: 30px;
height: 36px;
position: absolute; }
table.lista {
font-size: 100%;
}
table.lista th {
font-size:110%;
color:#FFE6C3;
padding:8px 5px;
background:#7A1B3D;
}
table.lista td {
padding:5px;
}
table.lista tr.separador {
border-top:solid 1px #999999;
}
Input.busca, .btn-sacola {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: inline-block;
width: 167px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 14px 0px 14px 0px;
background: #7a1b3d;
color: #FFF;
border: 0px;
text-decoration: none;
font-size: 14px;
text-align: center;
cursor: pointer;
margin-left: 20px;
text-transform: uppercase;
}
.topbar {
background:#B03558;
padding:4px 0;
}
.logado {color:#fff; font-size:12px}
.btn-logado {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: inline-block;
width: 70px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 2px 0px 2px 0px;
background: #CCCC33;
color: #640000;
border: 0px;
text-decoration: none;
font-size: 11px;
text-align: center;
cursor: pointer;
margin-left: 50px;
text-transform: uppercase;
}
.btn-sacola:hover { background:#EAE6C3}
.btn-logado:hover {background:#EAE6C3; text-decoration:none}
@keyframes blink {
0% {
background: #ffb14b; }
50% {
background: #fd9000; }
100% {
background: #ffb14b; } }
@-webkit-keyframes blink {
0% {
background: #ffb14b; }
50% {
background: #fd9000; }
100% {
background: #ffb14b; } }
.blink {
-webkit-animation: blink 2.5s linear infinite;
-moz-animation: blink 2.5s linear infinite;
-ms-animation: blink 2.5s linear infinite;
-o-animation: blink 2.5s linear infinite;
animation: blink 2.5s linear infinite; }
.video-js { margin: 0 auto;}
/* HOTSITE */
#hotsite h1 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 34px;
color: #7a1b3d;
margin-top: 0px; }
#hotsite .centro {
text-align: center; }
#hotsite .logo {
width: 100%;
max-width: 240px; }
#hotsite hr {
border: 2px solid #e5e6e8; }
#hotsite .topo {
padding: 20px 0px 15px 0px; }
#hotsite .colaborar-wrapper {
position: relative; }
#hotsite .colaborar {
z-index: 50;
min-height: 499px;
position: fixed;
width: 340px;
font-family: "Roboto", Arial, Verdana, sans-serif;
background: #B03558;
color: #FFFFFF;
font-size: 14px;
margin-right: 10px;
padding: 21px 33px 12px 33px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#hotsite .colaborar h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 30px;
color: #FFF;
text-align: center;
margin-bottom: 16px; }
#hotsite .colaborar p {
text-align: center;
line-height: 140%; }
#hotsite .colaborar form {
width: 100%;
margin: 13px auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#hotsite .colaborar form label {
position: relative; }
#hotsite .colaborar form input[type=text], #hotsite .colaborar form select {
font-family: "Roboto", Arial, Verdana, sans-serif;
width: 100%;
border: 1px solid #007a45;
padding: 8px 16px 8px 16px;
margin: 0px 0px 14px 0px;
color: #1e1e15;
font-size: 14px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#hotsite .colaborar form input[type=checkbox] {
float: left;
margin-top: 1px;
margin-right: 5px; }
#hotsite .colaborar form .erro_input {
font-family: "Roboto", Arial, Verdana, sans-serif;
color: #FFF;
font-size: 11px;
right: 10px;
top: -17px;
position: absolute;
padding: 1px 4px 2px 4px;
background: #FF0000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px; }
#hotsite .colaborar form .borda_erro {
border: 1px solid #FF0000 !important; }
#hotsite .colaborar .colabore-seta {
width: 340px;
height: 37px;
bottom: -37px;
left: 0px;
position: absolute;
background: url("../img/colabore-seta.png") center center; }
#hotsite .colaborar .btn {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
display: block;
width: 167px;
margin: 18px auto 0px auto;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 12px 0px 12px 0px;
background: #7a1b3d;
color: #FFF;
border: 0px;
text-decoration: none;
font-size: 18px;
text-align: center;
cursor: pointer;
text-transform: uppercase; }
#hotsite .banner {
width: 100%;
height: 362px;
margin-bottom: 40px;
background: url("../img/banner_hotsite.jpg") #007a45 center center; }
#hotsite .banner .grid-50 {
padding-right: 0px; }
#hotsite .txt h2 {
font-family: "Hermes Bold", Arial, Verdana, sans-serif;
font-size: 25px;
color: #7a1b3d;
margin: 0px 0px 30px 0px; }
#hotsite .txt p {
font-family: "Roboto", Arial, Verdana, sans-serif;
font-size: 16px;
color: #7c838c;
margin-bottom: 22px;
line-height: 140%; }
#hotsite .barra-verde {
width: 100%;
height: 13px;
background-color: #B03558; }
#hotsite .barra-verde-escuro {
width: 100%;
height: 9px;
background-color: #7a1b3d; }
#hotsite .juntese {
width: 100%; }
@media screen and (max-width: 960px) {
#hotsite .colaborar-wrapper {
width: 100%;
position: relative;
left: 0px; }
#hotsite .colaborar {
width: 100%;
position: relative;
margin-bottom: 30px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px; }
#hotsite .colabore-seta {
display: none; }
#hotsite h1 {
margin: 0px 0px 30px 0px;
text-align: center; }
.conteudo .box-crianca .informacoes h3 {font-size:22px !important}
}
@media screen and (min-width: 961px) and (max-width: 1180px) {
#hotsite .colaborar {
width: 290px;
padding: 21px 10px 12px 10px;
right: -5px; }
#hotsite .colaborar .colabore-seta {
width: 290px; } }