Skip to Content

CSS File

URL: https://bip.powiat.tczew.pl/template/bip-01/prod/css/view/header.css?ts=1616746138
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Fri, 26 Mar 2021 08:08:58 GMT
Download Time: Less than a second
Cookies: None
Size: 14 KB
Rules: 97 style rules
Imports: 0 stylesheets
HTTP Headers:  7 headers
Links In:  1 pages
Links Out:  0 links
Images:  0 images
CSS:  0 files
JavaScript:  0 files
  
OK Issues: No issues found

1/*fcgz1616746138*/body.-colorPrimary--dark .header_section--bar--mobile{color:#fff}

2body.-colorPrimary--bright .header_section--bar--mobile{color:#000}

3.main_header__home{font-weight:700;color:#000;text-transform:uppercase}

4body.acc_font_small .main_header__home{font-size:calc(16px * 1)}

5@media (min-width:320px){body.acc_font_small .main_header__home{font-size:calc((.44743vw + 14.56823px) * 1)}

6}

7@media (min-width:767px){body.acc_font_small .main_header__home{font-size:calc((-700vw + 5387px) * 1)}

8}

9@media (min-width:768px){body.acc_font_small .main_header__home{font-size:calc((.75188vw + 5.22556px) * 1)}

10}

11@media (min-width:1699px){body.acc_font_small .main_header__home{font-size:calc(18px * 1)}

12}

13body.acc_font_medium .main_header__home{

font-size:calc(16px * 1.12)}

14@media (min-width:320px){body.acc_font_medium .main_header__home{

font-size:calc((.44743vw + 14.56823px) * 1.12)}

15}

16@media (min-width:767px){body.acc_font_medium .main_header__home{

font-size:calc((-700vw + 5387px) * 1.12)}

17}

18@media (min-width:768px){body.acc_font_medium .main_header__home{

font-size:calc((.75188vw + 5.22556px) * 1.12)}

19}

20@media (min-width:1699px){body.acc_font_medium .main_header__home{

font-size:calc(18px * 1.12)}

21}

22body.acc_font_big .main_header__home{

font-size:calc(16px * 1.25)}

23@media (min-width:320px){body.acc_font_big .main_header__home{

font-size:calc((.44743vw + 14.56823px) * 1.25)}

24}

25@media (min-width:767px){body.acc_font_big .main_header__home{

font-size:calc((-700vw + 5387px) * 1.25)}

26}

27@media (min-width:768px){body.acc_font_big .main_header__home{

font-size:calc((.75188vw + 5.22556px) * 1.25)}

28}

29@media (min-width:1699px){body.acc_font_big .main_header__home{

font-size:calc(18px * 1.25)}

30}

31.main_header{position:relative}

32.main_header__wrapper{text-transform:none;font-weight:400}

33.main_header__logo_addon{position:absolute;width:50px;height:50px;border-radius:50%;background:#fff;display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center;

-webkit-box-align:center;

-webkit-align-items:center;

-ms-flex-align:center;align-items:center;

-webkit-box-shadow:rgba(61,61,61,.35) 5px 5px 7px 2px;box-shadow:rgba(61,61,61,.35) 5px 5px 7px 2px;z-index:2}

34.main_header__logo_addon--top_left{top:0;left:0;

-webkit-transform:translate(-10%,-10%);transform:translate(-10%,-10%)}

35.main_header__logo_addon--bottom_left{bottom:0;left:0;

-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}

36.main_header__logo_addon--top_right{top:0;right:0;

-webkit-transform:translate(10%,-10%);transform:translate(10%,-10%)}

37.main_header__logo_addon--bottom_right{bottom:0;right:0;

-webkit-transform:translate(10%,10%);transform:translate(10%,10%)}

38.header_section--bar{display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;

-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;

-webkit-box-pack:end;

-webkit-justify-content:flex-end;

-ms-flex-pack:end;justify-content:flex-end;width:100%;height:3.125rem}

39.header_section--bar--first{padding-bottom:.9375rem;padding-top:.9375rem;border-bottom:1px #d6d8e0 solid}

40.header_section--bar--first .header_section--bar--first__container{width:100%;display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;

-webkit-box-orient:horizontal;

-webkit-box-direction:normal;

-webkit-flex-direction:row;

-ms-flex-direction:row;flex-direction:row;

-webkit-box-pack:justify;

-webkit-justify-content:space-between;

-ms-flex-pack:justify;justify-content:space-between;position:relative}

41.header_section--bar--first .header_section--bar--first__container>div{

-webkit-box-align:center;

-webkit-align-items:center;

-ms-flex-align:center;align-items:center;display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;

-webkit-box-orient:horizontal;

-webkit-box-direction:normal;

-webkit-flex-direction:row;

-ms-flex-direction:row;flex-direction:row}

42.header_section--bar--title{

-webkit-box-pack:justify;

-webkit-justify-content:space-between;

-ms-flex-pack:justify;justify-content:space-between;height:9.0625vw}

43.header_section--bar--menu{height:4.0625rem;background:#f2f5f9}

44.header_section--bar--menu .header_section--bar--menu__container{height:100%;width:100%;display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;

-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}

45.main_header.main_header--scrolled{opacity:0;z-index:10}

46.main_header.main_header--scrolled .header_section--bar--first{border-bottom:none}

47.main_header.main_header--scrolled .header--grow{

-webkit-box-flex:2;

-webkit-flex-grow:2;

-ms-flex-positive:2;flex-grow:2}

48.main_header.main_header--animated{

-webkit-transition:opacity .1s;transition:opacity .1s;opacity:1}

49.main_header__logo>img{height:5.625vw}

50.main_header__logo--main{position:relative}

51.main_header__logo--bip_small{position:absolute!important;top:-2px;left:60px}

52.main_header__logo--bip_small img{height:4.6875vw}

53.header_section--title>.header{line-height:1}

54.main_header__shortcuts_container,.main_header__title_short_container{width:18.75%}

55.main_header__home{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;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center;height:4.0625rem;width:4.0625rem}

56.main_header__home span{font-size:1.25em}

57body.-colorPrimary--dark .hamburgerMenu,body.-colorPrimary--dark .mobileMenuBtn::after,body.-colorPrimary--dark .mobileMenuBtn::before{background-color:#fff}

58body.-colorPrimary--bright .hamburgerMenu,body.-colorPrimary--bright .mobileMenuBtn:not(.mobileMenuBtn--search)::after,body.-colorPrimary--bright .mobileMenuBtn:not(.mobileMenuBtn--search)::before{background-color:#000}

59@media (min-width:768px){.main_header .header_section--bar--mobile{height:0;display:none}

60.main_header.main_header--scrolled>.main_header__wrapper{width:100%;position:fixed;z-index:10;background:#fff}

61.main_header.main_header--scrolled .scrolled_hidden,.main_header:not(.main_header--scrolled) .scrolled_visible{display:none}

62}

63@media (min-width:768px) and (max-width:1199px){.header_section--bar--first{height:4.0625rem}

64}

65@media (max-width:767px){.main_header.main_header--scrolled .scrolled_hidden,.main_header:not(.main_header--scrolled) .scrolled_visible{display:none}

66.main_header__wrapper{margin-top:0}

67.header_section--bar--first{opacity:0;pointer-events:none;padding:0;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #d6d8e0;

-webkit-transition:opacity .3s;transition:opacity .3s;height:auto;position:fixed;top:3.4375rem;left:0;right:0;background:#f2f5f9;z-index:10}

68.header_section--bar--first .header_section--bar--first__container{width:100%;padding:0;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;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center;

-webkit-box-orient:vertical;

-webkit-box-direction:normal;

-webkit-flex-direction:column;

-ms-flex-direction:column;flex-direction:column}

69.header_section--bar--first .header_section--bar--first__container>div{padding:.3125rem 0;width:100%;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center}

70.header_section--bar--mobile{height:3.4375rem;padding:0;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;right:0;background:#136cc3;z-index:10;border-bottom:#06569f 1px solid}

71.header_section--bar--mobile>*{display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;max-width:100px;width:25%!important;

-webkit-box-align:center;

-webkit-align-items:center;

-ms-flex-align:center;align-items:center;

-webkit-box-pack:justify;

-webkit-justify-content:space-between;

-ms-flex-pack:justify;justify-content:space-between;height:100%!important;margin:0;

-webkit-transition:background-color .5s cubic-bezier(.365,.005,.355,1);transition:background-color .5s cubic-bezier(.365,.005,.355,1)}

72.header_section--bar--mobile>:hover{background-color:#0f579e}

73.header_section--bar--mobile>::before{display:block;width:0;height:66%;content:"";border-left:1px solid rgba(255,255,255,.3)}

74.header_section--bar--mobile>::after{display:block;width:0;height:66%;content:"";border-left:1px solid transparent}

75.header_section--bar--mobile>:first-child::before{border-left:1px solid transparent}

76.header_section--bar--mobile>*>*{display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;height:100%;width:100%;

-webkit-box-align:center;

-webkit-align-items:center;

-ms-flex-align:center;align-items:center;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center}

77.header_section--bar--menu{display:none}

78.header_section--bar--title{margin-top:4.0625rem;margin-bottom:1.875rem;height:auto}

79.mobileMenuBtn{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}

80.hamburgerMenu,.mobileMenuBtn::before{margin-bottom:.3125rem}

81.hamburgerMenu,.mobileMenuBtn:not(.mobileMenuBtn--search)::after,.mobileMenuBtn:not(.mobileMenuBtn--search)::before{content:'';display:block;height:.125rem;width:1.25rem;background-color:#000;

-webkit-transition:.3s;transition:.3s}

82#menuMobileSwitch:checked~.main_header__wrapper .hamburgerMenu{opacity:0}

83#menuMobileSwitch:checked~.main_header__wrapper .mobileMenuBtn:not(.mobileMenuBtn--search)::before{

-webkit-transform:translateY(.4375rem) rotate(45deg);transform:translateY(.4375rem) rotate(45deg)}

84#menuMobileSwitch:checked~.main_header__wrapper .mobileMenuBtn:not(.mobileMenuBtn--search)::after{

-webkit-transform:translateY(-.4375rem) rotate(-45deg);transform:translateY(-.4375rem) rotate(-45deg)}

85.main_header--scrolled .header_section--bar--mobile{position:fixed;top:0;left:0;right:0;width:100%;padding:.625rem 10%;height:3.4375rem;z-index:99}

86.main_header__wrapper .menu_mobile_close{opacity:0;pointer-events:none;position:absolute}

87#submenuSwitch:checked~.main_header__wrapper .header_section--bar--first{opacity:1;pointer-events:visible}

88#submenuSwitch:checked~.main_header__wrapper .menu_mobile_open.submenuButton{z-index:-1;opacity:0;pointer-events:none;position:absolute}

89#submenuSwitch:checked~.main_header__wrapper .menu_mobile_close.submenuButton{z-index:1;opacity:1;pointer-events:visible;position:static}

90#submenuSwitch:checked~.main_header__wrapper .menu_mobile_close.submenuButton .searchHamburgerMenu{display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center;

-webkit-box-align:center;

-webkit-align-items:center;

-ms-flex-align:center;align-items:center;opacity:1}

91#submenuSwitch:checked~.main_header__wrapper .menu_mobile_close.submenuButton .searchHamburgerMenu::after{

-webkit-transform:rotate(45deg);transform:rotate(45deg)}

92#submenuSwitch:checked~.main_header__wrapper .menu_mobile_close.submenuButton .searchHamburgerMenu::before{

-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

93.main_header__backButton{

-webkit-transform:scaleX(-1);transform:scaleX(-1);font-size:.75em}

94#searchMobileSwitch:checked~.main_header__wrapper .menu_mobile_open.mobileMenuBtn--search{z-index:-1;opacity:0;pointer-events:none;position:absolute}

95#searchMobileSwitch:checked~.main_header__wrapper .menu_mobile_close.mobileMenuBtn--search{z-index:1;opacity:1;pointer-events:visible;position:static}

96#searchMobileSwitch:checked~.main_header__wrapper .menu_mobile_close.mobileMenuBtn--search .searchHamburgerMenu{display:-webkit-box;

display:-webkit-flex;

display:-ms-flexbox;

display:flex;

-webkit-box-pack:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center;

-webkit-box-align:center;

-webkit-align-items:center;

-ms-flex-align:center;align-items:center;opacity:1}

97#searchMobileSwitch:checked~.main_header__wrapper .menu_mobile_close.mobileMenuBtn--search .searchHamburgerMenu::after{

-webkit-transform:rotate(45deg);transform:rotate(45deg)}

98#searchMobileSwitch:checked~.main_header__wrapper .menu_mobile_close.mobileMenuBtn--search .searchHamburgerMenu::before{

-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

99#searchMobileSwitch:checked~.mobile-search--fixed{opacity:1;pointer-events:visible}

100.main_header__logo{width:3.125rem;height:3.125rem;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:center;

-webkit-justify-content:center;

-ms-flex-pack:center;justify-content:center}

101.main_header__logo>img{display:block;height:auto}

102.header_section--title{padding:0 .3125rem}

103.header_section--title>.header.-h6{line-height:.8}

104.header_section--title>.header.-h6>span{letter-spacing:.2em}

105.header_section--title>.header.-h6>span{

font-size:8px}

106}

107@media (max-width:767px) and (min-width:320px){.header_section--title>.header.-h6>span{

font-size:calc(1.78971vw + 2.27293px)}

108}

109@media (max-width:767px) and (min-width:767px){.header_section--title>.header.-h6>span{font-size:16px}

110}

111@media (max-width:767px){.header_section--title>.header.-h2{line-height:.6}

112.header_section--title>.header.-h2>span{font-size:19px}

113}

114@media (max-width:767px) and (min-width:320px){.header_section--title>.header.-h2>span{

font-size:calc(2.90828vw + 9.69351px)}

115}

116@media (max-width:767px) and (min-width:767px){.header_section--title>.header.-h2>span{font-size:32px}

117}