/* -- top banner :: v.: 0.51 r.: 30/05/25 @ pp */ /* * v. 0.14: dodanie stylow dla wykazu uslug (service-list) + poprawki (BREMBDEV-1770) * v. 0.15: dodanie stylow bledne wyswietlanie banera z "Triple text" (BREMBDEV-1781) * v. 0.16: drobna poprawka stylow: z-index paska z przyciskiem (zeby nie wchodzil pod tooltip) (BREMBDEV-1770) * v. 0.17: usuniecie stylow dla 'body.cats' (BREMBDEV-1806) * v. 0.18: poprawka stylow dla 'top-baner (600px) i (480px) tak by wyswietlały sie poprawnie na telefonach (BREMBDEV-1705) * v. 0.19: usuniecie bialej ramki, poprawka service-list (BREMBDEV-1744) * v. 0.20: poprawka service-list (BREMBDEV-1744) * v. 0.21: poprawki selektora dla przyciskow (button-top, usual-button) (BREMBDEV-1744) * v. 0.22 @ pp: zmiana stylow dla plywajacego przycisku (at-top.button-top) (BREMBDEV-1846) * v. 0.23 @ fs: lifting (BREMBDEV-1828) * v. 0.24 @ fs: lifting - poprawka (BREMBDEV-1828) * v. 0.25 @ pp (13/12/18): poprawka podswietlenia przycisku po najechaniu tresci banera (BREMBDEV-1828) * v. 0.26 @ fs (13/12/18): ikona svg (BREMBDEV-1910, BREMBDEV-1916) * v. 0.27 @ fs (04/01/19): poprawka heading-wrapper (BREMBDEV-1910) * v. 0.28 @ pp (23/01/19): usuniecie czcionki z reguly dla przyciskow w banerze (BREMBDEV-1978) * v. 0.29 @ pp (22/02/19): usuniecie specjalnych stylow dla przyciskow w banerze i wyrownanie ich z pozostalymi (BREMBDEV-1978) * v. 0.30 @ fs (04/02/19): wylaczenie automatycznego kolorowania ikon (BREMBDEV-1992) * v. 0.31 @ fs (06/03/19): calkowite wylaczenie kolorowania ikon (BREMBDEV-1992) * v. 0.32 @ mpd (06/03/19) i (29/03/19): Ikona na mobile - zle wyswietlanie (BREMBDEV-2061) * v. 0.33 @ vlk (25/03/19): poprawka hovera (BREMBDEV-1682) * v. 0.34 @ mj (28/03/19): poprawka wyswietlania sie tekstu + ikon svg (BREMBDEV-2082) - aktualizacja (19/04/19) - aktualizacja (25/04/19) * v. 0.35 @ mj (21/05/19): usuniecie marginesow na stronie wylogowania (BREMBDEV-2147) * v. 0.36 @ pk (21/05/19): zmiana background-position dla obrazkow w carousel-banner i top-banner na mobile (<480) (BREMBDEV-2134) * v. 0.37 @ mj (17/07/19): nowy placeholder w top-banner (BREMBDEV-2168) //aktualizacja (24/07); @ pp (09/08/19): poprawki stylow * v. 0.38 @ fs (09/08/19): zmiana background-position na mobile (BREMBDEV-2228) * v. 0.39 @ mj (09/09/19): wymuszenie zerowych paddingow w bannerach - wyrownanie szerokosci z portletami (BREMBDEV-2249) * v. 0.40 @ fs (02/10/19) page wrapper overflow fix (BREMBDEV-1980) * v. 0.41 @ pp (25/07/19): dodanie oraz modyfikacja stylow naglowka (BREMBDEV-1682) * v. 0.42 @ mpd (31/07/19): dodanie oraz modyfikacja stylow naglowka (BREMBDEV-2082) * v. 0.43 @ pp (10/10/19): problem z wyswietleniem na IPhone - zmiany w stylach (BREMBDEV-2311) * v. 0.44 @ fs (11/02/20): problem z z-index przyciskow - zmiany w stylach (BREMBDEV-2275) * v. 0.45 @ pp (19/03/20): poprawka stylow dla IE - kolor czcionki w wykazie uslug (service-list) (BREMBDEV-2337) * v. 0.46 @ pp (09/07/20): zmiana wielkosci czcionki w h1 (<=768) (BREMBDEV-2521) * v. 0.47 @ pp (30/10/20): zmiana stylow '.service-list-label' (BREMBDEV-2597) * v. 0.48 @ pp (27/01/21): dodanie stylow dla paska promocyjnego + poprawki stylow przyciskow (przeniesienie stylow z dev-fs) (BREMBDEV-2284) * v. 0.49 @ pp (26/08/21): poprawki w stylach noty prawnej oraz wykazu uslug (BREMBDEV-2420) * v. 0.50 @ pp (23/05/25): aktualizacja deklaracji (usuniete 'vendor prefixes', usuniete reguly dla IE, kolory RGB -> var), dodanie stylow karuzeli (SKCZDEV-817) * v. 0.51 @ pp (29/05/25): dodanie reguly przyciemniajacej slajd (pseudoklasa ::before); dodanie bialego obramowania wokol przycisku; usuniecie podkreslenia w slajdzie na hover (SKCZDEV-835) */ /* top banner */ #top-banner {background: var(--light-shaded-gray);} /*body.search #top-banner {border-top: 1px solid #d5d5d5;}*/ #top-banner > div {position: relative; height: auto; background: var(--white-color);} #top-banner > div.bh-380.without-tr-text {height: 9.5em;} #top-banner > div.bh-360.without-tr-text {height: 9em;} #top-banner > div.bh-280.without-tr-text {height: 7em;} #top-banner video {position: absolute; top: 0; left: -50%; right: -50%; width: 100%; margin: auto; padding: 0;} #top-banner div.video-box {width: 100%; height: auto; background-size: cover;} #top-banner div.page-banner {position: absolute; top: 0; width: 100%; height: 100%; margin: 0 auto; padding: 0; background-repeat: no-repeat; background-position: 50% 0; background-size: 1309px;} #top-banner div.page-banner.video-s {display: none;} /*#carousel-banner video {max-width: 100%;}*/ #carousel-banner div.slot .slide.video-s {background-size: 0;} #top-banner div.without-tr-text div.page-banner {height: 100%;} section#banner-content {position: relative; margin: 0 auto; padding: 1.3em 0 0; color: var(--white-color); text-align: center; background: #00000070; max-width: 1310px;} div.without-tr-text #banner-content {height: calc(100% - 2.85em); padding-bottom: 1.16em; min-width: 1310px;} body.cats div.without-tr-text #banner-content {height: calc(100% - 1.4em); padding: .6em;} #banner-content > div.container {height: 100%; max-width: 100%; padding: 0;} #banner-content div.content-wrapper {position: relative;display: table; width: 100%; height: 100%; margin: 0 auto; border-collapse: collapse;} div.content-wrapper > div.heading-wrapper {display: table-cell; width: 100%; vertical-align: middle;} div.content-wrapper a.wrapper-href {left: -0.375em; width: 102.5%;} #banner-content .button.red {border: 5px solid #fff;} div.content-wrapper a.wrapper-href:hover + .usual-button .button.red {background: var(--ind-bg-color);} /*#top-banner div.without-tr-text div.content-wrapper > div.heading-wrapper {padding-top: 1.rem; padding-bottom: 0.125rem; display: block;}*/ div.bh-380 div.heading-wrapper {height: 7.8em;} div.bh-360 div.heading-wrapper {height: 7.3em;} div.bh-280 div.heading-wrapper {height: 5.3em;} #top-banner div.without-tr-text div.heading-wrapper {height: auto;} #top-banner div.fb-like-button-block {position: absolute; z-index: 1; right: 15px; bottom: 5px;} #top-banner .without-tr-text div.fb-like-button-block {bottom: 45px;} div.heading-wrapper > h1 {margin: 0; color: inherit; font-size: 1.2em; line-height: 1;} div.without-tr-text #banner-content h1 {font-size: 1.2em;} #banner-content .mob-sh, #carousel-banner .mob-sh {display: none; color: var(--white-color);} div.heading-wrapper > p {font-size: 0.5em;} div.heading-wrapper > p.heading.bigger, div.heading-wrapper > h2 {margin: 0; color: inherit; font-size: 0.6em; line-height: 1.2;} div.content-wrapper > div.content {display: table-row; width: 100%; color: #4e4e4e; background-color: var(--white-color);} div.without-tr-text div.content-wrapper > div.content {background-color: transparent;} div.content-wrapper > div.content p a:not(.button), div.content-wrapper>div.content li a:not(.button) {position: relative; z-index: 2;} /*div.without-tr-text #banner-content div.content {display: none;} div.without-tr-text #banner-content div.content-wrapper > div.content {display: table-row;}*/ div.content > ul {list-style: none;} div.content > ul > li {display: inline-block; margin: 0; padding: 0;} div.content p {display: inline-block; font-size: .4em;} div.content p.special {position: relative; display: inline-block; padding: 0 .5em; color: var(--ind-bg-color); font: bold 2em "Montserrat Lite", Arial, sans-serif;} div.content p.special sup {position: absolute; top: .5em; right: .5em; font-size: 0.35em;} div.content a.button.big {margin: 0 0 1em; font-size: 1em;} #banner-content .content > ul > li p {font-size: 100%;} #banner-content .content p.button-top, #banner-content p.button-top {display: none;} #banner-content p.usual-button {display: block;} #banner-content .content p.at-top.button-top {display: block; width: auto; max-width: 100%;} #banner-content .content p.at-top.button-top {position: fixed; top: -5px; left: 0; z-index: 100; width: 100%; height: auto; background-color: rgba(1, 1, 1, .5); text-align: center;} #banner-content .content p.at-top.button-top a.button {display: inline-block; margin: 2px auto; position: relative;} /* carousel banner */ div#carousel-banner {position: relative; height: 9.75rem; text-align: center;}/* changed by pp on 23/09/2015: added 'div' to selector to override '#top-banner > div' */ #carousel-banner ul {position: absolute; top: 0; list-style: none; width: 100%; display: block; margin: 0 auto; padding: 0; overflow: hidden; height: 9.75rem; white-space: nowrap;} #carousel-banner ul li {position: absolute; display: inline-block; left: 0; height: 9.75rem; width: 100%; vertical-align: top;} #carousel-banner ul li::before {display: none;} #carousel-banner .slide {position: relative; height: 100%; white-space: normal; display: inline-block; vertical-align: top; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 0;} #carousel-banner .slide::before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #00000070; content: '';} #carousel-banner div.slot {width: 100%; height:100%; display: inline-block; position: relative; background-color: var(--white-color); transition-property: background-color; transition-duration: .5s;} #carousel-banner div.slot:hover {background-color: var(--black-color);} #carousel-banner div.slot .slide {opacity: 1; transition-property: opacity; transition-duration: .5s;} #carousel-banner div.slot:hover .slide {opacity: .9;} #carousel-banner div.slide > .container {position: relative; top: 1.15rem; padding: 0; max-width: 29.05rem; margin: .5rem auto; height: 7rem; text-align: center;} #carousel-banner div.slide .container-frame {position: absolute; margin: 0 auto; margin-left: -4px; max-width: 29.1rem; width: 100%; height: 7.125rem; display: inline-block; vertical-align: middle; top: 0; left: 0; visibility: visible; /*border: 4px solid var(--light-shaded-gray)*/; transform: scale(1); transform; transition-property: transform; transition-duration: .5s;} #carousel-banner div.slide:hover .container-frame {transform: scale(.98);} #carousel-banner div.slide .container-frame:hover {text-decoration: none;} #carousel-banner .text-box .headline h1, #carousel-banner .text-box .subtitle {color: var(--light-shaded-gray); text-align: center;} #carousel-banner .text-box .headline h1 {font-size: 1.2em; margin: .5rem 0 0;} .safari #carousel-banner div.slide .container-frame {position: relative; display: block; width: auto; margin: 0; transition-property: margin, left; transition-duration: .5s;} .safari #carousel-banner div.slide:hover .container-frame {margin: .125rem;} .safari #carousel-banner .text-box {position: absolute; top: 0; width: 100%; height: 100%; padding: 4px 0 0;} #carousel-banner .text-box .headline {margin: 0;} .safari #carousel-banner .text-box .headline {margin: 26px 0 0;} #carousel-banner .text-box .subtitle {font-size: .6em;} #carousel-banner .text-box p {color: var(--light-shaded-gray);} #carousel-banner .button {margin: 0 auto; margin: .5rem auto; /*padding-right: .75rem;*/ border: 5px solid var(--white-color);} #carousel-banner .button::after {/*content: '';*/ background-image: url(../../img/arrows.png); background-repeat: no-repeat; background-position: -65px 0; width: 0.325rem; height: 0.525rem; display: inline-block; vertical-align: middle; margin-left: .25rem;} #carousel-banner-nav {position: relative; top: 8.8rem; z-index: 1; display: inline-block; width: auto; height: .5rem; padding: 5px 0px 5px 11px; border-radius: 20px; background: rgba(0, 0, 0, .1); box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1); line-height: 38px; text-align: center;} .safari #carousel-banner-nav {top: 8.6rem;} #carousel-banner-nav svg {position: relative; top: -13px; margin: 0 2px; transform: translate(-50%, 0); cursor: pointer;} .desktop #carousel-banner-nav svg {margin: 0;} [data-input=key] #carousel-banner-nav [tabindex][clip-path]:focus {stroke: var(--outline-color) !important; outline: none !important;} #carousel-banner-nav .nav-btn {position: relative; bottom: 0.375rem; display: inline-block; width: .25rem; height: .25rem; margin: 0 0.125rem; border: 0; background-color: var(--light-shaded-gray); border-radius: 50%; vertical-align: middle;} #carousel-banner-nav .nav-btn:hover {cursor: pointer;} #carousel-banner-nav .nav-btn.active {width: .3rem; height: .3rem; margin: 0; border: 4px solid var(--light-shaded-gray); background-color: transparent;} #car-ban-time, #car-ban-rotate {display: none;} #carousel-banner ul .legal-note {right: .5rem;} #carousel-banner ul .legal-label {color: var(--white-color); z-index: 9;} #carousel-banner > .legal-note {position: relative; right: 5.85rem; top: 8.9rem;} @media screen and (max-width: 1600px) { #carousel-banner > .legal-note {position: relative; right: calc((100vw - 28.25rem)/2); top: 9.125rem;} } @media screen and (max-width: 1520px) { #top-banner .slot video {width: 120%; height: 400px;} } @media screen and (max-width: 1360px) { #top-banner video, #top-banner .slot video {width: auto; height: 72%%;} div.without-tr-text #banner-content {min-width: 100%} } @media screen and (max-width: 1200px) { #top-banner > div.bh-380.without-tr-text, #top-banner > div.bh-380.without-tr-text .video-box video {height: 9.4rem;} #top-banner > div.bh-360.without-tr-text, #top-banner > div.bh-360.without-tr-text .video-box video {height: 8.9rem;} #top-banner > div.bh-280.without-tr-text, #top-banner > div.bh-280.without-tr-text .video-box video {height: 6.94rem;} #top-banner > div.bh-380 .page-banner, #top-banner > div.bh-380 .video-box video {height: 9.3rem;}/* its looks like need 7em */ #top-banner > div.bh-360 .page-banner, #top-banner > div.bh-360 .video-box video {height: 9rem;} #top-banner > div.bh-280 .page-banner, #top-banner > div.bh-280 .video-box video {height: 7rem;} #top-banner div.page-banner {background-size: cover;} div.without-tr-text #banner-content {height: calc(100% - 2.5rem); padding-bottom: .9rem;} body.cats div.without-tr-text #banner-content {height: calc(100% - 1.26em) !important; padding: .6em !important;} #banner-content div.container {border: none} /*#banner-content div.content-wrapper {border: 4px solid var(--light-shaded-gray);}*/ #top-banner div.fb-like-button-block {right: 25px;} #top-banner .without-tr-text div.fb-like-button-block {bottom: 38px;} div.content-wrapper a.wrapper-href {left: 0; width: 100%;} #banner-content .button.next::after {right: 0;} #carousel-banner div.slide > .container {width: auto; margin-left: .75rem; margin-right: .75rem;} #carousel-banner-nav .nav-btn {bottom: .3rem;} #carousel-banner > .legal-note {position: relative; right: .8rem; left: auto;} } @media screen and (max-width: 1100px) { #top-banner > div.bh-380.without-tr-text, #top-banner > div.bh-380.without-tr-text .video-box video {height: 8.3rem;} #top-banner > div.bh-360.without-tr-text, #top-banner > div.bh-360.without-tr-text .video-box video {height: 7.98rem;} #top-banner > div.bh-280.without-tr-text, #top-banner > div.bh-280.without-tr-text .video-box video {height: 6.16rem;} #top-banner > div.bh-380 .page-banner, #top-banner > div.bh-380 .video-box video {height: 8.6rem;} #top-banner > div.bh-360 .page-banner, #top-banner > div.bh-360 .video-box video {height: 8.3rem;} #top-banner > div.bh-280 .page-banner, #top-banner > div.bh-280 .video-box video {height: 6.4rem;} div.without-tr-text #banner-content {height: calc(100% - 2.4rem); padding-bottom: .8rem;} div.content-wrapper > div.heading-wrapper {font-size: .9rem;} div.bh-380 div.heading-wrapper {height: 6.8rem;} div.bh-360 div.heading-wrapper {height: 6.6rem;} div.bh-280 div.heading-wrapper {height: 4.7rem;} #top-banner .without-tr-text div.fb-like-button-block {bottom: 35px;} } @media screen and (max-width: 1024px) { #carousel-banner > .legal-note {right: .3rem; left: auto;} #carousel-banner > .legal-note .legal-text {right: .25rem; left: auto} .safari #carousel-banner-nav {top: 8.95rem;} } @media screen and (max-width: 992px) { #top-banner > div.bh-380.without-tr-text, #top-banner > div.bh-380.without-tr-text .video-box video {height: 7rem;} #top-banner > div.bh-360.without-tr-text, #top-banner > div.bh-360.without-tr-text .video-box video {height: 6.9rem;} #top-banner > div.bh-280.without-tr-text, #top-banner > div.bh-280.without-tr-text .video-box video {height: 5.4rem;} #top-banner > div.bh-380 .page-banner, #top-banner > div.bh-380 .video-box video {height: 7.5rem;} #top-banner > div.bh-360 .page-banner, #top-banner > div.bh-360 .video-box video {height: 7.5rem;} #top-banner > div.bh-280 .page-banner, #top-banner > div.bh-280 .video-box video {height: 6rem;} div.without-tr-text #banner-content {height: calc(100% - 2.3rem); padding-bottom: .7rem;} div.content-wrapper > div.heading-wrapper {font-size: .8rem;} div.bh-380 div.heading-wrapper {height: 5.9rem;} div.bh-360 div.heading-wrapper {height: 5.8rem;} div.bh-280 div.heading-wrapper {height: 4.3rem;} #top-banner .without-tr-text div.fb-like-button-block {bottom: 30px;} } @media screen and (max-width: 960px) { #banner-content .content > ul {padding: 0;} #banner-content .content > ul > li > p {display: block; width: 160px; min-width: 160px;} #banner-content .content > ul > li img {display: block; margin: 0 auto;} } @media screen and (max-width: 875px) { #top-banner > div.bh-380.without-tr-text, #top-banner > div.bh-380.without-tr-text .video-box video {height: 6rem;} #top-banner > div.bh-360.without-tr-text, #top-banner > div.bh-360.without-tr-text .video-box video {height: 6rem;} #top-banner > div.bh-280.without-tr-text, #top-banner > div.bh-280.without-tr-text .video-box video {height: 4.7rem;} #top-banner > div.bh-380 .page-banner, #top-banner > div.bh-380 .video-box video {height: 6.9rem;} #top-banner > div.bh-360 .page-banner, #top-banner > div.bh-360 .video-box video {height: 6.8rem;} #top-banner > div.bh-280 .page-banner, #top-banner > div.bh-280 .video-box video {height: 5.5rem;} section#banner-content {height: calc(100% - 2.52rem);} div.without-tr-text #banner-content {height: calc(100% - 2.2rem); padding-bottom: .6rem;} div.content-wrapper > div.heading-wrapper {font-size: .7rem;} div.bh-380 div.heading-wrapper {height: 5.2rem;} div.bh-360 div.heading-wrapper {height: 5.1rem;} div.bh-280 div.heading-wrapper {height: 3.8rem;} #top-banner .without-tr-text div.fb-like-button-block {bottom: 25px;} .link-boxes .item {margin: 10px 8px;} } @media screen and (max-width: 768px) { #top-banner > div.bh-380.without-tr-text, #top-banner > div.bh-380.without-tr-text .video-box video {height: 6rem;} #top-banner > div.bh-360.without-tr-text, #top-banner > div.bh-360.without-tr-text .video-box video {height: 5.9rem;} #top-banner > div.bh-280.without-tr-text, #top-banner > div.bh-280.without-tr-text .video-box video {height: 4.59rem;} #top-banner > div.bh-380 .page-banner, #top-banner > div.bh-380 .video-box video {height: 6.1rem;} #top-banner > div.bh-360 .page-banner, #top-banner > div.bh-360 .video-box video {height: 6rem;} #top-banner > div.bh-280 .page-banner, #top-banner > div.bh-280 .video-box video {height: 5.2rem;} section#banner-content {height: calc(100% - 1rem); padding-top: .5rem;} div.without-tr-text #banner-content {height: calc(100% - 1rem); padding-bottom: .5rem;} #banner-content .content li:nth-child(2) p {width: 200px;} #banner-content .content p {min-width: 175px !important;} div.content-wrapper > div.heading-wrapper {font-size: .62rem;} div.bh-380 div.heading-wrapper {height: 5.5rem;} div.bh-360 div.heading-wrapper {height: 5.4rem;} div.bh-280 div.heading-wrapper {height: 4.6rem;} #banner-content .button.next::after {right: 0; margin: auto; margin-right: .9em; top: 1px;} #banner-content .content ul > li {text-align: center;} #banner-content .content ul > li > p {width: 100%; min-width: none;} #banner-content .content ul > li > p sup {right: 0;} #banner-content p.at-top.button-top a.button:after {margin: auto; margin-right: .9em;} #top-banner .without-tr-text div.fb-like-button-block {bottom: 20px;} #carousel-banner-nav {top: 5.95rem;} #carousel-banner div.slide > .container {margin-left: .5rem; margin-right: .5rem;} #carousel-banner > .legal-note {top: 6.1rem;} #carousel-banner > .legal-note .legal-text {right: 0;} #carousel-banner div.slide .container-frame {height: 5.25rem;} .safari #carousel-banner-nav {top: 5.95rem;} } @media screen and (max-width: 662px) { #top-banner > div.bh-380 .page-banner, #top-banner > div.bh-380 .video-box video {height: 4.6rem;} #top-banner > div.bh-360 .page-banner, #top-banner > div.bh-380 .video-box video {height: 4.5rem;} #top-banner > div.bh-280 .page-banner, #top-banner > div.bh-380 .video-box video {height: 4rem;} div.bh-380 div.heading-wrapper {height: 4rem;} div.bh-360 div.heading-wrapper {height: 3.9rem;} div.bh-280 div.heading-wrapper {height: 3.4rem;} } @media screen and (max-width: 640px) { #banner-content .content > ul > li {width: 30%;} #banner-content .mob-hd, #carousel-banner .mob-hd, #top-banner video, #carousel-banner video {display: none;} #banner-content .mob-sh, #carousel-banner .mob-sh, #top-banner div.page-banner.video-s {display: block;} #carousel-banner div.slot .slide.video-s {background-size: cover;} #carousel-banner video {display: none;} #top-banner .without-tr-text div.fb-like-button-block {bottom: 20px;} #top-banner div.fb-like-button-block {right: 25px;} #banner-content .fb p.button-top {margin-bottom: 38px;} #banner-content .fb p.usual-button {margin-bottom: 20px;} #banner-content .fb .content > ul {margin-bottom: 30px;} } @media screen and (max-width: 495px) { #banner-content .content > ul > li > p {width: 120px; min-width: 120px;} /*#banner-content .button.next::after {top: 14px; right: 10px;}*/ } @media screen and (max-width: 480px) { #carousel-banner-nav .nav-btn {width: 12px !important; height: 12px !important; margin: 0 15px !important;} #carousel-banner-nav .nav-btn.active {width: 19px !important; height: 19px !important; margin: 0 12px !important;} #carousel-banner .text-box .headline h1, #carousel-banner .text-box .headline h1 p {line-height: 1 !important;} } @media screen and (max-width: 479px) { #banner-content .content > ul > li {width: 100% !important; text-align: left; !important} #banner-content .content > ul > li > p {width: 70% !important; display: inline-block !important;} #banner-content .content li:nth-child(2) p {width: 70% !important;} }