* { padding: 0px; margin: 0px; text-decoration: none; list-style: none; } .wrapper { max-width: 1200px; margin: 0 auto; padding: 0px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Lato"; } html { min-width: 300px; } .top-content { font-size: 62.5%; } .top-label { background: #3687C9; font-size: 1.6rem; } .navigation-label { 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; } .navigation-label a { padding-right: 0px !important; } .navigation-label a:nth-child(1) { padding-left: 0px; } .navigation-label .section-icon { display: inline-block; padding-right: 15px; padding-left: 0px; color: #8A8A8A; font-size: 50px; font-weight: bold; } .navigation-label .navigation-topics { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .navigation-label .navigation-topics li:nth-child(1) { padding-left: 0px; } .navigation-label .navigation-topics:nth-child(1) { padding-right: 0px; } .navigation-label .label-font-icon { padding-right: 12px; color: #ffffff; opacity: 0.8; font-size: 1.8rem; } .navigation-label .label-font-icon-mobile { padding-right: 12px; color: #8A8A8A; opacity: 0.8; font-size: 18px; } .navigation-label .navigation-signin { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .navigation-label .navigation-signin li:last-child { padding-right: 0px; } .navigation-label .navigation-signin-mobile, .navigation-label .navigation-topics-mobile { display: none; } .navigation-label .navigation-signin-mobile .section-icon-mobile, .navigation-label .navigation-topics-mobile .section-icon-mobile { display: inline-block; padding-right: 15px; padding-left: 9px; color: #8A8A8A; font-size: 20px; font-weight: bold; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .navigation-label .navigation-signin-mobile .signInLogIn, .navigation-label .navigation-signin-mobile .e-prawnik-open, .navigation-label .navigation-topics-mobile .signInLogIn, .navigation-label .navigation-topics-mobile .e-prawnik-open { color: #ffffff; padding: 12px 0px; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0.8; } .navigation-label .navigation-signin-mobile .signInLogIn:hover, .navigation-label .navigation-signin-mobile .e-prawnik-open:hover, .navigation-label .navigation-topics-mobile .signInLogIn:hover, .navigation-label .navigation-topics-mobile .e-prawnik-open:hover { opacity: 1; cursor: pointer; } .navigation-label .navigation-signin-mobile .signInLogIn .icon-down-open, .navigation-label .navigation-signin-mobile .e-prawnik-open .icon-down-open, .navigation-label .navigation-topics-mobile .signInLogIn .icon-down-open, .navigation-label .navigation-topics-mobile .e-prawnik-open .icon-down-open { font-size: 1.7rem; position: relative; top: 1px; left: 3px; color: inherit; opacity: inherit; } .navigation-label .navigation-signin-mobile .LogSignOnClick, .navigation-label .navigation-signin-mobile .navigation-topics-opened, .navigation-label .navigation-topics-mobile .LogSignOnClick, .navigation-label .navigation-topics-mobile .navigation-topics-opened { -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25); position: absolute; z-index: 1; right: 10px; top: 45px; border: 1px solid #e9e9e9; width: 30%; background: #ffffff; } .navigation-label .navigation-signin-mobile .LogSignOnClick li, .navigation-label .navigation-signin-mobile .navigation-topics-opened li, .navigation-label .navigation-topics-mobile .LogSignOnClick li, .navigation-label .navigation-topics-mobile .navigation-topics-opened li { border-bottom: 1px solid #e9e9e9; padding: 18px 0px; } .navigation-label .navigation-signin-mobile .LogSignOnClick li:hover a, .navigation-label .navigation-signin-mobile .LogSignOnClick li:hover .section-icon, .navigation-label .navigation-signin-mobile .LogSignOnClick li:hover .label-font-icon-mobile, .navigation-label .navigation-signin-mobile .LogSignOnClick li:hover .section-icon-mobile, .navigation-label .navigation-signin-mobile .navigation-topics-opened li:hover a, .navigation-label .navigation-signin-mobile .navigation-topics-opened li:hover .section-icon, .navigation-label .navigation-signin-mobile .navigation-topics-opened li:hover .label-font-icon-mobile, .navigation-label .navigation-signin-mobile .navigation-topics-opened li:hover .section-icon-mobile, .navigation-label .navigation-topics-mobile .LogSignOnClick li:hover a, .navigation-label .navigation-topics-mobile .LogSignOnClick li:hover .section-icon, .navigation-label .navigation-topics-mobile .LogSignOnClick li:hover .label-font-icon-mobile, .navigation-label .navigation-topics-mobile .LogSignOnClick li:hover .section-icon-mobile, .navigation-label .navigation-topics-mobile .navigation-topics-opened li:hover a, .navigation-label .navigation-topics-mobile .navigation-topics-opened li:hover .section-icon, .navigation-label .navigation-topics-mobile .navigation-topics-opened li:hover .label-font-icon-mobile, .navigation-label .navigation-topics-mobile .navigation-topics-opened li:hover .section-icon-mobile { color: #1777C1; } .navigation-label .navigation-signin-mobile .LogSignOnClick a, .navigation-label .navigation-signin-mobile .navigation-topics-opened a, .navigation-label .navigation-topics-mobile .LogSignOnClick a, .navigation-label .navigation-topics-mobile .navigation-topics-opened a { -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; padding-left: 30px; color: #8A8A8A; } .navigation-label .navigation-signin-mobile .navigation-topics-opened, .navigation-label .navigation-topics-mobile .navigation-topics-opened { left: 10px; width: 270px; } .navigation-label .navigation-signin-mobile .LogSignOnClick, .navigation-label .navigation-topics-mobile .LogSignOnClick { width: 200px; } .navigation-label li { -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; padding: 12px 10px; opacity: 0.8; } .navigation-label li:hover { opacity: 1; cursor: pointer; } .navigation-label a { padding: 12px 10px; color: #ffffff; } .logo-and-search { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 22px !important; } .logo-and-search h1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .logo-and-search .logotype { margin-top: 25px; width: 100%; max-width: 293px; max-height: 60px; } .logo-and-search .search-box { display: inline; margin-top: 35px; width: 25%; height: 36px; border-bottom: 2px solid #eeeeee; } .logo-and-search .search-box:focus { border-bottom: 2px solid #2C84CC; } .logo-and-search .search-box .search-input { padding: 12px 0px; padding-left: 15px; font-style: italic; height: 11px; width: 75%; border: none; } .logo-and-search .search-box .search-input:focus { outline: none; } .logo-and-search .search-box .search-icon { padding: 3px; float: right; padding-top: 10px; } .logo-and-search .search-box .search-icon:hover { cursor: pointer; } .logo-and-search .infolinia-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 25px; } .logo-and-search .infolinia-container .phone-lady { width: 100%; max-width: 53px; max-height: 53px; } .logo-and-search .infolinia-container .infol-contact { padding-top: 11px; } .logo-and-search .infolinia-container .infol-contactNumb, .logo-and-search .infolinia-container .infol-openTime { padding-left: 23px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; } .logo-and-search .infolinia-container .infol-contactNumb { font-weight: bolder; font-size: 1.3rem; } .logo-and-search .infolinia-container .infol-openTime { color: #979797; } .logo-and-search-mobile { display: none; padding-bottom: 10px !important; border-bottom: 1px solid #969696; -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; } .logo-and-search-mobile .logotype-mobile { padding-top: 32px; } .logo-and-search-mobile .menu-icons-mobile-burger { font-size: 3.2rem; padding-top: 35px; opacity: 0.8; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .logo-and-search-mobile .menu-icons-mobile-burger:before { margin: 0px; } .logo-and-search-mobile .menu-icons-mobile-burger:hover { color: #2E8DB1; cursor: pointer; opacity: 1; } .logo-and-search-mobile div { padding-top: 35px; } .logo-and-search-mobile div .menu-icons-mobile-search { font-size: 25px; color: #969696; opacity: 0.8; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .logo-and-search-mobile div .menu-icons-mobile-search:hover { color: #2E8DB1; cursor: pointer; opacity: 1; } .logo-and-search-mobile div .menu-icons-mobile-phone { font-size: 33px; color: #666666; position: relative; top: 5px; opacity: 0.8; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .logo-and-search-mobile div .menu-icons-mobile-phone:hover { color: #2E8DB1; cursor: pointer; opacity: 1; } .logo-and-search-mobile .infolinia-container-mobile { position: absolute; z-index: 1; 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; padding: 15px 10px; right: 15px; top: 157px; background: #ffffff; -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25); } .logo-and-search-mobile .infolinia-container-mobile .phone-lady { width: 100%; width: 53px; height: 53px; } .logo-and-search-mobile .infolinia-container-mobile .infol-contact { padding-top: 11px; } .logo-and-search-mobile .infolinia-container-mobile .infol-contactNumb, .logo-and-search-mobile .infolinia-container-mobile .infol-openTime { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 23px; width: 100%; display: inline-block; font-size: 1.2rem !important; } .logo-and-search-mobile .infolinia-container-mobile .infol-contactNumb { font-weight: bolder; font-size: 1.3rem; } .logo-and-search-mobile .infolinia-container-mobile .infol-openTime { color: #979797; } .logo-and-search-mobile .search-box-mobile { position: absolute; top: 150px; width: 100%; min-width: 300px; left: 0; background: #ffffff; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; } .logo-and-search-mobile .search-box-mobile .search-cont { width: 100%; min-width: 300px; max-width: 400px; margin: 0 auto; padding: 0px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; } .logo-and-search-mobile .search-box-mobile .search-input-mobile { width: 80%; outline: none; margin: 0 auto; border: none; height: 22px; position: relative; top: 5px; } .logo-and-search-mobile .search-box-mobile .icon-right-open-mini { display: inline-block; position: relative; float: right; top: -3px; color: #989898; font-size: 40px; line-height: 16px; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .logo-and-search-mobile .search-box-mobile .icon-right-open-mini:before { margin: 0px !important; } .logo-and-search-mobile .search-box-mobile .icon-right-open-mini:hover { cursor: pointer; color: #666666; } .logo-and-search-mobile .top-main-nav-mobile { z-index: 2; position: absolute; left: 0; top: 161px; background: #ffffff; height: 420px; min-width: 300px; overflow-y: scroll; overflow-x: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15); width: 100%; } .logo-and-search-mobile .top-main-nav-mobile .main-nav-content-mobile { 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; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option { width: 100%; font-size: 1.5rem; padding: 15px 0px 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: bolder; border-bottom: 1px solid #e9e9e9; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option:hover { color: #2886D0; cursor: pointer; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option:hover i { color: #2886D0; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option .main-nav-sub-content li { border-bottom: 1px solid #ffefef; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option .main-nav-sub-content li:nth-last-child(1) { border-bottom: none; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option .main-nav-sub-content li a { color: #8A8A8A; width: 100%; padding: 15px 0px 15px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option .main-nav-sub-content li a:hover { cursor: pointer; color: #2886D0; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; width: 100%; color: #000000; font-size: inherit; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option a:hover { cursor: pointer; color: #2886D0; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option a:hover i { color: #2886D0; } .logo-and-search-mobile .top-main-nav-mobile .main-menu-option i { -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; position: relative; top: -3px; float: right; font-size: 2.4rem; } .main-nav { font-size: 1.5rem; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; } .main-nav .main-nav-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .main-nav .main-nav-content li { display: inline-block; padding: 23px 3px; } .main-nav .main-nav-content a { font-weight: bolder; padding: 20px 0px; color: #000000; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.3s ease, border 0.2s ease; -o-transition: color 0.3s ease, border 0.2s ease; transition: color 0.3s ease, border 0.2s ease; border-bottom: 0px solid #3399DB; } .main-nav .main-nav-content a:hover { color: #1777C1; border-bottom: 3px solid #3399DB; } .activeCustom { border-bottom: 3px solid #2b84cb !important; margin-bottom: -3px !important;; } .marginButton { margin-bottom: 3px !important;; } .banner .close-banner, .banner p { display: inline-block; font-size: 1.3rem; color: #808080; font-weight: 500; float: right; margin: 35px 5px 5px 0px; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .banner .close-banner:hover, .banner p:hover { cursor: pointer; color: #363A3D; } .banner .close-banner p, .banner p p { margin: 0px; padding-left: 6px; } .banner .banner-image { width: 100%; } @media (max-width: 1200px) { .main-nav .top-main-nav .main-nav-content { padding: 0px; } .main-nav .top-main-nav .main-nav-content li { width: 100px; padding: 10px 4px; text-align: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .main-nav .top-main-nav .main-nav-content li a { padding: 0px; } .main-nav .top-main-nav .main-nav-content li a:hover { border-bottom: 0px solid #ffffff; } } @media (max-width: 920px) { .top-label .navigation-signin { display: none; } .top-label .navigation-label .navigation-signin-mobile { display: block; } } @media (max-width: 820px) { .top-label .navigation-topics { display: none; } .top-label .navigation-label .navigation-topics-mobile { display: block; } } @media (max-width: 800px) { .logo-and-search .logotype { padding-top: 10px; max-width: 195px; max-height: 40px; } .main-nav .main-nav-content { font-size: 1.2rem; } } @media (max-width: 650px) { .logo-and-search-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .logo-and-search-mobile .infolinia-container-mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .logo-and-search, .main-nav { display: none; } } @media (max-width: 520px) { .logo-and-search-mobile .menu-icons-mobile-burger { font-size: 3rem; padding-top: 20px; } .logo-and-search-mobile div { padding-top: 25px; } .logo-and-search-mobile div .menu-icons-mobile-search { font-size: 20px; } .logo-and-search-mobile div .menu-icons-mobile-phone { font-size: 28px; } .logo-and-search-mobile .logotype-mobile { max-width: 195px; max-height: 40px; padding-top: 0px; } .logo-and-search-mobile .infolinia-container-mobile { top: 104px; } .logo-and-search-mobile .search-box-mobile, .logo-and-search-mobile .top-main-nav-mobile { top: 104px; z-index: 99999;} } @media (max-width: 400px) { .signInLogIn, .e-prawnik-open { font-size: 1.3rem !important; } .logo-and-search-mobile .infolinia-container-mobile { top: 125px; } .logo-and-search-mobile .search-box-mobile, .logo-and-search-mobile .top-main-nav-mobile { top: 130px; } .logo-and-search-mobile .logotype-mobile { max-width: 146px; max-height: 30px; } .logo-and-search-mobile .top-main-nav-mobile { height: 395px; } .logo-and-search-mobile .top-main-nav-mobile a { font-size: 75%; } }