/*------------------CSS Resets--------------*/
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, button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}
*:focus{outline:0}

/*GERAL*/
/*@font-face{font-family:'OpenSans';src:url('../fonts/OpenSans-Light.eot');src:local('../fonts/OpenSans-Light.ttf'),url('../fonts/OpenSans-Light.woff') format('woff'),url('../fonts/OpenSans-Light.ttf') format('truetype');font-weight:normal;font-style:normal}*/

/*@font-face{font-family:'OpenSansCondensed';src:url('../fonts/OpenSans-CondBold.eot');src:local('../fonts/OpenSans-CondBold.ttf'),url('../fonts/OpenSans-CondBold.woff') format('woff'), url('../fonts/OpenSans-CondBold.ttf') format('truetype');}*/
/*@font-face{font-family:'OpenSansExtraBold';src:url('../fonts/OpenSans-ExtraBold.eot');src:local('OpenSans-ExtraBold.ttf'),url('../fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');}
/*@font-face{font-family:'OpenSansRegular';src:url('../fonts/OpenSans-Regular.eot');src:local('../fonts/OpenSans-Regular.ttf'),url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype');}*/
ol, ul, li{list-style:none}
input, textarea, button, select{border-radius:0px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none}
b, strong{font-weight:bold}
a, a:hover{text-decoration:none}
img{max-width:100%}
html{background:#fff}
body{font:normal 1em 'Open Sans', trebuchet ms, sans-serif; font-weight:400;color:#000;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased;}
.hideText{text-indent:100%;white-space:nowrap;overflow:hidden; font-size:0;*display:none}
.hidden{display:none}
.mobile{display:none}
.nomobile{display:block}
.wrap{width:960px;margin:0 auto;display:table;position:relative}
.black{background:#000}
.op .brandAreaHp, .op .submenuBox, .op .highlightsHp, .op .donation, .op .content, .op .subFooter, .op .footer, .op .copyright{opacity:0.8}

/*Bold Font*/
.mobSubmLinkHp .title, .langLinks a, .sidebar .row .subTitle, .fbBox .title, .contactForm .title, .sidebar .title, .voltList .name, .filters li a, .strongTxt, .artigo p.strongTxt, .subtitleArtgSm, .subTitleArtg, .submenuLink, .footerBox .title, .footerBox .subTitle, .artigo .subTitle, .sectionHead .subTitle,.sectionHead .title, .artigo .bigTitle, .donation .title, .highlightsHp .change .subTitle, .highlightsHp .change .title, .brandAreaHp .item .userAuthor, .brandAreaHp .item .userAuthor, .brandAreaHp .item .info .title, .submenu li a, .lang ul li a, .menu ul li a, .highlightContent .title, .pageTitle, .footerItem .title, .tag, .postListItem .title, .author, .nrItemsComment .txt, .link{font:normal 1em 'Open Sans', trebuchet ms, sans-serif; font-weight:700; letter-spacing:-0.05em}
/*ExtraBold Font*/
.highLightArtPage .bigTitle, .submenuLink.btn, .bigBtn, .btn{font:normal 1em 'Open Sans', trebuchet ms, sans-serif; font-weight:900; letter-spacing:-0.05em}
/*Regular*/
.contactForm .selectList, p, .txt, .contactForm .field{font:normal 1em 'Open Sans', trebuchet ms, sans-serif; font-weight:400}
/*Regular Thin*/
.artigo p{font:normal 1em 'Open Sans', trebuchet ms, sans-serif; font-weight:400}

/*Header*/
.head, .highlightsHp{background:#ffaf00;width:100%;display:block}
.submenuBox{width:100%;display:table;background:#000;padding:14px 0px}
.pageTitle, .footerItem .title, .footerBox .title{display:block;color:#FFF;font-weight:bold;text-transform:uppercase;font-size:1.125em}
.pageTitle{float:left}
.logoRefood{float:left;margin:17px 9px 16px 9px}
.logoRefood a{width:232px;height:94px;display:block;overflow:hidden;background:url('../img/refood_logo.svg') center center no-repeat}
.no-svg .logoRefood a{width:250px;height:107px;display:block;overflow:hidden;background:url('../img/sprite_geral.png') 0px 0px no-repeat}
.menu{float:right;margin-top:46px}
.menu ul li{float:left;margin-right:15px}
.menu ul li:last-child, .lang ul li:last-child{margin-right:0%}
.menu ul li a{color:#FFF;text-transform:uppercase;font-size:1.25em;border:0px;transition:padding 0.6s;-moz-transition:padding 0.6s;-webkit-transition:padding 0.6s;-o-transition:padding 0.6s; font-family:'Open Sans Condensed', trebuchet ms, sans-serif;}
.menu ul li a:hover, .menu ul .selected a{color:#000;padding-bottom:6px;border-bottom:5px solid #000;transition:padding 0.6s;-moz-transition:padding 0.6s;-webkit-transition:padding 0.6s;-o-transition:padding 0.6s}
.lang{position:absolute;top:0px;right:0px}
.lang ul{float:left}
.lang ul li{float:left;margin-right:10px}
.lang ul li a{color:#fff;font-size:0.875em;padding-top:8px;display:block}
.lang ul li a:hover, .lang ul .selected a{border-top:3px solid #fff;padding-top:5px}

/*BrandareaHP*/
.brandAreaHp{display:block;overflow:hidden;width:100%}
.brandAreaHp .item{float:left;padding:2px 2px 0px 2px;background:#000}
.brandAreaHp .item a{position:relative;float:left;clear:left;overflow:hidden}
.dragging .item a{cursor:move}
.brandAreaHp .item .info{position:absolute;bottom:-250px;width:90%;padding:5%;background:#D40003;height:50%}
.brandAreaHp .item a img, .brandAreaHp .slideItemList iframe{display:block}
.brandAreaHp .item a:hover img{opacity:0.85}
.brandAreaHp .item a:hover .info{position:absolute;bottom:0px;width:90%;padding:5%;background:#D40003;height:50%}
.brandAreaHp .item .info .title{color:#FFF;font-size:1.25em;opacity:0;display:block;overflow:hidden}
.brandAreaHp .item a:hover .info .title{color:#FFF;font-size:1.25em;opacity:1}
.brandAreaHp .item .userAuthor{color:#FFF;font-size:0.875em;display:block;position:absolute;bottom:10px;left:12px;opacity:0;transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 5s;-o-transition:all 2s}
.brandAreaHp .item a:hover .userAuthor{opacity:1;transition:all 0.6s;-moz-transition:all 2s;-webkit-transition:all 2s;-o-transition:all 2s}
.brandAreaHp .item .userAuthor .company{color:#ffeabb;font-size:0.875em;display:block;text-transform:uppercase}
.brandAreaHp .item:first-child{padding-left:0px}
.brandAreaHp .item:last-child{padding-right:0px}
.brandAreaHp .slideItemList{width:2800px}
.brandAreaHp .slideItemList iframe{width:500px;height:280px}
.highlightsHp{padding:25px 0px}
.highlightsHp .change{float:left;width:30%;margin-right:2.6%}
.highlightsHp .change .subTitle{font-size:1.125em;color:#000;display:block;text-transform:uppercase}
.highlightsHp .change .title{line-height:25px;font-size:2.25em;color:#000;display:block;letter-spacing:-2px;font-family:'Open Sans Condensed', trebuchet ms, sans-serif;}
.highlightsHp .change .txt{margin:15px 0px;font-size:0.9375em;display:block;line-height:18px}
.btn{background:#000;min-width:120px;padding:9px 30px;text-align:center;color:#FFF;float:left;overflow:hidden;font-size:1.125em;text-transform:uppercase}
.btn:hover{background:#D40003}
.prjElem{float:left;margin-right:4.6%;width:30%}
.no-borderradius .prjElem{margin-right:3%}
.prjElem:last-child{margin-right:0%}
.prjElem .element{width:100%;float:left;text-align:center}
.prjElem .element:hover{margin-top:-2px}

.artigo .vol .icon{background:url('../img/user_hp.svg') center center no-repeat}
.artigo .busn .icon{background:url('../img/business_hp.svg') center center no-repeat}
.artigo .mus .icon{background:url('../img/museum_hp.svg') center center no-repeat}
.artigo  .vol .icon, .artigo .busn .icon, .artigo .mus .icon{ width:43px; height:42px;position:absolute; left:25px; top:13px}

.circle{width:90px;height:90px;border:10px solid #FFF;border-radius:80px;margin:0 auto}
.no-borderradius .circle{border:none;width:120px;height:106px}
.prjElem .circle .icon{width:50px;height:50px;display:block;margin:19px auto}
.no-svg .prjElem .circle .icon{width:117px;height:117px;display:block;margin:0px auto}
.highlightsHp .prjElem .vol .icon{background:url('../img/volunteers.svg') center center no-repeat}
.no-svg .prjElem .vol .icon{background:url('../img/sprite_geral.png') -89px -110px no-repeat}
.highlightsHp .prjElem .vol:hover .icon{background:url('../img/volunteers_w.svg') center center no-repeat}
.no-svg .prjElem .vol:hover .icon{background:url('../img/sprite_geral.png') -89px -233px no-repeat}
.highlightsHp .prjElem .busn .icon{background:url('../img/food_sources.svg') center center no-repeat}
.no-svg .prjElem .busn .icon{background:url('../img/sprite_geral.png') -220px -110px no-repeat}
.highlightsHp .prjElem .busn:hover .icon{background:url('../img/food_sources_w.svg') center center no-repeat}
.no-svg .prjElem .busn:hover .icon{background:url('../img/sprite_geral.png') -220px -235px no-repeat}
.highlightsHp .prjElem .mus .icon{background:url('../img/community.svg') center center no-repeat}
.no-svg .prjElem .mus .icon{background:url('../img/sprite_geral.png') -349px -110px no-repeat}
.no-svg .prjElem .mus:hover .icon{background:url('../img/sprite_geral.png') -349px -232px no-repeat}
.highlightsHp .prjElem .mus:hover .icon{background:url('../img/community_w.svg') center center no-repeat}



.prjElem .element .btn{margin-top:23px}
.prjElem .element:hover .btn{background:none;padding:0px;width:100%;color:#000;margin-top:8px}
.prjElem .element:hover .circle{background:#d40003}
.no-svg .prjElem .element:hover .circle{background:none}
.prjElem .element:hover .txt{color:#000;opacity:1;font-size:0.875em;letter-spacing:-1px;display:block;line-height:16px;width:105%}
.prjElem .element .txt{display:none;opacity:0}
.donation{display:block;width:100%;background:#d40003;padding:17px 0px;overflow:hidden}
.donation .title{margin-left:13%;float:left;line-height:40px;color:#ffaf00;font-size:1.00em;text-transform:uppercase}
.donation .yellow{color:#ffaf00}
.donation .white{color:#fff}
.donation .bikes {background:url('../img/bikes_hp.svg') 0px 0px no-repeat;position:absolute;top:-22px;left:-154px;width:258px;height:82px;overflow:hidden;text-indent:-999px}
.no-svg .donation .bikes{background:url('../img/bikes_bg_donation.png') 0px 0px no-repeat;width:278px;top:-18px}
.donation .btn{padding:9px 27px;float:right;background:#B40002;color:#fff}
.donation .btn:hover{background:#000}
.sectionHead{margin-bottom:5px}
.sectionHead p{font-size:0.875em}
.sectionHead .subTitle, .artigo .subTitle{font-size:1.125em;text-transform:uppercase;color:#000;margin-bottom:-9px;display:block}
.sectionHead .title, .artigo .bigTitle{font-size:2em;color:#000;text-transform:uppercase;font-family:'Open Sans Condensed', trebuchet ms, sans-serif}
.footerBox .sectionHead .subTitle{color:#fff}
.footerBox .sectionHead .title{color:#ffaf00;text-transform:none;margin-bottom:0px}
.footerBox .sectionHead {margin-bottom:0px}
.prjElementsList{float:right;width:67%}
.prjElementsList .btn{min-width:1px;width:100%;float:left;padding:9px 0px}

article.artigo .prjElementsList{margin:40px auto; float:none; width:80%}
article.artigo .prjElemBg{background-color:#ffaf00; padding:15px; overflow:hidden; margin-bottom:15px}
/*article.artigo .prjElemBg .circle{margin-bottom:20px}*/
article.artigo .prjElementsList p{ margin-bottom:10px}
article.artigo .prjElementsList .btn{ margin-top:20px; color:#fff; border:1px solid #ffaf00}
article.artigo .prjElementsList .btn:hover{background-color:#ffaf00}

/*submenu*/
.submenuBox .arrow, .footerBox .arrow, .itemList .icon, .arrowIcon{width:22px;height:17px;float:left;background:url('../img/arrow_subm.svg') 0px 0px no-repeat;margin:5px 40px 0px 40px}
.no-svg .submenuBox .arrow, .no-svg .footerBox .arrow, .no-svg .itemList .icon, .no-svg .arrowIcon{background:url('../img/sprite_geral.png') top right no-repeat;}
.no-svg .submenuBox .arrow{margin:5px 20px}
.submenu li {display:inline-block;margin-right:10px}
.submenu li:last-child {margin-right:0%}
.submenu li a{color:#ffaf00;font-size:1.125em;text-transform:uppercase;display:block}
.submenu li a:hover, .submenu .selected a{color:#fff}
.submenu.small{float:right}
.submenu.small li a{font-size:1em;letter-spacing:-1px;padding:2px 4px;margin-top:-1px;margin-bottom:-1px}
.submenu.small li a:hover, .submenu.small .selected a:hover{color:#000;background:#fff}
.submenuLink{font-size:0.94em;color:#959595;text-transform:uppercase;float:right}
.mobSubmLinkHp{float:right}
.mobSubmLinkHp .title{text-transform:uppercase;font-size:0.9375em;float:left;color:#959595}
.mobSubmLinkHp .arrow{margin:0px 0px 0px 8px;background:url('../img/arrow_subm_down.svg') 0px 0px no-repeat;height:23px;width:18px;float:right}


/*Brandarea*/
.brandArea{width:100%;display:block;overflow:hidden;background:url('../img/bg_slogan.svg') 0px -2px repeat-x #f7f7f7}
.no-svg .brandArea{background:url('../img/bg_slogan.png') 0px 0px repeat-x #f7f7f7}
.brandAreaHighlight{width:100%;display:block;overflow:hidden;background:#d40003;position:relative}
.brandAreaHighlight.grey{background:#efefef}
.all .highlightImg{width:100%}
.highlightImg{width:50%;float:left;height:267px;background-position:center center;background-image:url(../img/lixo1_brandarea.jpg)}
.map{width:100%;display:block;height:267px}
#map img{max-width:none}
.highlightContent{width:44%;padding:0% 3%;position:absolute;bottom:20px;right:0px}
.wButton .highlightContent{padding:0px 3%;position:static;background:#d40003;top:0px;right:0px;float:left}
.wButton .highlightContent .author{display:block;float:none}
.wButton .nrItemsComment, .wButton .highlightContent .nrItemsComment .txt{margin:0px}
.wButton .box{position:absolute;bottom:40%;margin:0px;right:0%;width:44%;padding:0% 3%}
.wButton .btn{position:absolute;bottom:20px;color:#000;background:#faaf1e}
.wButton .btn:hover{color:#fff;background:#000}
.highlightContent .title{color:#FFF;font-weight:bold;font-size:1.75em;letter-spacing:0px;line-height:32px}
.grey .highlightContent .title{color:#000}
.highlightContent .author, .highlightContent .nrItemsComment .txt{color:#ffeabb}
.highlightContent .authorUser a{color:#fff}
.content{width:100%;display:block}
.postListItem{width:31.3%;margin:0 3% 40px 0;float:left}
.hp .postListItem{margin:0 3% 0px 0}
.hp .postListItem.last{margin:0 0px 0px 0!important}
.postListItem:last-child, .postListItem.last{margin-right:0px}
.no-svg .postListItem.last{margin-right:0px!important}
.tagBox{display:block;overflow:hidden}
.tag{font-size:0.875em;color:#000;background:#ffaf00;padding:1px 6px 2px 6px;margin:0px 4px 4px 0px;float:left}
.tag:hover{color:#ffaf00;background:#000}
.postListItem .title{font-size:1.25em}
.author, .nrItemsComment{font-size:0.875em;color:#000;float:left}
.authorUser{display:inline-block}
.authorUser a{color:#d40003}
.nrItemsComment{margin-left:15px}
.nrItemsComment .icon{margin-top:4px;width:15px;height:15px;background:url('../img/comment.svg') 0px 0px no-repeat;float:left}
.nrItemsComment .txt{color:#000;margin-left:4px}
.postListItem .intro{width:100%;display:block;overflow:hidden;margin-top:15px;clear:left;float:left;font-size:0.875em;line-height:24px}
.postListItem .pic {background-position:center center;background-image:url('../img/lixo1_brandarea.jpg');height:167px;display:block;margin-bottom:6px;padding:5px}
.pic:hover{padding:0px;border:5px solid #FFAF00}
.postsHp{padding:20px 0px}
.news, .listsPage, .contactPage{display:table;padding:30px 0px;width:100%}
.subTitleArtg{font-size:1.5em;color:#000;margin-bottom:15px}
.linkBg, .strongTxt a{background:#ffaf00;color:#000;padding:0px 5px}
.linkBg:hover, .strongTxt a_hover{background:#000;color:#ffaf00;padding:0px 5px}


/*Partners*/
.partnersBox{width:100%;overflow:hidden;display:block}
/*.partnersListItems{width:2800px}*/
.partnersListItems .partnerItem{float:left;margin-left:10px; width:170px; height:130px}
.subFooter .wrap{display:block}

/*footer*/
.footer{background:#000;display:block;overflow:hidden}
.footerItem{float:left;width:32%;margin-right:2%;padding:20px 0}
.footerItem:last-child{margin-right:0%}
.footerItem .title, .footerBox .title{margin-bottom:10px}
.copyright{background:#ffaf00;display:block;overflow:hidden;padding:20px 0px 5px 0px}
.footer .authorUser a, .link{color:#ffaf00}
.footer .authorUser a:hover, .link:hover{color:#c28707}
.footer .author{color:#ffeabb}
.footerItem .col{width:48%;margin-right:10px;float:left}
.footerItem .col:last-child{margin-right:0%}
.subFooter{background:#f7f7f7;padding:30px 0px}
.subFooter .bigBtn{padding:12px 20px;background:#000;font-weight:bold;color:#FFF;text-transform:uppercase;margin:0 auto;overflow:hidden;display:block;width:260px;text-align:center}
.subFooter .bigBtn:hover{background:#D40003}
.footer .link{font-size:0.95em;display:block}
.copyright .note{float:left;clear:left;margin-top:12px;width:100%}
.copyright .note .txt, .ol .txt{font-size:0.65em;color:#000}
.social{float:left}
.social .title{float:left;text-transform:uppercase;color:#000;font-size:0.875em;margin-right:25px}
.social ul{float:left}
.social ul li{float:left;margin-right:15px}
.social ul li a{width:18px;height:18px;display:block;overflow:hidden}
.social ul li a:hover{opacity:0.7}
.social .rss{background:url('../img/rss.svg') 0px 0px no-repeat}
.social .fb{background:url('../img/facebook.svg') 0px 0px no-repeat}
.social .tw{background:url('../img/twitter.svg') 0px 0px no-repeat;width:22px}
.social .yt{background:url('../img/youtube.svg') 0px 0px no-repeat;width:49px}
.ol{float:right}
.ol .logo{float:right;margin-left:10px;background:url('../img/ol.svg') 0px 0px no-repeat;width:97px;height:20px}
.ol .txt{float:left;line-height:21px}
.footerBox{display:block;overflow:hidden;padding:30px 0px}
.footerBox:first-child{padding:30px 0px 0px 0px}
.footerBox .txt{width:30%;margin-right:3%}
.footerBox p{color:#fff;float:left;font-size:0.875em}
.footerCircles{float:left}
.footerCircles .element{float:left;*width:80px}
.footerCircles .circle{width:46px;height:46px;border:6px solid #FFF}
.no-svg .footerCircles .circle{border:none;width:70px;height:70px}
.footerBox .arrow{margin:18px 12px 0px 12px}
.circle .icon{width:31px;height:27px;display:block;margin:8px auto}
.food .icon{background:url(../img/food_footer.svg)0px 0px no-repeat;height:18px;margin-top:11px;width:30px}
.no-svg .food .icon {background:url(../img/sprite_geral.png) -96px -365px no-repeat;height:70px;margin-top:-10px;width:70px}
.no-svg .biker .icon {background:url(../img/sprite_geral.png) -204px -365px no-repeat;height:70px;margin-top:-10px;width:70px}
.no-svg .clutery .icon {background:url(../img/sprite_geral.png) -309px -365px no-repeat;height:70px;margin-top:-10px;width:70px}
.biker .icon{background:url(../img/biker_footer.svg)0px 0px no-repeat}
.clutery .icon{background:url(../img/clutery.svg)0px 0px no-repeat;height:29px;width:26px}
.footerBox .note{width:39%;margin:10px 31px 0px 48px}
.footerBox .btn:hover{color:#fff}
.bgYellow{color:#000;background:#FFAF00}
.bullets, .swiper-pagination{display:block;overflow:hidden;margin-top:10px}
.bullets li, .swiper-pagination .swiper-pagination-bullet{margin-right:8px;float:left}
.bullets li a, .swiper-pagination .swiper-pagination-bullet{width:18px;height:6px;background:#c6c6c6;text-indent:-999px;float:left;overflow:hidden; border-radius:0}
.bullets li a:hover, .bullets .selected a, .swiper-pagination .swiper-pagination-bullet:hover, .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000000}

/*Article page*/
.artigo{display:table;margin:30px 0px}
.artigo p{font-size:0.875em;margin-bottom:15px;width:100%;line-height:24px}
.artigo.big p, .artigo.medPlus p, .artigo.med p{font-size:1em}
.artigo.medPlus{width:61%;margin:0px 3% 20px 0px;float:left;*width:60%}
.artigo.med{width:48%;margin:0px 2% 20px 0px;float:left}
.artigo .near{margin-bottom:0px}
.articleSect{width:100%;display:table;margin-bottom:15px}
.articleSect:last-child{margin-bottom:0px}
.articleSect h3, .articleSect h4{margin-bottom:0px}
.itemList{margin-bottom:20px;display:block;overflow:hidden}
.itemList li .icon, .arrowIcon{margin:3px 10px 20px 0px;text-indent:-99px;overflow:hidden}
.itemList li{display:block;width:100%;margin-bottom:20px}
.itemList li p, .itemList li a{margin:0px;color:#000}
.subtitleArtgSm{font-size:1.125em;display:block;margin-bottom:10px}
.highLightArtPage{display:table;width:100%;margin:-30px 0px 0px 0px}
.highLightArtPage .element{float:left;width:33.3%}
.highLightArtPage .picture, .highLightArtPage .picture img{display:block;overflow:hidden;width:100%}
.highLightArtPage .info.grey{background:#5d5e5f;padding:20px 5% 0px 5%;display:block;overflow:hidden}
.highLightArtPage .info .txt{display:block;text-align:center;text-transform:uppercase;color:#FFF;font-size:1em}
.highLightArtPage .bigTitle{margin-bottom:15px;display:block;text-align:center;font-size:4.125em;color:#FFF;line-height:56px}
.highLightArtPage .info .txt.cYellow{color:#faaf1e}
.highLightArtPage .info .col{width:40%;float:left;margin-top:11px}
.highLightArtPage .info .col.big{width:53%;margin-right:7%;margin-top:0px}
.highLightArtPage .info .col .txt{text-align:left}
.highLightArtPage .info .bigNr{color:#FFF;font-size:3em;margin-bottom:10px;display:block;overflow:hidden}
.highLightArtPage .info .big .bigNr{text-align:right}
.strongTxt{display:block;margin-bottom:20px}

/*filters*/
.filters{width:100%;margin:20px 0px;display:table}
.filters li{float:left;margin:0px 7px 10px 0px}
.filters li:last-child{margin-right:0px}
.filters li a{color:#000;display:block;padding:1px 8px;background:#f7f7f7;text-transform:uppercase}
.filters li a:hover, .filters .selected a{background:#FFAF00}

/*volunteers*/
.voltList{display:table;width:100%}
.voltList li{float:left;margin-right:1.8%;min-height:240px;max-width:150px;min-width:100px;width:15.8%}
.voltList .name{font-size:0.9375em}

/*partners*/
.topPartners{display:table;width:96%;padding:10px 2%;background:#F7F7F7;margin:20px 0px 0px 0px}
.topPartners li{max-width:24%;margin-right:3%;vertical-align:middle;display:inline-block;*float:left}
.topPartners li:last-child, .topPartners li.last{margin-right:0px}
.topPartners li .elem{display:block;overflow:hidden}
.topPartners li .elem img{display:block;margin:0 auto}
.partnersNamesList{width:100%;margin-top:30px}
.partnersNamesList li{float:left;margin-right:2%;width:23%;margin-bottom:6px}
.partnersNamesList li .elem{padding:0px 7px;margin-left:-7px;float:left;color:#000}
.partnersNamesList li .elem:hover{background:#ffaf00}

/*Contact Page*/
.artigo.med .txt{margin-bottom:0px;color:#000}
.itemList.sm{margin-top:5px}
.itemList.sm li{margin-bottom:5px}
.itemList.sm li .icon, .sm .arrowIcon{margin:3px 10px 0px 0px}
.contactForm{float:right;width:46%;padding:20px 2%;background:#F7F7F7;min-height:250px}
.contactForm .title{font-size:1.5em;display:block;margin-bottom:6px}
.contactForm .sucessMsg{font-size:1.125em;color:#000}
.contactForm .row{display:block;margin-bottom:15px;position:relative}
.contactForm .row:last-child{margin-bottom:0px}
.contactForm label{display:block;color:#000;text-transform:uppercase;margin:0px 0px 3px 3px;font-size:0.875em}
.contactForm .field{display:block;width:96%;padding:6px 2%;color:#5a5a5a;border: 1px solid #dedede;overflow:hidden;background-color:#fff}
.contactForm .selectList{display:block;background:url('../img/select_arrow.svg') 88% 9px no-repeat #fff;cursor:pointer;width:112%;padding:0px;border:0px;color:#5a5a5a}
.no-svg .contactForm .selectList{background:url('../img/sprite_geral.png') 400px -111px no-repeat #FFF}
.contactForm .fieldTextarea{display:block;background:#fff;min-height:120px;resize:none;padding:10px 2.2%}
.contactForm .row .btn{margin:0 auto;float:none;display:block;cursor:pointer}
.contactForm .error .field{border:1px solid #DC9294}
.contactForm .error .errorMsg{display:block;position:absolute;top:0px;right:0px;font-size:0.875em;color:#D61013}
.errorMsg{display:none}
.fbBox{background:#000;padding:20px 0px;display:block;overflow:hidden}
.fbBox .title{color:#ffaf00;font-size:1.25em;display:block}
.fbBox .title a{color:#ffeabb}
.fbBox .title a:hover{color:#ffeabb}
.fbPost{width:46%;margin:20px 3% 0px 0px;float:left}
.fbPost:last-child{margin-right:0%}
.fbPost .pic{float:left;margin:0px 20px 0px 0px;max-width:110px}
.fbPost .pic:hover{border:0px}
.fbPost .txt{display:block;color:#FFF;font-size:0.8125em;margin:5px 0px 8px 0px}
.fbPost .title{float:left;color:#FFEABB;font-size:1.125em}
.fbPost .likeImg{margin:0px 9px;display:inline-block;line-height:24px;vertical-align:top}
.fbPost .nrLikes, .fbPost .comments .nr, .fbPost .likes .nr{font-size:0.75em;color:#fff;display:inline-block}
.fbPost .comments .nr, .fbPost .likes .nr{color:#c7c7c7}
.fbPost .stats{display:block;margin-top:5px}
.fbPost .comments, .fbPost .likes{float:left;margin-right:10px}
.fbPost .comments .icon, .fbPost .likes .icon{width:22px;height:20px;margin-right:6px;background:url('../img/fb_baloon.svg')0px 0px no-repeat;float:left;margin-top:5px}
.no-svg .fbPost .comments .icon{width:19px;height:20px;background:url('../img/sprite_geral.png') -423px -1px no-repeat}
.fbPost .likes{margin-right:0px}
.fbPost .likes .icon{background:url('../img/fb_like.svg')0px 0px no-repeat;width:15px;margin-top:1px}
.no-svg .fbPost .likes .icon{background:url('../img/sprite_geral.png') -404px -1px no-repeat}

/*cell page*/
.sidebar{float:right;width:36%;padding:0px}
.sidebar .cInfo{padding:20px 7%;margin-bottom:20px;width:86%;background:#F7F7F7;display:block;overflow:hidden}
.sidebar .title{font-size:1.5em;display:block;margin-bottom:6px}
.sidebar .row{display:block;margin-bottom:13px;overflow:hidden}
.sidebar .row .subTitle{font-size:1.125em;color:#000}
.sidebar .row p{margin-bottom:0px}
.sidebar .row .btn{margin:0px auto;display:block;float:none}
.sidebar .row a.txt{display:block;overflow:hidden;color:#000}
.sidebar .row .arrowIcon{margin-bottom:0px}

/*small Header*/
.smallHeader .head{position:fixed;z-index:999}
.smallHeader .logoRefood{margin:9px}
.smallHeader .logoRefood a{width:170px;height:66px}
.smallHeader .menu{margin-top:27px}
.smallHeader .menu ul li a{font-size:1em}
.smallHeader .lang{display:none}

/*no-svg*/
.no-svg .nrItemsComment .icon{background:url(../img/sprite_geral.png) -259px 0px}
.no-svg .ol .logo{background:url(../img/sprite_geral.png) -258px -17px;width:127px;height:27px}
.no-svg .social a{width:22px;height:22px}
.no-svg .social .fb{background:url(../img/sprite_geral.png) -257px -57px}
.no-svg .social .tw{background:url(../img/sprite_geral.png) -281px -57px}
.no-svg .social .yt{background:url(../img/sprite_geral.png) -308px -57px;width:44px}
.no-svg .social .rss{background:url(../img/sprite_geral.png) -357px -57px}
.no-svg .ol .txt{line-height:30px}

.postListItem .linkBg{float:left}
.cellBrandArea{background:#FFAF00}
.cellBrandArea .highlightContent{position:relative;float:left;padding:21px 3%;bottom:auto;right:auto;height:100%}
.cellBrandArea .subTitle{display:block;text-align:center;font:normal 1.35em 'Open Sans', trebuchet ms, sans-serif;text-transform:uppercase;color:#000;margin-bottom:-13px; font-weight:900}
.cellBrandArea .title{text-transform:uppercase;letter-spacing:-5px;font:normal 6.7em 'Open Sans', trebuchet ms, sans-serif;line-height:110px;color:#FFF; font-weight:900}
.cellBrandArea .title.sm{font:normal 3.5em 'Open Sans', trebuchet ms, sans-serif; font-weight:900}
.cellBrandArea .title.med{font:normal 5.4em 'Open Sans', trebuchet ms, sans-serif; font-weight:900}

.fb-like{margin:2px 0px -8px 9px;overflow:hidden}
.fbPost .postImg{float:left;min-height:150px}

/*bckoffice*/
.strongTxt, .artigo ul li{display:block;margin-bottom:20px;background:url('../img/arrow_subm.svg') 0px 3px no-repeat;padding-left:30px}
.strongTxt a {background:#FFAF00;color:#000;padding:0px 5px}


/*transições*/
/*Bg Color*/
.partnersNamesList li .elem, .partnersNamesList li .elem:hover, .filters li a, .filters li a:hover, .linkBg, .linkBg:hover, .prjElem .element:hover .circle, .prjElem .element .circle, .btn, .btn:hover, .footer .authorUser a, .link, .footer .authorUser a:hover, .link:hover .tag, .tag:hover, .subFooter .bigBtn:hover, .subFooter .bigBtn{transition:background 0.6s;-moz-transition:background 0.6s;-webkit-transition:background 0.6s;-o-transition:background 0.6s}
/*Bg Cover*/
.fbPost .comments .icon, .fbPost .likes .icon, .highlightImg, .menuIcon, .donation .bikes, .logoRefood a, .circle .icon, .postListItem .pic, .submenuBox .arrow, .ol .logo, .social .rss, .social .fb, .social .tw, .social .yt, .nrItemsComment .icon{background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}
/*Bg Contain*/
.brandArea{background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain}
/*All*/
.prjElem .element, .prjElem .element:hover, .brandAreaHp .item a:hover img, .brandAreaHp .item a img, .brandAreaHp .item a:hover .info .title, .brandAreaHp .item a .info .title, .brandAreaHp .item a:hover .info, .brandAreaHp .item a .info, .lang ul li a:hover, .lang ul li a{transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s}
/*Remove transition*/
.prjElem .element:hover .btn, .prjElem .element .btn{transition:all 0s;-moz-transition:all 0s;-webkit-transition:all 0s;-o-transition:all 0s}
/*Opacity*/
.prjElem .element .txt, .prjElem .element:hover .txt{transition:opacity 0.6s;-moz-transition:opacity 0.6s;-webkit-transition:opacity 0.6s;-o-transition:opacity 0.6s}



.videoHP{height:500px;position: relative;overflow:hidden}
.videoHP video{height:100%; width:100%;position:absolute; background-size:100% 100%; background-color:#000;top: 0px; left:0;min-width: 100%;min-height:100%;max-width:200%;width:100%;height:auto}
.videoFrame{background-color:rgba(0, 0, 0, 0); position:absolute;z-index:10; height:100%; width:100%;top:0; left:0; text-align:center;-webkit-transition: background-color 800ms ease; transition: background-color 800ms ease}
.videoText{top:30%; position:relative; color:#fff; max-width:460px;left:20%;opacity:0;-webkit-transition:opacity 800ms ease; transition:opacity 800ms ease}
.videoText p{ font-size:1em}
.videoText p span.videoTextTitle{display:block; font-size:2.4em; font-weight:bold; text-transform:uppercase; letter-spacing:-0.05em}
.videoText .btn{display:inline-block; float:none; margin-top:20px; display:none}
.videoText .btn:hover{color:#fff}
.showVideoText.videoFrame{background-color:rgba(0, 0, 0, 0.3)}
.showVideoText .videoText{opacity:1}
.showVideoText .videoText .btn{display:inline-block}
.playBtn{position:absolute; z-index:30; bottom:20px; right:20px; width:33px; height:31px;background:url(../img/img_video_control.png)0 0 no-repeat;cursor:pointer}
.playBtn.pausedBtn{background-position:-33px 0}


.textLine{text-align:center; margin-top:30px;font-size:1.125em;text-transform:uppercase;color:#000; font-weight:700}

.selectItem{-webkit-appearance:none;-moz-appearance:none;border:1;font-size: 0.875em;color: #000;text-transform: uppercase; font-weight:700; padding:0; font-family:Open Sans; height:40px;background:#FFF url("../img/select_arrow.svg") no-repeat scroll 99% 18px; padding-right:30px; width:auto; margin-top:10px;display:inline-block}
.selectItem option{font-weight:normal; font-size:0.6em; letter-spacing:0}


.submenuBox .selectItem{margin-top:0; margin-left:15px; height:28px; background-position:96% 10px}
.submenuBox .selectItem option{font-size:0.875em}



/*Ipad Horizontal | >770px<1030px largura*/
@media all and (min-width: 891px) and (max-width: 1030px){
.wrap{width:90%}
.footerBox .note{margin:10px 31px 0px 3%}
.donation .title{font-size:1em}
.donation .btn{padding:9px 17px}
.menu{width:66%}
.menu ul li{margin-right:10px}
.menu ul li a{font-size:1.115em}
.submenu li{margin-right:2%}
.submenu li a{font-size:1em}
.submenuBox .arrow{margin:3px 20px 0px 20px}
.topPartners li{max-width:22%}
}

/*Ipad Vertical | >770px<1030px largura*/
@media all and (min-width: 600px) and (max-width: 890px){
.wrap{width:90%}
.hp .postListItem{width:31%}
.postListItem {width:48%}
.logoRefood{width:100%}
.logoRefood a{margin:0 auto}
.footerBox{width:48%;float:left;margin-right:3%}
.footerBox:last-child{margin-right:0%}
.footerBox .txt{width:100%;margin-right:0%;margin-bottom:20px}
.footerBox .note {width:100%;margin:20px 0px}
.btn{font-size:1em}
.donation .title{width:42%;line-height:18px;margin-left:19%}
.hp .postListItem .pic{height:120px}
.postListItem .pic{height:167px}
.prjElementsList{width:100%;text-align:center;display:table;margin-top:20px;float:left}
.prjElem{width:30%}
.highlightsHp .change{width:100%}
.highlightsHp .change .txt{max-width:65%;float:left}
.highlightsHp .change .btn{margin-top:10px;float:right}
.menu{margin:20px auto;display:table;float:none}
.menu ul li{margin-right:20px}
.menu ul li a{font-size:1em}
.postListItem.last{margin-right:3%!important}
.postListItem.sec{margin-right:0%!important}
.hp .postListItem.sec{margin-right:3%!important}
.hp .postListItem.last{margin-right:0%!important}
.highLightArtPage .element{width:50%}
.highlightContent .title{font-size:1.25em;line-height:24px}
.wButton .btn{min-width:70px;padding:5px 10px;bottom:10px;font-size:0.875em}
.wButton .box{bottom:31%}
.partnersNamesList li{width:31.3%}
.partnersNamesList li a{font-size:0.875em}
.voltList li{min-height:200px}
.topPartners li, .topPartners li.last{max-width:22%;margin-right:2%}
.fbPost .postImg {min-height:110px}
.fbPost{width:96%}

.videoHP{height:330px}
.videoText{left:0; right:0; margin:0 auto}

}

/*iphone*/
@media all and (min-width: 200px) and (max-width: 599px){
.mobile{display:block}
.nomobile{display:none}
.geral{overflow-y:scroll;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch}
body{overflow-x:hidden}
.wrap{width:90%;overflow:hidden}
.head .wrap{width:90%;overflow:visible}
.postListItem, .footerItem{width:100%}
.postListItem .intro{font-size:0.8em;line-height:20px}
.ol{float:left;margin:20px 0px 0px 0px}
.author, .nrItemsComment{display:block;width:auto}
.highlightImg{width:100%}
.highlightContent {width:94%;position:relative;background:#D40003;padding:3%;float:left;bottom:auto;right:auto}
.highlightContent.grey{background:#efefef}
.grey .highlightContent .title{color:#000}
.highlightContent .title{font-size:1.2em;line-height:21px}
.highlightsHp .change{width:100%}
.highlightsHp .change .btn{padding:9px 7%;width:85%;text-align:center}
.prjElem{width:100%;margin-top:20px}
.prjElementsList{width:100%}
.prjElem .element .circle{width:70px;height:70px;float:left}
.prjElem .circle .icon{/*width:43px;height:43px;*/display:block;margin:10px auto}
.prjElem .element .txt, .prjElem .element:hover .txt{display:none}
.prjElem .element{padding:5px 0px 20px 0px;border-bottom:1px solid #000}
.prjElem .element:hover{margin-top:0px}
.prjElem .element:hover .circle{background:none}
.prjElem .vol:hover .icon{background:url('../img/volunteers.svg') center center no-repeat}
.prjElem .busn:hover .icon{background:url('../img/food_sources.svg') center center no-repeat}
.prjElem .mus:hover .icon{background:url('../img/community.svg') center center no-repeat}
.prjElem .element .btn, .prjElem .element:hover .btn {background:none;padding:20px 0px;width:68%;color:#000;margin-top:8px;float:right}
.donation .bikes{top:auto;left:-149px;height:68px;width:200px;bottom:-24px;z-index:1}
.donation .title{margin:0px 0px 10px 0px;line-height:20px;width:100%;text-align:center}
.donation .btn{display:block;float:none;width:80%;text-align:center;padding:9px 4%;margin:0px auto;z-index:20;position:relative;overflow:hidden}
.hp .postListItem .pic{width:46%;margin-right:4%;float:left;height:60px}
.hp .postListItem .title{font-size:0.9em;line-height:16px}
.postListItem .title {font-size:1em;line-height:20px}
.postListItem .linkBg .title {font-size:1.25em;line-height:30px}
.hp .postListItem {margin:0 3% 20px 0}
.sectionHead .title, .artigo .bigTitle{font-size:1.5em}
.sectionHead .subTitle, .artigo .subTitle{font-size:0.875em}
.footerBox .txt{width:100%;margin-bottom:10px;margin-right:0px}
.footerCircles{margin:0px auto;width:266px;float:none}
.footerBox .btn{margin:0 auto;float:none;padding:9px 6%;width:120px;display:block}
.footerBox .note{width:100%;margin:25px 0px;color:#FFAF00;font-weight:bold}
.logoRefood a{width:168px;height:68px}
.menuIcon{float:right;margin-top:27px;width:39px;height:34px;background:url('../img/menu.svg') 0px 0px no-repeat;text-indent:-99px;overflow:hidden}
.mobActive .menuIcon{background:url('../img/menu_selected.svg') 0px 0px no-repeat}
.menu{display:none}
.mobActive .menu{display:block;position:absolute;z-index:1000;background:url('../img/arrow_menuicon.svg')88% 4px no-repeat ;right:-5.5%;top:76px;margin:0px;width:74%}
.menu ul, .langLinks{padding:4% 20px;display:block;overflow:hidden;margin-top:14px;background:#000}
.langLinks{margin-top:-14px}
.menu ul li{margin:0;display:block;width:100%;text-align:right}
.langLinks a{float:right;color:#fff;font-size:1.125em;margin:10px 0px 0px 10px;line-height:40px}
.langLinks a:hover, .langLinks .selected{color:#FFAF00}
.menu ul li a, .menu ul li a:hover, .menu ul .selected a:hover, .menu ul .selected a{display:block;width:100%;border:none;color:#FFF;padding:6px 0px}
.menu ul .selected a, .menu ul .selected a:hover{color:#FFAF00}
.logoRefood{margin:12px 9px 10px 0px}
.menu ul .langMob{float:right;width:auto;margin-left:7%}
.submenu.small{position:absolute;display:none;top:52px;right:0%;width:100%;border-bottom:none;border-top:1px solid #FFAF00}
.submenu{position:absolute;top:53px;left:0px;background:#000;width:100%;z-index:9999;padding:10px 0px;border-bottom:1px solid #FFAF00}
.submenu li{float:left;padding:0px 5%;width:40%;margin:0px}
.submenu li a, .submenu.small li a{padding:15px 0px}
.submenu li a:hover, .submenu.small li a:hover{color:#FFAF00;background:#000}
.submenuBox{position:relative}
.submenuBox .wrap{position:initial}
.active.submenu.small{display:block}
.hp .submenu{display:none}
.hp .active.submenu{display:block}
.artigo{margin:10px 0px}
.artigo.big p, .artigo .itemList li a, .artigo.big .txt, .artigo.medPlus p, .artigo.med p, .sidebar p, .sidebar .subTitle{font-size:0.875em}
.highLightArtPage .element{width:100%}
.voltList li {margin-right:2%;min-height:230px;width:48%}
.filters li a{font-size:0.875em}
.subFooter .bigBtn{width:240px}
.wButton {background:none}
.wButton .box{position:relative;bottom:auto;right:auto;padding:3%;margin-bottom:10px;width:97%}
.wButton .btn{min-width:70px;padding:5px 10px;bottom:auto;font-size:0.875em;position:relative;float:left;margin:3%}
.partnersNamesList li{width:48%;margin-bottom:25px;min-height:28px}
.partnersNamesList li .elem{font-size:0.875em;line-height:14px}
.topPartners li{width:46%;max-width:none}
.highlightImg{width:100%}
.artigo.med, .artigo.medPlus{width:100%;margin-right:0%}
.contactForm{width:94%;padding:20px 4%}
.contactForm .title{font-size:1.25em}
.fbPost{width:100%;margin:30px 0% 0px 0px;float:left}
.fbPost .pic{margin:0px 20px 60px 0px}
.sidebar{width:100%}
.smallHeader .logoRefood a{width:130px;height:53px}
.smallHeader .menuIcon{margin-top:19px}
.fbPost .stats{display:none}
.news, .listsPage, .contactPage{padding:20px 0px}
.brandAreaHp .item a{width:176px}
.brandAreaHp .slideItemList iframe{width:320px;height:200px}
.brandAreaHp .slideItemList{width:3600px}
.brandAreaHp{overflow-x:scroll;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;background:#000}
.mobSubmLinkHp .title{margin-right:-3px;margin-top:2px;font-size:0.875em}
.hp .pageTitle{font-size:1em;letter-spacing:-1px}
.brandAreaHp .item.video a{width:auto}
.brandAreaHp .item.video a img{height:200px}

.videoHP{min-height:240px; padding-top:180px; background-color:#000; height:auto}
.videoHP video{height:180px; min-height:180px}
.videoFrame{ background-color:transparent}
.videoText {top:200px; padding:0 15px;left:0; right:0; margin:0 auto; opacity:1}
.videoText .btn{display:inline-block}
.videoText p{font-size:0.875em}
.videoText p span .videoTextTitle{font-size:2.20em; line-height:1em}
.playBtn {bottom:auto; top:140px; right:10px}


.fade5 {
-webkit-animation-name: reset, fade-in;
-webkit-animation-duration: 3.5s;
-webkit-animation-timing-function: ease-in;
-moz-animation-name: reset, fade-in;
-moz-animation-duration: 3.5s;
-moz-animation-timing-function: ease-in;
animation-name: reset, fade-in;
animation-duration: 3.5s;
animation-timing-function: ease-in;
}

.fade3 {
-webkit-animation-name: reset, fade-in;
-webkit-animation-duration: 2.9s;
-webkit-animation-timing-function: ease-in;
-moz-animation-name: reset, fade-in;
-moz-animation-duration: 2.9s;
-moz-animation-timing-function: ease-in;
animation-name: reset, fade-in;
animation-duration: 2.9s;
animation-timing-function: ease-in;
}

.fade2{
-webkit-animation-name: reset, fade-in;
-webkit-animation-duration: 1.9s;
-webkit-animation-timing-function: ease-in;
-moz-animation-name: reset, fade-in;
-moz-animation-duration: 1.9s;
-moz-animation-timing-function: ease-in;
animation-name: reset, fade-in;
animation-duration: 1.9s;
animation-timing-function: ease-in;}

.fade1 {
-webkit-animation-name: reset, fade-in;
-webkit-animation-duration: 0.9s;
-webkit-animation-timing-function: ease-in;
-moz-animation-name: reset, fade-in;
-moz-animation-duration: 0.9s;
-moz-animation-timing-function: ease-in;
animation-name: reset, fade-in;
animation-duration: 0.9s;
animation-timing-function: ease-in;}

@-webkit-keyframes reset {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes reset {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes fade-in {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes reset {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}