html,body{font-family:'Roboto', 'Helvetica', sans-serif;background:#FDFDFD}html:focus,body:focus{outline:none;-webkit-outline:none}.mdl-layout__content{padding-top:15px}.fffresco-logo{margin-left:20px;margin-top:20px;width:121px;height:25px}.img-wrapper-mobile{display:none}.mdl-layout__header-row{background-color:transparent !important}.mdl-layout__header{display:inline-block !important}.mdl-layout__header .mdl-layout__drawer-button{margin-top:10px}.mdl-layout__header .mdl-layout__drawer-button:focus{outline:none}.demo-avatar{width:48px;height:48px;border-radius:24px}.demo-layout .demo-header .mdl-textfield{padding-top:27px}.demo-layout .mdl-layout__header .mdl-layout__drawer-button{color:rgba(0,0,0,0.54)}.mdl-layout__drawer .avatar{margin-bottom:16px}.demo-drawer{border:none}.demo-drawer .mdl-menu__container{z-index:-1}.demo-drawer .demo-navigation{z-index:-2}.demo-drawer .mdl-menu .mdl-menu__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.demo-drawer-header{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:16px}.demo-avatar-dropdown{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%}.demo-navigation{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.demo-navigation.link-menu{overflow-x:hidden}.demo-layout .demo-navigation .mdl-navigation__link{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#757575;font-weight:500;font-size:12px}.demo-layout .demo-navigation .mdl-navigation__link:hover{background-color:transparent;color:#37474F}.demo-navigation .mdl-navigation__link .material-icons{font-size:24px;color:rgba(255,255,255,0.56);margin-right:32px}.demo-content{max-width:1080px}_:-ms-input-placeholder,:root .demo-graphs{min-height:664px}_:-ms-input-placeholder,:root .demo-graph{max-height:300px}.demo-graph:nth-child(1){color:#00b9d8}.demo-graph:nth-child(2){color:#d9006e}.feed-list{font-size:0;padding-right:50px}.feed-list li{display:inline-block;width:100%}.demo-cards{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.demo-cards .demo-separator{height:32px}.demo-cards .mdl-card__title.mdl-card__title{color:white;font-size:24px;font-weight:400}.demo-cards ul{padding:0}.demo-cards h3{font-size:1em}.demo-updates .mdl-card__title{min-height:200px;background-image:url("images/dog.png");background-position:90% 100%;background-repeat:no-repeat}.demo-cards .mdl-card__actions a{color:#F5F5F5;text-decoration:none}.demo-options h3{margin:0}.demo-options .mdl-checkbox__box-outline{border-color:rgba(255,255,255,0.89)}.demo-options ul{margin:0;list-style-type:none}.demo-options li{margin:4px 0}.demo-options .material-icons{color:rgba(255,255,255,0.89)}.demo-options .mdl-card__actions{height:64px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#view-source{position:fixed;display:block;right:0;bottom:0;margin-right:-5px !important;margin-bottom:5px !important;z-index:900}.mdl-layout__drawer{box-shadow:none}.mdl-layout__header{box-shadow:none}.mdl-color--grey-100{background-color:#FDFDFD !important;margin-top:-8px;padding-right:0px}figure#img-wrapper{transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1)}#tri-d-wrapper{position:absolute;height:100%;width:100%}#img-wrapper{display:inline-block;background:#fff;margin:0;position:relative;cursor:pointer;border-radius:0px;overflow:hidden;margin:9px 15px;height:215px;border:0px}#img-wrapper:hover{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}#img-wrapper img{width:100%;margin:0;height:215px;position:relative;display:block;-webkit-transition:.3s all ease;transition:.3s all ease;visibility:hidden}figcaption{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transition:.3s all ease;transition:.3s all ease}figcaption h2{margin-top:20px;color:white;font-size:13px;line-height:1.2;opacity:0;padding-left:0;padding-right:20px;font-weight:300}figcaption .bottom-detail{position:absolute;width:100%;bottom:0;top:88px;background:#f6f6f6;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition-property:transform !important;transition-property:transform !important;transition-duration:.70s !important;-webkit-transform-duration:.70s !important}.bottom-detail p{font-size:12px;opacity:0;margin-top:20px;padding-left:20px;padding-right:20px;color:#999;font-weight:300;line-height:1.5}.item-background{height:214px;overflow:hidden;width:100%;background-size:cover;background-position:top center;-webkit-border-radius:0px 0px 0 0}.source{display:none}.tag-source{color:rgba(252,252,252,0.76) !important;font-size:10px !important;right:15px;bottom:6px !important;margin-bottom:0 !important;margin-right:0 !important;display:block}.bottom-detail .tag-source{color:#999 !important;right:14px !important;position:absolute;top:69px !important;padding:0;display:block}.titulo{padding:0px 20px;color:#fff !important;background-color:rgba(2,2,2,0.64);height:100%;position:absolute;overflow:hidden;bottom:0;left:0;right:0;background:-moz-linear-gradient(top, rgba(40,40,40,0) 0%, rgba(40,40,40,0.4) 79%, rgba(40,40,40,0.65) 100%);background:-webkit-linear-gradient(top, rgba(40,40,40,0) 0%, rgba(40,40,40,0.4) 79%, rgba(40,40,40,0.65) 100%);background:linear-gradient(to bottom, rgba(40,40,40,0) 0%, rgba(40,40,40,0.4) 79%, rgba(40,40,40,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00282828', endColorstr='#a6282828', GradientType=0)}.titulo p{font-size:13px;line-height:18px;color:#FFFBFB;bottom:0px;position:absolute;margin-bottom:30px;margin-right:20px;text-shadow:1px 1px 5px #000}.titulo-viejo{padding:5px 20px;border-top:1px solid rgba(0,0,0,0.22) !important;background-color:white;height:55px;position:absolute;bottom:0;left:0;right:0}.titulo-viejo p{font-size:13px;line-height:18px;color:#757575;margin-bottom:0px}.demo-drawer-header{margin-top:-15px}.mdl-layout__drawer{width:225px;height:105%;max-height:105%;-webkit-transition-duration:0.3s !important;transition-duration:0.3s !important;-webkit-transition-property:transform !important;transition-property:transform}.demo-content{max-width:100%;padding-left:4px}.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{padding:9px 40px;width:100%}#popup{display:none}.overlay.no-visible{display:none !important}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);transition:opacity 500ms;display:block;opacity:1;z-index:8;width:100%;height:100%}.overlay .popup{margin:70px auto;padding:40px;background:#fff;border-radius:5px;width:50%;height:275px;position:relative;transition:all 5s ease-in-out;background:#fff}.overlay .popup .content{height:100%}.overlay .popup .btn-wrapper{position:relative;display:inline-block;flex-wrap:wrap;bottom:30px;float:right;margin-left:10px}.overlay .popup .btn.info{width:50%;display:inline-block;float:right}.overlay .popup a{padding:10px;text-decoration:none;cursor:pointer;text-transform:uppercase;font-weight:500;color:#757575;font-size:14px;letter-spacing:1px}.overlay .popup .btn.agree{width:30%;margin-left:50px;float:left;display:inline-block}.overlay .popup .btn.agree a{background:#f1f1f1;color:#3de58a;margin-right:50px;transition:.7s all ease}.overlay .popup .btn.agree a:hover{background:#3de58a;color:white}.overlay .popup .close{float:right;color:#f1f1f1;font-size:20px;margin-top:-35px;margin-right:-29px}.overlay .popup h4{font-size:28px;color:#000;font-weight:500;margin-top:20px;margin-bottom:30px}.overlay .popup p{color:#757575}.wrapper-alert{position:fixed;float:right;right:25px;bottom:0px;margin:0;width:27%;height:40px;background:#212121 !important;border-top-left-radius:3px;border-top-right-radius:3px;box-sizing:border-box;box-shadow:0px 0px 10px rgba(0,0,0,0.44);border:1px solid rgba(0,0,0,0.27);border-bottom:none}.wrapper-alert p{padding:12px 10px;font-size:13px;color:#3fe88b;-webkit-animation:fffresco 5s infinite linear;-moz-animation:fffresco 5s infinite linear;-o-animation:fffresco 5s infinite linear;animation:fffresco 5s infinite linear}#staffpick,#domestika,#brandemia,#criatura,#cuarentadefiebre,#behance,#dribbble,#fffffound,#graffica,#areavisual,#fubiz,#awwwards,#css-winner{transition:.7s all ease}#staffpick:hover,#staffpick:focus{color:#39eb94 !important}#domestika:hover,#domestika:focus{color:#F72700 !important}#graffica:hover,#graffica:focus{color:#000}#areavisual:hover #areavisual:focus{color:#000}#brandemia:hover,#brandemia:focus{color:#e1c62f !important}#criatura:hover,#criatura:focus{color:#9bd642 !important}#cuarentadefiebre:hover,#cuarentadefiebre:focus{color:#F5E504 !important}#behance:hover,#behance:focus{color:#0077FF !important}#dribbble:hover,#dribbble:focus{color:#EB4888 !important}#fffffound:hover,#fffffound:focus{color:#FF009A !important}#css-winner:hover,#css-winner:focus{color:#cf4949 !important}#awwwards:hover,#awwwards:focus{color:#3c948b !important}#fubiz:hover,#fubiz:focus{color:#bd5ee6 !important}.iconos-sitios{margin-right:15px;width:15px;margin-bottom:2px;border-radius:25px}.mdl-icon-toggle.is-checked .mdl-icon-toggle__label{color:#00FF4A;margin-right:8px !important;font-size:21px !important}.mdl-icon-toggle .mdl-icon-toggle__label{margin-right:8px;font-size:21px}.espacio-menu{margin-top:22px}.categoria{border-radius:8px;color:#6A6A6A;text-transform:none;margin-left:-20px;margin-right:20px;font-size:19px;font-weight:300;padding:0px 16px;margin-top:10px}.categoria:hover{background-color:transparent}.demo-drawer.mdl-layout__drawer{background-color:#FDFDFD !important}.wrapper-button{margin-top:15px;z-index:4;position:fixed;right:0;top:0px;-webkit-transition-duration:0.6s;transition-duration:0.6s;-webkit-transition-property:transform;transition-property:transform}#aside-btn{margin-right:18px;padding-right:0px;border-radius:50%;height:36px !important;width:36px !important;min-width:36px !important;padding:0px;border:2px solid #000;background-color:#FFF25C !important;color:#000 !important;font-family:'Roboto', 'Helvetica', sans-serif;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}#aside{position:fixed;height:100%;width:275px;right:0;top:0;background:#ececec;z-index:3;transform:translateX(275px);-webkit-transform:translateX(275px);-webkit-transition-duration:0.3s !important;transition-duration:0.3s !important;-webkit-transition-property:transform !important;transition-property:transform !important;color:#757575}#aside .bg-image{background-image:url("/images/modo-dia-fffresco.jpg");background-repeat:no-repeat;background-size:cover;height:104px;width:275px;display:block;position:absolute;right:0;top:0;cursor:pointer}#aside .menu-aside{position:absolute;top:104px;height:100%;width:100%;display:block}#aside .menu-aside ul{padding:0;margin:0}#aside .menu-aside ul li{border-top:1px solid #DCDCDC;padding:20px 30px;color:#757575;font-size:13px;list-style:none}#aside .menu-aside ul li a{cursor:pointer;color:#757575;font-size:13px;text-decoration:none;transition:.7s all ease}#aside .menu-aside ul li a span.nuevo{font-size:9px;letter-spacing:0px;margin-top:-1px;margin-left:3px;position:absolute}#aside .menu-aside ul li:first-child{border-top:none}#aside .menu-aside ul li a:hover{transition:.7s all ease;color:#39eb94 !important}#aside .menu-aside ul li .mdl-switch{display:inline;top:-5px;float:right;width:auto}#aside .menu-aside ul li .mdl-switch input{visibility:hidden}#aside .menu-aside ul li .mdl-switch .mdl-switch__thumb{top:5px;height:14px;width:14px;left:10px}#aside .menu-aside ul li .mdl-switch__track{background:rgba(0,0,0,0.26);position:absolute;left:7px;top:3px;height:19px;width:31px;border-radius:14px;cursor:pointer}#aside .menu-aside ul li .mdl-switch.is-checked .mdl-switch__thumb{left:22px}#aside .menu-aside ul li:last-child{border-bottom:1px solid #DCDCDC}#aside .modo-noche{width:100%;display:block;position:absolute;right:auto;height:30px;left:auto;text-align:center;top:115px;cursor:pointer}#aside .modo-noche span,#aside .modo-noche label:hover,#aside .modo-noche span:hover{cursor:pointer}#aside .modo-noche a,#aside .modo-noche a:hover,#aside .modo-noche a:focus,#aside .modo-noche a:visited,#aside .modo-noche a:active{color:black;cursor:pointer}#aside .modo-noche img{height:15px;margin-right:10px}#aside .modo-noche img:hover{cursor:pointer;height:15px;margin-right:10px}#aside.is-visible{transform:translateX(0px);-webkit-transform:translateX(0px);-webkit-box-shadow:-3px 0 55px rgba(0,0,0,0.3);box-shadow:-3px 0 55px rgba(0,0,0,0.3)}#aside.is-visible ~ .wrapper-button>#aside-btn{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-right:24px}#aside.is-visible ~ .wrapper-button{transform:translateX(-205px);-webkit-transform:translateX(-205px)}.mdl-ripple.is-animating{transition:transform 0.3s cubic-bezier(0, 0, 0.2, 1),width 0.3s cubic-bezier(0, 0, 0.2, 1),height 0.3s cubic-bezier(0, 0, 0.2, 1),opacity 0.6s cubic-bezier(0, 0, 0.2, 1)}.newsletter{top:31%;position:absolute;width:100%}.newsletter img{margin-top:30px;max-width:275px;margin-bottom:30px}.newsletter .btn-newsletter{text-align:center;margin:0 auto;position:absolute;width:100%}.newsletter .btn-newsletter button{border-radius:4px;border:2px solid #000;box-shadow:0px 6px 18px 7px rgba(0,0,0,0.08);background-color:#FFF25C !important;color:#000 !important;padding:3px 19px;font-family:'Roboto', 'Helvetica', sans-serif}.newsletter .btn-newsletter button:hover{cursor:pointer}.newsletter .btn-newsletter button:focus{outline:none;-webkit-outline:none}.wrapper-bottom{position:absolute;bottom:0;width:100%;left:0;right:0;text-align:center}.wrapper-bottom .text{font-size:9px;text-align:center;padding:0px 20px}.mdl-button:focus:not(:active){background-color:transparent !important}.mdl-button:hover{background-color:rgba(158,158,158,0.2);cursor:pointer}.mdl-layout__header-row{padding-right:0px;margin-top:10px}#popup{display:none}.overlay.no-visible{display:none !important}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);transition:opacity 500ms;display:block;opacity:1;z-index:8;width:100%;height:100%}.overlay .popup{margin:70px auto;padding:40px;background:#fff;border-radius:5px;width:50%;height:275px;position:relative;transition:all 5s ease-in-out;background:#fff}.overlay .popup .content{height:100%}.overlay .popup .btn-wrapper{position:relative;display:inline-block;flex-wrap:wrap;bottom:30px;float:right;margin-left:10px}.overlay .popup .btn.info{width:50%;display:inline-block;float:right}.overlay .popup a{padding:10px;text-decoration:none;cursor:pointer;text-transform:uppercase;font-weight:500;color:#757575;font-size:14px;letter-spacing:1px}.overlay .popup .btn.agree{width:30%;margin-left:50px;float:left;display:inline-block}.overlay .popup .btn.agree a{background:#f1f1f1;color:#3de58a;margin-right:50px;transition:.7s all ease}.overlay .popup .btn.agree a:hover{background:#3de58a;color:white}.overlay .popup .close{float:right;color:#f1f1f1;font-size:20px;margin-top:-35px;margin-right:-29px}.overlay .popup h4{font-size:28px;color:#000;font-weight:500;margin-top:20px;margin-bottom:30px}.overlay .popup p{color:#757575}.wrapper-alert{position:fixed;float:right;right:25px;bottom:0px;margin:0;width:27%;height:40px;background:#212121 !important;border-top-left-radius:3px;border-top-right-radius:3px;box-sizing:border-box;box-shadow:0px 0px 10px rgba(0,0,0,0.44);border:1px solid rgba(0,0,0,0.27);border-bottom:none}.wrapper-alert p{padding:12px 10px;font-size:13px;color:#3fe88b;-webkit-animation:fffresco 5s infinite linear;-moz-animation:fffresco 5s infinite linear;-o-animation:fffresco 5s infinite linear;animation:fffresco 5s infinite linear}body,.mdl-color--grey-100,#img-wrapper,figcaption .bottom-detail,.demo-layout .demo-navigation .mdl-navigation__link:hover,.demo-header.mdl-layout__header,#img-wrapper img{transition-duration:0.55s;-webkit-transition-property:background-color;transition-property:background-color}body.night-mode{background:#212121 !important;transition-duration:0.55s}body.night-mode .demo-layout,body.night-mode .mdl-color--grey-100{background-color:#212121 !important;transition-duration:0.55s}body.night-mode .titulo{transition-duration:0.55s;border-top:1px solid rgba(255,255,255,0.22) !important}body.night-mode #img-wrapper{background:#111}body.night-mode figcaption .bottom-detail{background:#111}body.night-mode .demo-layout .demo-navigation .mdl-navigation__link:hover{background-color:transparent;color:#FFFFFF !important}body.night-mode .mdl-navigation__link:focus{color:#FFFFFF !important}body.night-mode .demo-header.mdl-layout__header{background:transparent;transition-duration:0.55s}body.night-mode #aside-btn{color:#FDFDFD}body.night-mode .modo-noche a,body.night-mode .modo-noche a:hover,body.night-mode .modo-noche a:focus,body.night-mode .modo-noche a:visited,body.night-mode .modo-noche a:active{color:#757575 !important}body.night-mode #aside{background-color:#212121;-webkit-transition:background;-webkit-transition-duration:0.15s;transition:background;transition-duration:0.15s}body.night-mode #aside ul li{border-top:1px solid rgba(255,255,255,0.15)}body.night-mode #aside ul li:last-child{border-bottom:1px solid rgba(255,255,255,0.15)}body.night-mode #aside .bg-image{background-image:url("/images/modo-dia-fffresco.jpg") !important;transition-duration:0.05s}body.night-mode #aside .mdl-switch .mdl-switch__thumb{background:#3FE78B;left:22px !important}body.night-mode #aside .mdl-switch .mdl-switch__track{background:rgba(53,174,108,0.5)}body.night-mode #aside .btn-newsletter button{box-shadow:0px 6px 18px 7px rgba(255,242,92,0.07)}body.night-mode #img-wrapper:hover{box-shadow:0 2px 19px 5px rgba(0,0,0,0.38)}@media screen and (max-width: 784px){#img-wrapper{width:45%;background:#000 !important}}@media screen and (max-width: 653px){#img-wrapper{width:100%}#aside-btn{height:56px !important;width:56px !important}.feed-list{padding-left:0px !important;padding-right:30px !important}.logo-mobile.fffresco-logo{margin-left:-20px}.wrapper-button{bottom:20px;top:auto}#aside.is-visible ~ .wrapper-button{display:none}}@media (min-width: 1699px){.mdl-layout__container{position:relative;width:1500px;height:100%;margin:0 auto;position:fixed;padding-left:148px}.mdl-layout__container .wrapper-button{margin-left:1500px;right:auto}.mdl-layout__container #aside.is-visible ~ .wrapper-button{transform:translateX(-40px);-webkit-transform:translateX(-40px)}.feed-list{font-size:0;padding-right:0px !important;max-width:1100px;width:100%;min-width:100%}}@media screen and (min-width: 1025px){.demo-header.mdl-layout__header{background-color:transparent !important;height:20px;min-height:20px;background:-moz-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 )}.mdl-layout__header-row{display:inline-block;float:right}}@media (max-width: 1024px){.img-wrapper-mobile{display:block}#aside .wrapper-button{margin-right:11px}#aside .wrapper-button #aside-btn{margin-right:-5px}#aside.is-visible .wrapper-button{margin-right:11px}#aside.is-visible .wrapper-button #aside-btn{margin-right:14px}.mdl-layout__header-row{padding:0 16px 0 52px}.feed-list{padding-left:35px;padding-right:40px}.fffresco-logo{margin:auto}.demo-drawer-header img{display:none}}@media (max-height: 500px){.wrapper-bottom{display:none}}::-webkit-scrollbar{display:none}