@font-face {
  font-family:'JosefinSans-Light';
  src: url('fonts/JosefinSans-Light.eot?#iefix') format('embedded-opentype'),
      url('fonts/JosefinSans-Light.woff') format('woff'),
      url('fonts/JosefinSans-Light.ttf')  format('truetype'),
      url('fonts/JosefinSans-Light.svg#JosefinSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'JosefinSans-Bold';
  src: url('fonts/JosefinSans-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/JosefinSans-Bold.woff') format('woff'),
      url('fonts/JosefinSans-Bold.ttf')  format('truetype'),
      url('fonts/JosefinSans-Bold.svg#JosefinSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

html{width:100%;height:100%}
body{width:100%;font-family:'JosefinSans-Light',sans-serif;font-weight:400;min-width:980px;font-size:22px;background:#bf0c43;
-webkit-font-smoothing:antialiased;}
h1,h2,h3{margin:0;font-weight:normal;}
b,strong{font-family:'JosefinSans-Bold',sans-serif;font-weight:normal;}
.aviso-browser{background:#f2f2f2;font-size:14px;padding:10px 0}
.aviso-browser .cont{background:#f2f2f2;line-height:25px}
.cont{width:950px;margin:0 auto}
::selection{color:#fff;background:#bf0c43;}
::-moz-selection{color:#fff;background:#bf0c43;}

h2{font-family:'JosefinSans-Bold',sans-serif;font-size:55px}
.wrap-page{padding:0 0 100px}
.wrap-header{background:#fff;border-bottom:solid 1px #ccc;
transition:all .2s;
}
.header{width:920px;margin:0 auto;overflow:hidden;padding:30px 0;
transition:all .2s;}
.header .logo{display:block;width:201px;height:82px;background:url(../images/logo.png) no-repeat;text-indent:-99em;overflow:hidden;float:left;
transition:all .2s;
}
.header .share{float:right;padding:10px 0}
.header .share a{display:inline-block;width:59px;height:59px;text-indent:-99em;overflow:hidden;margin-left:15px}
.header .share .ic-info{background:url(../images/ic_question.png)}
.header .share .ic-send{background:url(../images/ic_send.png)}

.section-innit{background:url(../images/bg1.jpg) center center no-repeat #fff;background-size:cover;padding:170px 0;overflow:hidden;}
.cont{width:920px;margin:0 auto}

.slogan{color:#bf0c43;text-align:right}
.slogan h2{margin:0;text-transform:uppercase;line-height: 56px;}
.slogan p{font-size:35px;}
.slogan .links{margin:15px 0;}
.slogan .links a{text-transform:uppercase;text-decoration:none;display:inline-block;padding:10px 30px;font-size:27px;border:solid 1px #bf0c43;color:#bf0c43;border-radius:30px / 30px;margin-right:15px}
.slogan .links a:hover{background:#bf0c43;color:#fff}

.share .links{margin:0;display:inline-block;}
.share .links a{text-transform:uppercase;text-indent:0;text-decoration:none;display:inline-block;padding:10px;font-size:20px;border:solid 2px #000;color:#000;border-radius:30px / 30px;margin-right:0;width:auto;height:auto}
.share .links a:hover{background:#000;color:#fff}

.section-porque-doar{border-top:solid 5px #bf0c43;background:url(../images/bg2_1.jpg) center center no-repeat #fff;background-size:cover;color:#000;overflow:hidden;background-attachment:fixed;}
.section-porque-doar .white-mask{
  background:rgba(0,0,0,0.2);
  padding:60px 0;color:#fff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.2)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );
}
.section-como-doar{background:#fff;color:#127a97;padding:100px 0}
.section-como-doar ul{list-style:none;padding:0;margin:0;}
.section-como-doar ul li{font-family:'JosefinSans-Bold',sans-serif;background:url(../images/seta.png) left top no-repeat;padding-left:25px;margin-top:20px}
.section-como-doar .steps{text-align:center;margin:40px 0}
.section-como-doar .steps img{display:inline-block;margin:0 10px;}

.section-onde-doar{background:#fff;padding:100px 0;}
.section-onde-doar .wrap-map{height:670px;margin:30px 0}
#map_canvas{width:100%;height:100%}
.section-onde-doar .contactos{font-family:'JosefinSans-Bold',sans-serif;}
.section-onde-doar .contactos a{color:#127a97;}

.section-faq{background:#fff;}
.section-faq .cont{position:relative;}
.section-faq .ilustracao{position:absolute;right:0;top:-100px;}
.list-faqs{margin:0;list-style:none;padding:50px 0;}
.list-faqs li{margin-top:40px}
.list-faqs li:first-child{margin:0;}
.list-faqs .question{color:#000;text-decoration:none;font-size:26px;font-family:'JosefinSans-Bold',sans-serif;display:block;position:relative;}
.question:hover{color:#bf0c43}
.list-faqs .question span{background:url(../images/seta_faqs.png) top left;display:block;width:38px;height:40px;position:absolute;right:0;top:0;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;}
.list-faqs .answer{display:none;}
.list-faqs .answer p{margin:0;padding:20px 0}
.list-faqs li.open .question{color:#bf0c43}
.list-faqs li.open .question span{background-position:bottom left}
.goTop{display:block;width:89px;height:89px;background:url(../images/bt_top.png);position:fixed;right:20px;bottom:20px;display:none;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;}
.goTop:hover{bottom:30px;}


.overlay{background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:100;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
}
.wrap-form{background:#F9BA15;width:630px;margin:100px auto;padding:20px 40px}
form .field{position:relative;margin-bottom:15px;z-index:10}
form .field .label{color:#000;font-size:20px;position:absolute;top:0;left:20px;height:100%;line-height:60px;text-transform:uppercase;}
form .field input{height:60px;padding:0 20px;width:100%;box-sizing:border-box;background:none;border:solid 1px #fff;border-radius: 30px / 30px;}
    .ie8 form .field input{line-height:60px}
input:focus{outline:0;}
form .bts{text-align:right;margin: 50px -15px 0;}
form .bts button{display:inline-block;background:none;border:none;color:#fff;font-size:26px;padding:10px 20px;margin:0 15px;outline: 0;}
form .bts button + button{border:solid 1px #fff;text-transform:uppercase;position:relative;border-radius: 30px / 30px;}
form .bts button + button::before{content:"|";display:block;color:#fff;position:absolute;left:-35px}
form .bts button:hover{color:#000}
form .bts button + button:hover{background:#fff;color:#000}
form .field.error input{border-color:#bf0c43}
.erros p{color:#bf0c43;padding:0 25px;}
.maskwhite{background:url(../images/maskwhite.png) no-repeat;position:absolute;width:920px;height:100%;top:0;right:-100px;}

.fix-header{padding-top:110px}
.fix-header .wrap-header{position:fixed;width:100%;top:0;left:0;box-shadow:0 0 10px #000;z-index:10;}
.fix-header .wrap-header .logo{width:100px;height:41px;background:url(../images/logo_2.png);margin:25px 0 0}
.fix-header .wrap-header .header{padding:0}