Untitled
unknown
plain_text
3 years ago
45 kB
3
Indexable
* { padding: 0; margin: 0; } body, p { font-family: 'Rubik', sans-serif !important; color: #4a4a4a !important; font-weight: 300 !important; letter-spacing: 1px; } a:hover { text-decoration: none !important; } .container { max-width: 1200px !important; } nav { width: 100%; } ul.dropdown-menu.show { background: #FFF !important; border: none; } ul.dropdown-menu.show li a { color: #272727; } ul.dropdown-menu.show li a:hover { color: #0cbbb5 } ul.navbar-nav.ml-auto li { margin: 5px 10px; } ul.navbar-nav.ml-auto li { margin: 5px; } li.dropdown { margin-top: 0.8em !important; } li.dropdown a { color: #FFF; } li.dropdown a:hover { text-decoration: none; } .imgfluid img { width: 100%; } ul.dropdown-menu.show { background: none; } a.nav-link:hover { color: #00bbb5; } .sticky { position: fixed; top: 0; background: #0cbbb5; transition: .2s; width: 100%; box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%); z-index: 9999; } .sticky a.nav-link { color: #FFF; } .bt_bb_section { position: relative; } .bt_bb_section .bt_bb_section_bottom_section_coverage_image { bottom: -1px; position: absolute; right: 0; left: 0; pointer-events: none; z-index: -1; } a.nav-link { color: #FFF; cursor: pointer; } /* Color Sections */ .bt_bb_color_scheme_1 { color: #181818; background-color: #f7f7f5; padding: 4em 0; position: relative; z-index: 0; } .bt_bb_color_scheme_2 { color: #181818; background-color: #f7f7f5; position: relative; z-index: 0; } /* Spacing */ .spacing_normal { margin-bottom: 2em; } .spacing_medium { margin-bottom: 4em; } /* tipografia */ .contpageral h2 { font-size: 3em; } .contpageral h1, .contpageral h2, .contpageral h3, .contpageral h4, .contpageral h5, .contpageral h6 { clear: both; padding: 0 0 .1em; line-height: 1.2; margin: 0; font-weight: 600; color: #424242; } /* ul / li */ ul.withmark { margin: 0; padding: 0; } ul.withmark li { list-style: none; margin-bottom: 1em; } ul.withmark li:before { content: "\f046"; font-family: FontAwesome; margin-right: 10px; color: #0B817D; font-size: 1.5em; } .subheadline { font-size: 1.4375em; margin-top: 1.2em; line-height: 1.4; } .erro404 { position: relative; z-index: -1; color: rgb(255, 255, 255); background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: top center; padding-top: 35px; margin-top: -85px; text-align: center; } .erro404 .titpage { display: table; text-align: center; width: 100%; } .erro404 h1 { display: table-cell; vertical-align: middle; font-size: 6em; font-weight: 600; padding: 2em 0 4em 0; width: 100%; } .erro404 .titpage h1 a { background: #00bbb5; border: 2px solid #00bbb5; height: 50px; color: #FFF; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0 187 181 / 50%); transition: .3s; line-height: 50px; text-align: center; margin: 0 auto; cursor: pointer; display: table; padding: 0 30px; font-size: 17px; cursor: pointer; } .erro404 .titpage h1 a:hover { background: none; border: 2px solid #00bbb5; color: #00bbb5; box-shadow: none; } .bread { position: relative; z-index: -1; color: rgb(255, 255, 255); background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: top center; padding-top: 35px; margin-top: -85px } .bread:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 1) 100%); content: ""; pointer-events: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .bread .titpage { display: table; } .bread h1 { display: table-cell; vertical-align: middle; font-size: 6em; font-weight: 600; padding: 2em 0 4em 0; } .breadhome { position: relative; z-index: -1; color: rgb(255, 255, 255); background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: left; padding-top: 35px; margin-top: -85px } .breadhome:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 1) 100%); content: ""; pointer-events: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .breadhome .titpage { display: table; text-align: right; } .breadhome .header01 { display: table-cell; vertical-align: middle; font-size: 6rem; font-weight: 600; padding: 2em 0 4em 0; } .breadhome .header01 p { font-size: 1.625rem; font-weight: 400; margin-top: .5em; line-height: 1.4; color: #FFF !important; } .breadparallax { position: relative; z-index: -1; color: rgb(255, 255, 255); background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: top center; padding-top: 35px; } .breadparallax:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 1) 100%); content: ""; pointer-events: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .breadparallax .titpage { display: table; text-align: right; line-height: 100px; } .breadparallax .titpage1 { display: table; text-align: left; line-height: 100px; } .breadparallax .header01 { display: table-cell; vertical-align: middle; font-size: 6rem; font-weight: 600; padding: 5em 0 4em 0; } .breadparallax .header01 p { font-size: 1.625rem; font-weight: 400; margin-top: .5em; line-height: 1.4; color: #FFF !important; } .float01 { position: absolute; top: -13px; left: 14px; } .float02 { position: absolute; top: 10px; left: 0; } .float03 { position: absolute; top: 16px; right: 0; } .float04 { position: absolute; bottom: 0; left: 13px; z-index: 9999; } .float05 { position: absolute; top: -2px; left: 23px; z-index: 9999; } .float06 { position: absolute; top: -5px; left: 53px; z-index: 9999; } .float07 { position: absolute; bottom: -6px; left: 8px; z-index: 9999; } .float08 { position: absolute; top: -5px; right: 53px; z-index: 9999; } .float09 { position: absolute; top: -2px; right: 463px; z-index: 9999; } .float10 { position: absolute; bottom: -6px; right: 208px; z-index: 9999; } .contpageral { position: relative; } .bottom-01 { position: absolute; right: 0; left: 0; pointer-events: none; z-index: -1; bottom: -1px; } .bottom-02 { position: absolute; right: 0; left: 0; pointer-events: none; z-index: 2; bottom: -1px; } .bottom-03 { position: absolute; right: 0; left: 0; pointer-events: none; z-index: 0; bottom: -1px; } .bottom-04 { position: absolute; right: 0; left: 0; pointer-events: none; z-index: 2; top: -1px; } .contpage { padding-top: 4em; } /* login */ .login .tab-pane { border-radius: 0 5px 5px 5px; padding: 40px 0; margin-bottom: 30px; } .login ul { margin: 0 !important; } .login form .form-row { margin: 0 0 1em; } .login form label { color: #0B817D } .login form .form-row label, .formcont label { display: block; margin-bottom: .5em; } fo.login formrm .form-row .required { color: red; font-weight: 700; border: 0; } .login form input, .formcont input, .formcont textarea, .formcont select { outline: none; font: inherit; line-height: 1; width: 100%; display: block; background: transparent; color: inherit; border-radius: 0; padding: .3em 1.2em !important; border-bottom: 2px solid #0CBBB5; border-top: 0; border-left: 0; border-right: 0; margin-bottom: 10px; width: 100%; height: 30px; } select.custom-select.ng-pristine.ng-invalid.ng-touched, input.ng-pristine.ng-invalid.ng-touched, input.ng-dirty.ng-touched.ng-invalid { outline: none !important; font: inherit !important; line-height: 1 !important; width: 100% !important; display: block !important; background: transparent !important; color: inherit !important; border-radius: 0 !important; padding: .3em 1.2em !important; border-bottom: 2px solid #FF0000 !important; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; margin-bottom: 10px !important; width: 100% !important; height: 30px; } .formcont input { margin-bottom: 20px; } .login form span.password-input { outline: none; width: 100%; line-height: 1; width: 100%; display: block; } .login form button, .formcont button, .butgeralcenter { background: #00bbb5; border: 2px solid #00bbb5; height: 50px; color: #FFF; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0 187 181 / 50%); transition: .3s; line-height: 50px; text-align: center; margin: 0 auto; cursor: pointer; display: table; padding: 0 30px; } .butgeral { background: #00bbb5; border: 2px solid #00bbb5; width: 226px; height: 50px; color: #FFF; border-radius: 5px; box-shadow: 5px 5px 10px rgb(0 187 181 / 50%); transition: .3s; line-height: 50px; text-align: center; cursor: pointer; } .login form button:hover, .formcont button:hover, .butgeral:hover, .butgeralcenter:hover { background: none; border: 2px solid #00bbb5; color: #00bbb5; box-shadow: none; } .form { display: flex; flex-direction: column; } .checkbox-container { display: flex; } .rememberme input#html_news { width: 20px; margin-top: 5px; } .rememberme label { margin-left: 7px; } .login form a, form a:hover { color: #00bbb5; text-decoration: none; } .login form .col-lg-12, .login form .col-lg-6 { margin-bottom: 20px; } .esqpass { cursor: pointer; } .modal-content { margin-top: 40%; padding: 40px; } button.butclose.close { position: absolute; right: 0; top: 20px; right: 20px; } form.lost_reset_password.ng-untouched.ng-pristine.ng-invalid, form.lost_reset_password.ng-pristine.ng-invalid.ng-touched { text-align: center; } .ng-invalid.ng-touched[_ngcontent-ibj-c107]:not(form) { border-bottom: 2px solid #FF0000; } .polpri a, .polpri a:hover { color: #0B817D !important; text-decoration: underline !important; } .contact .headline { font-size: .75rem; margin-bottom: 1.1em; text-transform: uppercase; letter-spacing: 1px; display: block; } .contact h2 { font-size: 2.75rem; font-weight: 400; line-height: 1.2; color: #057485; margin: 40px 0px; } .contact .right { background: #F7F7F5; padding: 60px; } ul.socialcontact { padding: 0; margin: 0; } ul.socialcontact li { list-style: none; display: inline-block; } ul.socialcontact li a { margin-right: 13px; background: #057485; border-radius: 50px; width: 50px; height: 50px; display: block; text-align: center; line-height: 45px; color: #FFF; margin-top: 10px; font-size: 20px; border: 2px solid #057485; transition: .3s; } ul.socialcontact li a:hover { background: none; color: #057485; border: 2px solid #057485; } ul.socialcontact li { list-style: none; display: inline-block; } h3.cabpage { font-size: 2.75rem; text-align: center; } .subcabpage { font-size: 1.4375rem; margin-top: 1.2em; text-align: center; margin-bottom: 4em; } img.svgbggreen { filter: invert(65%) sepia(47%) saturate(4013%) hue-rotate(135deg) brightness(93%) contrast(91%); } img.svgbgdarkgreen { filter: invert(21%) sepia(74%) saturate(5990%) hue-rotate(170deg) brightness(99%) contrast(91%); } img.svgbgdarkgreen2 { /* filter: invert(21%) sepia(74%) saturate(5990%) hue-rotate(170deg) brightness(99%) contrast(91%); */ opacity: 0.3; } img.svgbgwhite { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(235deg) brightness(300%) contrast(107%); } /* Latest posts */ .bt_bb_latest_posts { align-items: stretch; margin-bottom: 30px; } .bt_bb_latest_posts a { color: #424242; font-weight: 500; } h5.bt_bb_latest_posts_item_title a { color: #FFF !important; } .bt_bb_latest_posts .bt_bb_latest_posts_item_even:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; border-radius: 10px; transition: all 300ms ease; } .bt_bb_latest_posts .bt_bb_latest_posts_item_even:hover:before { opacity: 1; box-shadow: 0 7px 30px -10px rgb(133, 153, 162, .5); } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_inner { position: relative; overflow: hidden; border: 1px solid #ededed; background: #fff; border-radius: 10px !important; width: 100%; } .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image img { display: block; max-width: none; width: 100%; } .bt_bb_latest_posts .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_image img { transform: scale3d(1.05, 1.05, 1.05); } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image img { transition: transform 650ms ease-in-out, filter 650ms ease-in-out; } .bt_bb_latest_posts .bt_bb_latest_posts_item:hover .bt_bb_latest_posts_item_image a { transform: scale3d(1.05, 1.05, 1.05); } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image { margin-bottom: 0; min-height: 450px; } .btSoftRoundedButtons .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image { border-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btHardRoundedButtons .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image { border-radius: 10px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .bt_bb_latest_posts_item_image_hover { width: 100%; height: 282px; overflow: hidden; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image a { transition: transform 650ms ease-in-out, filter 650ms ease-in-out; } .bt_bb_latest_posts_item_image:hover { transform: scale3d(1.05, 1.05, 1.05); transition: transform 650ms ease-in-out, filter 650ms ease-in-out !important; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image:after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 1) 100%); content: ""; pointer-events: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content { padding: 1.8em 1.6em 1.2em 1.6em; position: relative; } .btSoftRoundedButtons .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content { border-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0; } .btHardRoundedButtons .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content { border-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category { padding-bottom: .5em; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { opacity: .8; font-size: .8125em; line-height: 1; } .btSupertitleWeight_default .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 500; } .btSupertitleWeight_black .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 900; } .btSupertitleWeight_bolder .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 800; } .btSupertitleWeight_bold .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 700; } .btSupertitleWeight_semi-bold .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 600; } .btSupertitleWeight_medium .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 500; } .btSupertitleWeight_normal .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 400; } .btSupertitleWeight_light .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 300; } .btSupertitleWeight_lighter .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 200; } .btSupertitleWeight_thin .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { font-weight: 100; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul li a { display: inline; background: transparent; padding: 0; text-transform: capitalize; line-height: 1; color: inherit; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul li a:hover { color: #057485; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul li:first-child:before { display: none; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul li:before { content: ""; display: inline-block; margin: -2px 10px 0 10px; width: 4px; height: 4px; border-radius: 50%; line-height: inherit; vertical-align: middle; background-color: #191919; opacity: .8; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta { padding: 0 0 .8em; line-height: 1; justify-content: space-between; } span.icocomp { position: absolute; top: 20px; right: 20px; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta>span { opacity: .8; font-size: .8125em; line-height: 1.5; padding: 0; min-height: 100px; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_date:before, .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_author:before { display: none; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_author a { color: inherit; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_author a:hover { color: #057485; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta .bt_bb_latest_posts_item_comments:before { content: "\e668"; font-family: Icon7Stroke; font-size: 1.2em; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title { font-size: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5em; max-height: 4.5em; line-height: 1.4; padding: 0; margin-bottom: .5em; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title a { color: inherit; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title a:hover { color: #057485; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_excerpt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5em; max-height: 4.5em; font-size: .9em; opacity: .8; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more { padding-top: 2.5em; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more a { font-size: 13px; font-weight: 500; color: inherit; display: flex; transition: none; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more a:after { content: "\f138"; font-family: FontAwesome; font-size: 1.7em; font-weight: 700; display: inline-block; line-height: 1; padding-left: .2em; transition: all 300ms ease; } .rtl .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more a:after { padding-left: 0; padding-right: .2em; content: "\e687"; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more a:hover { color: #057485; } .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more a:hover:after { transform: translateX(.2em); } .rtl .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more a:hover:after { transform: translateX(-.2em); } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_odd { position: relative; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_odd .bt_bb_latest_posts_item_content { position: absolute; width: 100%; bottom: 0; border: none; color: #fff; background: linear-gradient(0deg, rgb(0 0 0 / .5), transparent); z-index: 9999; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_odd .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_meta>span { opacity: 1; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_odd .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul { opacity: 1; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_odd .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_category ul li:before { background: #fff; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_odd .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_excerpt { display: none; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_odd .bt_bb_latest_posts_item_content .bt_bb_latest_posts_read_more { padding-top: 1.5em; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_even { display: flex; flex-wrap: wrap; position: relative; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_even .bt_bb_latest_posts_item_image { flex: 1 0 100%; width: auto; height: fit-content; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_even .bt_bb_latest_posts_item_image a { display: block; width: auto; min-height: 300px; overflow: hidden; } .bt_bb_latest_posts .bt_bb_latest_posts_item.bt_bb_latest_posts_item_even .bt_bb_latest_posts_item_image a img { width: 100%; } a.causa-educacao i { color: #99E68F; } .imgnews { border-radius: 10px; position: relative; overflow: hidden; border: 1px solid #ededed; background: #fff; margin-bottom: 30px; } .imgnews .img-container1 { width: 100%; height: 212px; overflow: hidden; } .imgnews .img-container1 img { width: 100%; height: 100%; -webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease; } .imgnews .img-container1:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .imgnews .img-container2 { width: 100%; height: 510px; overflow: hidden; position: relative; } .imgnews .img-container2 img { width: 100%; height: 100%; -webkit-transition: -webkit-transform .5s ease; transition: transform .5s ease; } .imgnews .img-container2:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .imgnews .contenti { padding: 1.8em 1.6em 1.2em 1.6em; } .imgnews .contenti1 { padding: 1.8em 1.6em 1.2em 1.6em; position: absolute; bottom: 0; } .imgnews .titu a { font-family: 'Rubik', sans-serif; color: #4a4a4a; font-size: 20px; position: relative; transition: .3s; font-weight: 500; line-height: 1.4; } .imgnews .titu1 a { font-family: 'Rubik', sans-serif; color: #FFF; font-size: 20px; margin-right: 70px; position: relative; transition: .3s; font-weight: 500; line-height: 1.4; } .imgnews .titu a:hover, .imgnews .titu1 a:hover, .imgnews .readymore a:hover, .imgnews .readymore1 a:hover, .imgnews .causa a:hover, .imgnews .autor a:hover, a.listnewswidgettit:hover, .posttitle a:hover { color: #0CBBB5; text-decoration: none; } .botblack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); cursor: pointer; } .contgeral p img { width: 100%; } .contgeral h1 { font-size: 2.75rem; margin-bottom: 30px; } .contgeral p { line-height: 1.7; font-size: 1.125em; font-weight: 500; } .posttitle { margin-bottom: 3.125em; } .btPrevNextNav { border-top: 1px solid rgba(0, 0, 0, .1); padding-top: 2.5em; margin-top: 2.5em; } a.btPrevNext.btPrev.btWithImage:hover, a.btPrevNext.btNext.btWithImage:hover { text-decoration: none !important; } .btPrevNextNav .btPrevNext { display: flex; align-items: center; float: left; color: inherit; width: 50%; margin: 0; } .btPrevNextNav .btPrevNext .btPrevNextImage { flex: 0 0 6em; height: 6em; background-size: cover; background-position: center center; margin: 0 1em 0 0; } .btPrevNextNav .btPrevNext .btPrevNextItem { flex: 1 0 0%; min-width: 0%; } .btPrevNextNav .btPrevNext .btPrevNextItem .btPrevNextDir { font-size: .9rem; line-height: 1; padding-bottom: .5em; text-transform: capitalize; } .btPrevNextNav .btPrevNext .btPrevNextItem .btPrevNextTitle { font-size: 1.1rem; transition: color 200ms ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3em; max-height: 2.6em; } .btPrevNextNav .btPrevNext.btNext { flex-direction: row-reverse; text-align: right; } .btPrevNextNav .btPrevNext.btNext .btPrevNextImage { margin: 0 0 0 1em; } .sidebar .btSearch { position: relative; } .sidebar .btSearch input[type="text"] { width: 100%; display: block; background: transparent; color: inherit; border-radius: 0; padding: .3em 1.2em !important; border-bottom: 2px solid #0CBBB5; border-top: 0; border-left: 0; border-right: 0; margin-bottom: 10px; } .sidebar .btSearch button { position: absolute; top: 0; right: 0; border: none; background: none; } .sidebar .titulo { font-size: 1.3em; margin-bottom: 1em; padding-bottom: 0; display: inline-block; width: 100%; margin: 30px 0 20px 0; } ul.listnews { margin: 0; padding: 0; } ul.listnews li { list-style: none; display: block; width: auto; margin: 0; position: relative; padding: .8em 0; margin-left: 0; border-bottom: 1px solid rgba(0, 0, 0, .07); } ul.listnews li:last-child { border-bottom: none; } .listnewswidget { display: flex; } .listnewswidgetimage { flex: 0 0 30%; padding-right: 10px; } .listnewswidgetimage img { width: 70px; height: auto; } .listnewswidgettext { flex: 0 0 70%; overflow: hidden; } .listnewswidgetdate { font-family: 'Rubik', sans-serif; color: #4a4a4a; font-size: 0.750em; font-weight: 300; } .listnewswidgetdate i { margin-right: 5px; } a.listnewswidgettit { font-family: 'Rubik', sans-serif; color: #4a4a4a; transition: .3s; font-size: 1rem; line-height: 1.2; } .posttitlecausa, .posttitledate { margin-right: 20px; } .newsletter { background-color: #f7f7f5; padding: 130px 0; } section.newsletter h4 { font-size: 2.125rem; line-height: 1.3; } section.newsletter form { position: relative; } section.newsletter input { height: 3.45em; border: 1px solid #e2e2e2; border-radius: 50px; padding: .8em 1.2em; transition: all 500ms ease; width: 100%; } button.search-go { position: absolute; right: 0; border-radius: 50px; font-weight: 700; height: 3.45em; font-size: 16px !important; padding: 0 1.8em !important; box-shadow: 0 0 0 4em #191919 inset; cursor: pointer; width: auto !important; color: #fff !important; border: 0; transition: all 300ms ease; } footer { background-color: #f7f7f5; padding-bottom: 60px; } .donatebutt { position: fixed; top: 5%; right: 5%; padding: 10px; z-index: 10000000; } .donatebutt2 { color:#0CBBB5 ; font-size: 1.5em; font-style: bold; position: fixed; top: 20%; right: 8%; padding: 10px; z-index: 10000000; } .modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.right .modal-content { height: 100%; overflow-y: auto; } .modal.right .modal-body { padding: 15px 15px 80px; } .modal.right.fade .modal-dialog { /* right: -320px; */ right: 0; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.in .modal-dialog { right: 0 !important; } .myaccount .aside { background: #F7F7F5; padding: 30px; font-family: 'Rubik', sans-serif; margin-bottom: 30px; } .myaccount h2 { padding-top: 15px; padding-bottom: 40px; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.15); font-size: 24px; text-transform: capitalize; margin-bottom: 35px; color: #000; font-weight: 700; } .myaccount div#pills-profile, .myaccount div#pills-team, .myaccount div#pills-home { padding: 40px 20px 0 20px; } .imgsidebarmyaccount { position: relative; height: 340px; overflow: hidden !important; } .sobreimage{ background: url('./assets/images/sobre-image.png'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 340px; height: 340px; position: absolute; top: 0; left: 0; } ul.ulside li { list-style: none; text-align: left; margin-bottom: 15px; } ul.ulside li span { font-weight: bold; } .myaccount a.m-button { color: #272727; border: 2px solid #272727; padding: 10px 20px; border-radius: 20px; margin-top: 30px; transition: .3s; } .myaccount a.m-button:hover { color: #FFF !important; border: 2px solid #272727 !important; background: #272727 !important; text-decoration: none; } .formp { color: #A8B2BF; } .formp p { color: #0B817D !important; font-size: 1em; } .formp label.input-group-text { background: none; border-top: none; border-right: none; border-bottom: 2px solid #0CBBB5; border-left: none; border-radius: 0; } .formp input { background: none; border-top: none; border-right: none; border-bottom: 2px solid #0CBBB5; border-left: none; border-radius: 0; } .formp i { color: #A8B2BF; } .formp select, .pagequipesamigos select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; border-top: none; border-right: none; border-bottom: 2px solid #0CBBB5; border-left: none; border-radius: 0; padding: 8px; background: none; color: #A8B2BF; } .formp input#avatar { position: relative; flex: 1 1 auto; width: 100%; min-width: 0; background: none; } .myaccount .nav-link { padding: 0; } .myaccount li.nav-item, .login li.nav-item { padding-right: 40px; } .myaccount .nav-link.active, .login a.nav-link.active { background: none !important; color: #0CBBB5 !important; text-transform: uppercase !important; font-weight: 500 !important; position: relative; transition: .3s; padding: 0; margin: 0; } .myaccount .nav-link.active:after, .login a.nav-link.active:after { content: ''; width: 100%; border-bottom: solid 5px #0cbbb5; position: absolute; left: 0; bottom: -11px; z-index: 1; } .myaccount a.nav-link, .login a.nav-link { color: #A8B2BF; background: none; text-transform: uppercase; font-weight: 500; margin: 0; padding: 0; } .quipestabs .cards-wrapper { display: flex; justify-content: center; } .quipestabs .card img { max-width: 100%; max-height: 100%; } .quipestabs .card { margin: 0 0.5em; box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); border: none; border-radius: 0; } .quipestabs .carousel-inner { padding: 1em; } .quipestabs .carousel-control-prev, .quipestabs .carousel-control-next { background-color: #e1e1e1; width: 5vh; height: 5vh; border-radius: 50%; top: 50%; transform: translateY(-50%); } .pagequipes h2, .pagequipesbusca h2 { color: #0B817D; margin: 60px 0 30px 0; border: none; padding: 0; } .pagequipesbusca .btSearch { position: relative; } .pagequipesbusca .btSearch input[type="text"] { width: 100%; display: block; background: transparent; color: inherit; border-radius: 0; padding: .3em 1.2em !important; border-bottom: 2px solid #0CBBB5; border-top: 0; border-left: 0; border-right: 0; margin-bottom: 10px; } .pagequipesbusca .btSearch button { position: absolute; top: 0; right: 0; border: none; background: none; } .pagequipesbusca img, .pagequipescriar img { width: 100%; border-radius: 100px; border: 2px solid #0CBBB5; } .pagequipescriar img { max-width: 80px; } .headedoa { position: relative !important; padding-left: 40px !important; } .headedoa:before { content: "\f004"; font-family: FontAwesome; margin-right: 10px; color: #0B817D; font-size: 1.5em; position: absolute; left: 0; } ul.listequip li { list-style: none; display: inline-flex; } ul.listequip li { border-bottom: 1px solid #dadada; padding: 20px 0; width: 100%; } ul.listequip li :first-child { padding-top: 0 !important; } ul.listequip li :last-child { border-bottom: 0 !important; } .subpanel { margin-top: 30px; } .subpanel li { display: inline; padding: 10px; height: 30px; line-height: 30px; } .subpanel li a { background: #A8B2BF; text-transform: uppercase; font-weight: 400; padding: 10px; border-radius: 10px; font-size: 14px; color: #FFF !important; cursor: pointer; } .pagequipesamigos h2, .pagequipescriar h2 { color: #0B817D; margin: 60px 0 30px 0; border: none; padding: 0; } .pagequipesamigos label { color: #0B817D; } .pagequipesamigos select { width: 100%; margin-bottom: 30px; } div#accordionExample { width: 100% !important; } .icocausa { position: relative; text-align: center; width: 50px; height: 50px; line-height: 50px; display: inline-block; margin-right: 20px !important; } .icocausa img { width: 30px; } .icoidoso { background: #FF67EE; border-radius: 15px; } .icorefugiado { background: #B47436; border-radius: 15px; } .icomulher { background: #FF96C9; border-radius: 15px; } .icoinclusao { background: #7BB1FF; border-radius: 15px; } .icocomida { background: #FFC533; border-radius: 15px; } .icocrianca { background: #8BEF92; border-radius: 15px; } .icosvglgbt { background: #FF7C95; border-radius: 15px; } .icoambiente { background: #4AC453; border-radius: 15px; } .icoemergencial { background: #B22FF7; border-radius: 15px; } .icodesigualdade { background: #DEBC9B; border-radius: 15px; } .icoindigena { background: #F7F7F7; border-radius: 15px; } .icoeducacao { background: #2850D6; border-radius: 15px; } .icoanimiais { background: #EBEEF7; border-radius: 15px; } .icoquimicos { background: #A8B2BF; border-radius: 15px; } .icosaude { background: #FFE73D; border-radius: 15px; } img.svgidoso { filter: invert(26%) sepia(13%) saturate(5960%) hue-rotate(271deg) brightness(95%) contrast(87%); } img.svgrefugiados { filter: invert(15%) sepia(9%) saturate(6236%) hue-rotate(357deg) brightness(96%) contrast(93%); } img.svgmulher { filter: invert(35%) sepia(50%) saturate(595%) hue-rotate(279deg) brightness(83%) contrast(82%); } img.svginclusao { filter: invert(28%) sepia(15%) saturate(1788%) hue-rotate(177deg) brightness(91%) contrast(88%); } img.svgcomida { filter: invert(37%) sepia(84%) saturate(406%) hue-rotate(5deg) brightness(97%) contrast(87%); } img.svgcrianca { filter: invert(40%) sepia(79%) saturate(373%) hue-rotate(75deg) brightness(90%) contrast(86%); } img.svglgbt { filter: invert(25%) sepia(75%) saturate(1594%) hue-rotate(321deg) brightness(93%) contrast(91%); } img.svgambiente { filter: invert(35%) sepia(14%) saturate(2152%) hue-rotate(74deg) brightness(102%) contrast(98%); } img.svgemergencial { filter: invert(11%) sepia(60%) saturate(3956%) hue-rotate(271deg) brightness(103%) contrast(100%); } img.svgdesigualdade { filter: invert(38%) sepia(88%) saturate(331%) hue-rotate(349deg) brightness(88%) contrast(85%); } img.svgindigena { filter: invert(76%) sepia(3%) saturate(1193%) hue-rotate(176deg) brightness(83%) contrast(88%); } img.svgeducacao { filter: invert(88%) sepia(27%) saturate(33%) hue-rotate(188deg) brightness(102%) contrast(104%); } img.svganimiais { filter: invert(86%) sepia(8%) saturate(471%) hue-rotate(174deg) brightness(85%) contrast(81%); } img.svganimiais { filter: invert(26%) sepia(0%) saturate(37%) hue-rotate(241deg) brightness(104%) contrast(89%); } img.svgsaude { filter: invert(54%) sepia(18%) saturate(1568%) hue-rotate(15deg) brightness(85%) contrast(83%); } button.btn.btn-link.btn-block.text-left { color: #242424; font-size: 20px; border: none; box-shadow: none; } button.btn.btn-link.btn-block.text-left:hover, button.btn.btn-link.btn-block.text-left:focus:hover, button.btn.btn-link.btn-block.text-left.collapsed:focus:hover { color: #242424; text-decoration: none; border: none; } button.btn.btn-link.btn-block.text-left:active { outline: none !important; border: none!important; text-decoration: none !important; } button.btn.btn-link.btn-block.text-left { text-decoration: none; } button.btn.btn-link.btn-block.text-left:active, button.btn.btn-link.btn-block.text-left:focus, button.btn.btn-link.btn-block.text-left.collapsed:focus { outline: 0 !important; border: none !important } .cardcausa { margin: 30px; } .chave_coletado img { position: absolute; top: 10px; right: 25px; } .coletaerpost { text-align: center; } .coletaerpostsvg { background: radial-gradient(#00f1e8, #00bbb5); width: 130px; height: 130px; border-radius: 100%; border: 2px solid #0B817D; margin: 0 auto; line-height: 130px; } .coletaerpostsvg2 { background-color: #EBEEF7; color: #A8B2BF; width: 130px; height: 130px; border-radius: 100%; border: 2px solid #A8B2BF; margin: 0 auto; line-height: 130px } .coletaerpostsvg2 h3 { color: #878c92 !important; } .coletaerpostsvg:hover { box-shadow: 0 7px 30px -10px rgb(133, 153, 162, .5); } .coletaerpost h3 { color: #0B817D; font-size: 18px; } div#coletaerpostModal { background: radial-gradient(rgba(0, 244, 234, 0.1), rgba(0, 187, 181, 0.4)); } .coletaerpost .modal-content, .coletaerpost .modal-header { background: none; border: none; } .coletaerpost .modal-dialog { max-width: 280px; max-height: 280px; } .coletaerpost .modal-body-content { position: relative; } .coletaerpost .modal-body-content img { position: absolute; top: 0; left: 0; width: 200px; height: 200px; } .coletaerpost .qtde { width: 200px; height: 200px; position: absolute; top: 0; left: 0; text-align: center; line-height: 222px; color: #0CBBB5; font-weight: 400; font-size: 54px; } .chave_coletar img { position: absolute; top: 10px; right: 25px; } .cardnoticias { width: 33%; padding: 0 15px; float: left; position: relative; } .cardnoticias .bt_bb_latest_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_image:after { display: none !important } .cardnoticias h5.bt_bb_latest_posts_item_title a { color: #272727 !important; } .profile-card-2 { max-width: 300px; background-color: #FFF; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); background-position: center; overflow: hidden; position: relative; margin: 10px auto; cursor: pointer; border-radius: 10px; margin-bottom: 30px; } .profile-card-2 img { transition: all linear 0.25s; } .profile-card-2 .profile-name { position: absolute; left: 30px; bottom: 100px; font-size: 30px; color: #FFF; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); font-weight: bold; transition: all linear 0.25s; line-height: 40px; } .profile-card-2 .profile-icons { position: absolute; bottom: 30px; right: 30px; color: #FFF; transition: all linear 0.25s; } .profile-card-2 .profile-username { position: absolute; bottom: 70px; left: 30px; color: #FFF; font-size: 13px; transition: all linear 0.25s; } .profile-card-2 .profile-icons .fa { margin: 5px; } .profile-card-2:hover img { filter: grayscale(100%); } .profile-card-2:hover .profile-name { bottom: 80px; } .profile-card-2:hover .profile-username { bottom: 60px; } .profile-card-2:hover .profile-icons { right: 40px; } .progress { position: absolute; bottom: 55px; width: 90%; left: 5%; height: 4px !important; margin-top: 30px; overflow: visible !important; } .progress-bar { overflow: visible !important; background-color: #5c4084 !important; position: relative !important; border-radius: 4px !important; } .progress .progress-bar span { margin-bottom: 23px; } .clear { clear: both; } #imgcausometro { width: 100%; height: 65%; } @media (min-width: 768px) { .quipestabs .card img { height: 11em; } } @media only screen and (max-width: 991px) { .bread h1 { font-size: 3rem; padding: 2em 0; } nav.navbar.navbar-expand-lg { background: rgb(202, 252, 212) url('./assets/images/confetti.jpg'); background-size: cover; background-repeat: no-repeat; background-position: top center; } a.nav-link { color: #0B817D; cursor: pointer; } section.newsletter form { text-align: center; } button.search-go { position: initial; } section.newsletter input { margin-bottom: 20px; } .contpage h2 { font-size: 1.1em; } .login .tab-pane { padding: 20px 0; } .contact .right { margin-top: 60px; } ul.socialcontact li a { width: 30px; height: 30px; line-height: 30px; font-size: 15px; } .float01, .float02, .float03, .float04 { display: none; } }
Editor is loading...