header .categories{
                display:block !important;
            }
            header .container .header-info .date:before, header .container .header-info .temp-txt:before, header .container .header-info .level-txt:before, header .container .header-info .valor:before{
                width:0px;
            }
            header .icon-dollar{
                height:25px;
                margin-right:-10px;
                margin-top:-6px;
            }
            .search-icon.collapsed .texto, .search-icon .icone{
                display:none !important;
            }
            .search-icon .texto, .search-icon.collapsed .icone{
                display:block !important;
            }

            .is-sticky .social-share2{
                padding-top:15px;
            }
            .social-share2{
                display: flex;
                flex-flow: column;
                padding-right:15px;
            }
            .social-share2 description{
                text-align: center;
                padding-bottom: 7px;
                width: 120px;
                height: 100%;
                display: block;
                background-color: #3ba85f;
                color: #fff;
            }

            header .categories .menus .categories-item a{
                padding:10px 10px;
            }
            header .categories .menus .categories-item{
                vertical-align:top;
            }

            header .categories{
                display:block !important;
            }

            header .container{
                margin-bottom:15px;
                margin-top:10px;
            }
            header .container .header-logo{
                margin-top:0;
                margin-bottom:5px;
            }
            header .container .header-logo img{
                width: auto;
            }


            .logo-fixa{
                display:none;
                /*width:145px;*/
                width:125px;
                padding-top:2px;
            }
            .sociais{
                display:none !important;
                /*position:fixed;
                top:10px;
                right:10px;*/
            }

            .is-sticky .sociais {
                display: inline-block !important;
                width: 33px;
                text-align: center;
                margin-right: 10px; }
            .is-sticky .sociais a {
                text-decoration: none;
                transition: all 200ms; }
            .is-sticky .sociais a:hover {
                transform: scale(1.25); }
            .is-sticky .sociais i {
                color: #fff;
                font-size: 20px;
                display: block;
                width: 100%; }
            .is-sticky .sociais:last-of-type {
                margin-right: 0; }

            .is-sticky .logo-fixa, .is-sticky .sociais{
                display: block;
            }

            /* css abaixo movido de /res/app.cs */

            header .container {
                margin-bottom: 25px; }

            .temperature-forecast-box {
                position: absolute;
                display: inline-block;
                width: 300px;
                box-shadow: -1px 4px 12px #888888;
                height: 330px;
                padding: 5px 20px 20px 20px;
                background-color: #FFF;
                border-radius: 20px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                border: #7F7F7F solid 1px;
                z-index: 10;
                display: none; }
            .temperature-forecast-box:after {
                content: '';
                position: absolute;
                border-style: solid;
                border-width: 0 18px 23px;
                border-color: #FFFFFF transparent;
                display: block;
                width: 0;
                z-index: 1;
                top: -16px;
                left: 154px; }
            .temperature-forecast-box:before {
                content: '';
                position: absolute;
                border-style: solid;
                border-width: 0 15px 19px;
                border-color: #7F7F7F transparent;
                display: block;
                width: 0;
                z-index: 0;
                top: -19px;
                left: 157px; }
            .temperature-forecast-box .temperature-forecast-header {
                height: 150px;
                display: inline-block;
                width: 100%; }
            .temperature-forecast-box .temperature-forecast-header .temperature-forecast-column-icon {
                width: 35%;
                float: left; }
            .temperature-forecast-box .temperature-forecast-header .temperature-forecast-column-icon .icon {
                width: 100%;
                height: 100px; }
            .temperature-forecast-box .temperature-forecast-header .temperature-forecast-column-icon .icon img {
                width: 110px; }
            .temperature-forecast-box .temperature-forecast-header .temperature-forecast-column-icon .temperature {
                text-align: center; }
            .temperature-forecast-box .temperature-forecast-header .temperature-forecast-column-description {
                width: 60%;
                float: left; }
            .temperature-forecast-box .temperature-forecast-header .temperature-forecast-column-description .title {
                font-weight: 700;
                font-size: 20px;
                text-align: left;
                margin-bottom: 0; }
            .temperature-forecast-box .temperature-forecast-header .temperature-forecast-column-description .description {
                margin-top: 5px;
                font-weight: normal;
                font-size: 18px;
                text-align: left; }
            .temperature-forecast-box .temperature-forecast-body {
                display: inline-block;
                width: 100%;
                clear: both;
                margin-top: 15px; }
            .temperature-forecast-box .temperature-forecast-body h2 {
                width: 100%;
                font-weight: bold;
                margin: 0;
                font-size: 20px;
                text-align: center;
                margin-bottom: 10px; }
            .temperature-forecast-box .temperature-forecast-body ul {
                padding: 0;
                margin: 0 auto;
                position: relative;
                top: inherit;
                right: inherit; }
            .temperature-forecast-box .temperature-forecast-body ul li {
                width: 20%;
                list-style: none;
                text-align: center;
                margin: 0;
                float: left; }
            .temperature-forecast-box .temperature-forecast-body ul li label {
                width: 100%;
                text-transform: uppercase;
                display: inline-block;
                margin: 5px 0; }

            header {
                text-align: center; }
            header .container {
                max-width: 1180px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 10px;
                position: relative; }
            header .container ul {
                float: right;
                list-style: none;
                padding: 0;
                position: absolute;
                top: 12px;
                right: 10px; }
            header .container ul li {
                float: left;
                margin-right: 24px; }

            header .container ul li:last-child {
                margin-right: 0; }
            header .container .header-info {
                font-size: 0;
                margin-top: 10px;
                vertical-align: middle; }
            header .container .header-info span {
                font-size: 14px;
                color: #5a5a5a; }

            header .container .header-info .date:before, header .container .header-info .temp-txt:before, header .container .header-info .level-txt:before {
                margin: 0 5px;
                background-color: #5a5a5a;
                height: 14px;
                width: 1px;
                display: inline-block;
                vertical-align: middle; }
            header .container .header-info .valor:before {      
                margin: 0 2px 0 5px;
                background-color: #5a5a5a;
                height: 14px;
                width: 1px;
                display: inline-block;
                vertical-align: middle; }
            header .container .header-info .week {
                font-weight: 600;
                text-transform: uppercase;
                vertical-align: middle; }
            header .container .header-info .date {
                font-size: 14px;
                margin-right: 10px;
                vertical-align: middle; }
            header .container .header-info .temperature {
                position: relative;
                font-weight: 600;
                vertical-align: middle;
                margin-right: 10px; }
            header .container .header-info .nivel {
                position: relative;
                font-weight: 600;
                margin-right: 10px;
                vertical-align: middle; }
            header .container .header-info .dollar {
                vertical-align: middle;
                position: relative;
                font-weight: 600; }
            header .container .header-info .main-logo-weather {
                left:-11px !important;
                height: 33px;
                width: 33px;
                display: inline-block;
                position: absolute;
                top: -7px; }
            header .container .header-info .main-logo-weather.ceu-limpo {
                height: auto !important;
                left: -15px !important;
                top: -22px !important;
                width: 62px !important; }
            header .container .header-info .main-logo-weather.nublado {
                height: auto !important;
                left: -3px;
                top: -12px !important;
                width: 45px !important; }
            header .container .header-info .main-logo-weather.chovendo {
                height: auto !important;
                left: -9px;
                top: -16px !important;
                width: 50px !important; }
            header .container .header-info .main-logo-weather.tempestade {
                height: auto !important;
                left: -9px;
                top: -15px !important;
                width: 50px !important; }
            header .container .header-info .main-logo-weather.tenso {
                height: auto !important;
                left: -2px;
                top: -11px !important;
                width: 40px !important; }
            header .container .header-info .temperature {
                position: relative;
                cursor: pointer; }
            header .container .header-info .temp-txt {
                margin-left: 30px; }
            header .container .header-logo {
                display: inline-block; }
            header .container .header-logo img {
                display: inline-block; }
            header .container .social-network {
                right: auto;
                position: absolute;
                left: 0;
                margin: 0; }
            header .container .social-network li {
                float: left;
                width: 33px;
                text-align: center;
                margin-right: 10px; }
            header .container .social-network li a {
                display: block;
                text-decoration: none;
                transition: all 200ms; }
            header .container .social-network li a:hover {
                transform: scale(1.25); }
            header .container .social-network li i {
                color: #3ba85f;
                font-size: 24px;
                display: block;
                width: 100%; }
            header .container .social-network li:last-of-type {
                margin-right: 0; }
            header .container .network-content {
                margin: 0; }
            header .container .network-content #global-search {
                border: 1px solid #ccc;
                padding: 0 12px 0 35px;
                width: 190px;
                height: 32px;
                box-sizing: border-box;
                font-size: 14px;
                color: #909090;
                transition: all 400ms; }
            header .container .network-content #global-search:focus {
                border-color: #3ba85f;
                border-radius: 30px; }
            header .container .network-content li {
                margin-right: 10px; }
            header .container .network-content li:last-child {
                margin-top: 4px; }
            header .container .network-content a.search-icon {
                color: #3ba85f;
                font-size: 18px;
                position: absolute;
                left: 8px;
                text-decoration: none;
                top: 50%;
                transform: translateY(-50%); }
            header .container .network-content a.search-icon i {
                display: block; }
            header .sticky-wrapper .categories {
                margin-top: 0;
                z-index: 5 !important; }
            header .sticky-wrapper .categories .menus {
                margin: 0; }
            header .categories {
                background: #3ba85f;
                margin-top: 20px;
                display: none;
                position: relative; }
            header .categories ul {
                list-style: none;
                padding: 0; }
            header .categories .menus {
                list-style: none;
                padding: 0; }
            header .categories .menus .categories-item {
                display: inline-block;
                transition: .3s all; }
            header .categories .menus .categories-item a {
                padding: 10px 30px;
                text-decoration: none;
                text-transform: uppercase;
                color: #FFF;
                display: block;
                font-size: 14px; }
            header .categories .menus .categories-item:hover {
                background-color: rgba(255, 255, 255, 0.22); }
            header .categories .search {
                position: absolute;
                right: 10px;
                top: 8px;
                margin: 0; }
            header .categories .search li {
                float: left;
                width: 200px; }
            header .categories .search li a {
                text-align: center;
                float: left; }
            header .categories .search li input {
                background-color: transparent;
                float: left;
                width: 150px;
                text-align: right;
                border: none;
                color: #FFF;
                text-transform: uppercase;
                margin-right: 15px; }

            header > span {
                vertical-align: middle; }

            header .icon {
                vertical-align: middle; }

            header .icon-user {
                height: 20px;
                transition: all 200ms;
                display: none; }
            header .icon-user:hover {
                transform: scale(1.25); }
            header .icon-fb {
                width: 39px;
                height: 48px;
                transition: .3s all;
                fill: #3ba85f;
                display: none; }
            header .icon-fb use {
                transition: .3s all;
                color: #5a5a5a; }
            header .icon-fb:hover {
                transform: scale(1.1); }

            header .icon-search {
                width: 20px;
                height: 24px;
                fill: #3ba85f;
                transition: .3s all; }
            header .icon-search:hover {
                transform: scale(1.1); }

            header .icon-twitter {
                width: 34px;
                height: 41px;
                fill: #3ba85f;
                transition: .3s all;
                display: none; }
            header .icon-twitter:hover {
                transform: scale(1.1); }

            header .icon-linkedin {
                width: 41px;
                height: 48px;
                fill: #3ba85f;
                transition: .3s all;
                display: none; }
            header .icon-linkedin:hover {
                transform: scale(1.1); }

            header .icon-sol {
                width: 28px;
                height: 28px;
                fill: #FFC800; }

            header .icon-nivel {
                width: 25px;
                height: 25px; }

            header .icon-dollar {
                fill: #78ba95;
                height: 28px;
                margin-right: -4px;
                width: 28px;
                display: inline-block; }

            @media screen and (max-width: 767px) {
                header .network-content li:first-child {
                    float: right;
                    margin-right: 10px; }
                header .social-network{
                    display:none;
                }
                header .sticky-wrapper{
                    display:none;
                }
                header .container{
                    margin-bottom:0px;
                }
            }
            @media screen and (max-width: 1023px) {
                /*header .header-logo img {
                  margin-left: 126px !important; }*/ }

            @media (min-width: 1024px) {
                header .categories {
                    display: block; } }

            @media (min-width: 1024px) {
                header .icon-user {
                    display: block; } }

            @media (min-width: 1024px) {
                header .icon-fb {
                    display: block; } }

            @media (min-width: 1024px) {
                header .icon-twitter {
                    display: block; } }

            @media (min-width: 1024px) {
                header .icon-linkedin {
                    display: block; } }

            @media screen and (max-width: 1023px) {
                header .network-content li:first-child {
                    float: right;
                    margin-right: 10px; } }
            
            @media (max-width: 1180px) {
                header .container .header-info .main-logo-weather.nublado {
                    height: auto !important;
                    left: 15px !important;
                    top: 0px !important;
                    width: 45px !important; }
                header .container .header-info .main-logo-weather.ceu-limpo {
                    height: auto !important;
                    margin-left: -20px;
                    left: 15px !important;
                    top: 0 !important;
                    width: 62px !important; }
                header .container .header-info .main-logo-weather.chovendo {
                    height: auto !important;
                    left: 13px !important;
                    top: 0 !important;
                    width: 50px !important; }
                header .container .header-info .main-logo-weather.tempestade {
                    height: auto !important;
                    left: 13px !important;
                    top: 0 !important;
                    width: 50px !important; }
                header .container .header-info .main-logo-weather.tenso {
                    height: auto !important;
                    left: 11px !important;
                    top: 0 !important;
                    width: 40px !important; }
                header .container .header-info .temperature {
                    margin-left: -10px; } 
                header .container .header-info .date::before {
                    display: none !important; }
                header .container .header-info .main-logo-weather {
                    position: relative;
                    vertical-align: middle; }
                header .container .header-info .temp-txt {
                    margin-left: 0; }
                header .container .network-content {
                    display: none; }
                header .container .header-logo {
                    display: block;
                    /*padding-right: 15px;*/
                    text-align: center;
                    max-width: 100%;
                    width: 100%; }
            }
           

            @media screen and (max-width: 767px) {
                /*header .header-logo img {
                  margin-left: 126px !important; }*/
                .sticky-wrapper .social-share2{
                    display:none;
                }
                header .week {
                    display: none; }
                header .header-logo{
                    text-align:center;
                }
                header .header-logo img {
                    width: 200px;
                    text-align:center;} 
            }
           

            /* rules below moved from mw-style-mobile.css */
            
            @media only screen and (min-width: 768px) {
		/* for desktop */
		header .container .network-content{
			display: block;
		}
		.social-share2{
			display:none;
		}
	    } 
            @media only screen and (min-width: 600px) {
                /* for tablets */
                .header-info{
			margin-top:5px;
		}
            }
                header .categories{
			display:none;
		}
                header .container .network-content{
			display:block;
		}   
                
                .bt-search {
                color: #85b95c;
                right: 10px;
                position: absolute;
                top: 10px;
                margin: auto;
                border: none;
                padding: 0;
                background: none;
                cursor: pointer;
                border-radius: 4px;
                width: 50px;
                height: 50px;
                transition: 0.2s;
                z-index: 10;
            }