body { margin: 0; color: #424547; font-size: .85em; font-family: Arial, sans-serif; font-weight: 400; line-height: 150%; text-align: left; background: #efefef; -ms-text-size-adjust: 90%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div, aside, section, nav, article, header, footer { position: relative; } ul { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; outline: 0; } img { border: 0; } figure { margin: 0; } figcaption { font-size: 11px; text-align: center; } .sprite { background: url(../img/sprite.png) no-repeat; } .block { display: block; } .indent { text-indent: -9999px; } .in { margin: auto; } .more { text-align: center; background: #1EABBD; color: #fff; display: block; padding: 8px 10px; font-size: 1.2em; font-family: 'Archivo Narrow'; font-weight: 700; } .more:hover { background: #1995A5; } .hr { display: none; } .left { float: left; } .right { float: right; } .lowercase { text-transform: lowercase; } .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } *:first-child+html .group { zoom: 1; } /* IE7 */ ::-webkit-input-placeholder { color: #EBEBEB; font-family: 'Archivo Narrow', Arial; } :-moz-placeholder { color: #EBEBEB; opacity: 1; font-family: 'Archivo Narrow', Arial; } ::-moz-placeholder { color: #EBEBEB; opacity: 1; font-family: 'Archivo Narrow', Arial } :-ms-input-placeholder { color: #EBEBEB; font-family: 'Archivo Narrow', Arial } h1,h2,h3,h4,h5,h6 { color: #246293; font-family: 'Archivo Narrow', Arial; font-weight: 700; } #content select { font-family: Arial; } #primary input[type=text] { border: 1px solid #d7d7d7; -webkit-appearance: none; } #primary input[type=checkbox] { border: none; -webkit-appearance: checkbox; } #primary input:focus { outline: 0; border: 1px solid #bbb; } #primary button, #fourth button { background: #1EABBD; color: #fff; font-family: 'Archivo Narrow', Arial; font-weight: 700; cursor: pointer; border: none; } #primary button:hover, #fourth button:hover { background: #1995A5; } #primary button.compare-blocked, #fourth button.compare-blocked { background: #bbb; cursor: not-allowed; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } /* 2015 */ #container { background: #efefef; z-index: 2; } #top { background: #efefef; background: -moz-linear-gradient(top, rgba(239,239,239,1) 85%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,rgba(239,239,239,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 85%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(239,239,239,1) 85%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,1) 85%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 85%,rgba(255,255,255,0) 100%); width: 100%; z-index: 2; /* background: url(../../img/2020/boze-narodzenie-bg.png) repeat left bottom; */ } #bar { background: #256CA3; width: 100%; height: 36px; z-index: 1; font-size: .95em; } #bar .in { width: 1180px; } #bar #nav-sub-normal { float: left; min-height: 36px; padding-left: 3px; } #bar #nav-sub-normal ul { margin: 0; padding: 11px 0; } #bar #nav-sub-normal ul li { float: left; padding: 0 9px 0 8px; line-height: 100%; } #bar #nav-sub-normal ul li:last-child { border-right: none; } #bar #nav-sub-normal ul li a { color: #EBEBEB; padding: 0; line-height: 100%; font-size: .85em; } #bar #nav-sub-normal ul li a:hover, #bar #nav-sub-normal ul li.active a:hover { color: #AFD9F5; } #bar #nav-sub-normal ul li#sub-oferta-dla-firm a { color: #DFF30D; font-weight: 700; } #bar #nav-sub-mobile { position: absolute; left: 0; top: 0px; background: url(../../img/2020/menu-mobile-nav.png) no-repeat center center; width: 39px; height: 37px; cursor: pointer; } #bar #nav-sub-mobile.visible { background: url(../../img/2020/menu-mobile-nav-close.png) no-repeat center center; } #bar #nav-sub-mobile ul { display: none; position: absolute; left: 0; top: 36px; right: 0; padding: 0 0 3px 0; background: #1F2931; width: 150px; border-left: 1px solid #3E5268; border-bottom: 1px solid #3E5268; border-right: 1px solid #3E5268; } #bar #nav-sub-mobile ul li { padding: 0 12px; } #bar #nav-sub-mobile ul li a { color: #EBEBEB; border-top: 1px solid #3E5268; display: block; padding: 4px 0; } #bar #nav-sub-mobile ul li:first-child a { border-top: none; padding: 0 0 4px 0; } #nav-sub-mobile-drop { width: 100%; } #nav-sub-mobile-drop li { display: block; clear: both; padding: 0 20px; } #nav-sub-mobile-drop li a { padding: 9px 0; border-bottom: 1px solid #D1DAE4; display: block; color: #105888; font-size: 1em; text-align: center; font-weight: 300; letter-spacing: .1em; } #nav-sub-mobile-drop li a:hover { color: #378AC2; } #bar #search { float: right; padding: 0; font-size: 12px; position: relative; background: #23456C; } #bar #search input { background: none; border: none; font-size: 1em; padding: 0 10px; color: #EBEBEB; height: 36px; width: 190px; } #bar #search input:focus { outline: none; } #bar #search button { border: none; position: absolute; top: 0; right: 0; bottom: 0; background: url(../../img/2020/search-icon.png) no-repeat center center; width: 30px; z-index: 2; cursor: pointer; } #bar #search button:hover { background: url(../../img/2020/search-icon-hover.png) no-repeat center center; } #bar .fb-btn { float: right; margin: 7px 10px 0 0; } #bar .yt-btn { float: right; margin: 0 10px 0 0; width: 36px; height: 36px; background: url(../../img/2020/yt36px.png) no-repeat left top; } #head { width: 1180px; margin: 0 auto; padding: 0; /* background: url(../../img/2020/sbz-bg.jpg) no-repeat left center; */ } #head .logo { float: left; margin: 60px 0 60px 0; } #head .logo a { display: block; width: 189px; height: 36px; background: url(../../img/2020/oknotest-logo-2015.png) no-repeat left top; } #head .description { float: left; clear: left; margin: 0 0 45px 0; font-size: 12px; padding: 5px 0 0 0; } #head .description a { color: #878787; } #head .cmr-tp { width: 750px; position: relative; overflow: hidden; float: right; padding: 28px 0; } #head .cmr-tp .holder { margin: 0 auto 0 auto; background: #efefef; } #head .cmr-tp .holder > a > img { display: block; width: 100%; } #head .cmr-tp .holder .isSwf { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../../img/transparent.png) repeat; } #nav-wrapper-normal { width: 100%; } #nav-wrapper-normal.stick { background: #256CA3; z-index: 10; -webkit-transform: translateZ(0px); } #nav-wrapper-mobile { width: 100%; z-index: 300; } /* new 19 menu lightweight */ #nav-normal-19 { width: 1180px; margin: 0 auto; min-height: 40px; background: #256CA3; border-top: 3px solid #2C4E73; height: 50px; font-size: 1.05em; } #nav-normal-19 > nav {} #nav-normal-19 > nav > ul#navigation > li.home a { background: url(../../img/2020/home-icon.png) no-repeat center center; width: 20px; } #nav-normal-19 > nav > ul#navigation > li.home:hover a { background: url(../../img/2020/home-icon-hover.png) no-repeat center center; } #nav-normal-19 > nav > ul#navigation > li.home > a > .stripe { background: #9ACEEB; } #nav-normal-19 > nav > ul#navigation > li > a > .stripe { position: absolute; width: 100%; height: 3px; background: #293746; top: -3px; left: 0; } #nav-normal-19 > nav > ul#navigation > li:hover > a > .stripe { background: #9ACEEB; } #nav-normal-19 > nav > ul#navigation { margin:0px auto; position:relative; float:left; } #nav-normal-19 > nav > ul#navigation > li { font-size:.85em; margin:0; padding:0; float:left; position:relative; } #nav-normal-19 > nav > ul#navigation > li > a { height:50px; line-height: 48px; } #nav-normal-19 > nav > ul#navigation li a { padding: 0 9px; color:#ebebeb; text-decoration:none; display:inline-block; -webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear; -o-transition:color 0.2s linear, background 0.2s linear; transition:color 0.2s linear, background 0.2s linear; } #nav-normal-19 > nav > ul#navigation li:hover > a { background:#205E8E; } #nav-normal-19 > nav > ul#navigation li a:hover { color:#AFD9F5; } #nav-normal-19 > nav > ul#navigation li.glow > a { color: yellow; } #nav-normal-19 > nav > ul#navigation li.glow > a > .stripe { background: yellow; } /* Drop-Down */ #nav-normal-19 > nav > ul#navigation li:hover > ul { visibility:visible; opacity:1; } #nav-normal-19 > nav > ul#navigation ul, ul#navigation ul li ul { list-style: none; margin: 0; padding: 0; visibility:hidden; opacity:0; position: absolute; z-index: 99999; width:180px; background:#205E8E; -webkit-transition:opacity 0.2s linear, visibility 0.2s linear; -moz-transition:opacity 0.2s linear, visibility 0.2s linear; -o-transition:opacity 0.2s linear, visibility 0.2s linear; transition:opacity 0.2s linear, visibility 0.2s linear; } #nav-normal-19 > nav > ul#navigation ul { top: 50px; left: 0px; padding: 5px 0 8px 0; } #nav-normal-19 > nav > ul#navigation ul li ul { top: 0; left: 180px; } #nav-normal-19 > nav > ul#navigation ul li { clear:both; width:100%; position:relative; } #nav-normal-19 > nav > ul#navigation ul li a { background:none; padding:7px 15px; color:#ebebeb; text-decoration:none; display:inline-block; float:left; clear:both; line-height: 120%; } #nav-normal { width: 1180px; margin: 0 auto; min-height: 40px; background: #256CA3; border-top: 3px solid #2C4E73; height: 50px; font-size: 1.05em; } #nav-normal > nav {} #nav-normal > nav > ul {} #nav-normal > nav > ul > li { float: left; height: 50px; } #nav-normal > nav > ul > li#program-pro-quality > a { color: #EFFF00 } #nav-normal > nav > ul > li#firmy-rekomendowane > a { color: #EFFF00 } #nav-normal > nav > ul > li#szkolenia > a { color: #EFFF00 } #nav-normal > nav > ul > li.home a { background: url(../../img/2020/home-icon.png) no-repeat center center; width: 20px; } #nav-normal > nav > ul > li.home:hover a { background: url(../../img/2020/home-icon-hover.png) no-repeat center center; } #nav-normal > nav > ul > li.home > a > .stripe { background: #c7c7c7; } #nav-normal > nav > ul > li > a > .stripe { position: absolute; width: 100%; height: 3px; background: #293746; top: -3px; left: 0; } #nav-normal > nav > ul > li > a > .stripe.stripe-poradnik-okienny-2326 { background: #ff7e00; } #nav-normal > nav > ul > li > a > .stripe.stripe-okna-energooszczedne-2316 { background: #efbb00; } #nav-normal > nav > ul > li > a > .stripe.stripe-montaz-okien-2264 { background: #339999; } #nav-normal > nav > ul > li > a > .stripe.stripe-prawo-2257 { background: #df4661; } #nav-normal > nav > ul > li > a > .stripe.stripe-program-pro-quality { background: #EFFF00; } #nav-normal > nav > ul > li > a > .stripe.stripe-szkolenia { background: #1FD6D6; } #nav-normal > nav > ul > li > a > .stripe.stripe-katalog-produktow { background: #EFFF00; } #nav-normal > nav > ul > li > a > .stripe.stripe-katalog-firm-2315 { background: #DDC99E; } #nav-normal > nav > ul > li > a > .stripe.stripe-szyby-i-szklo-2287 { background: #9ACEEB; } #nav-normal > nav > ul > li > a > .stripe.stripe-galerie { background: #E06FC1; } #nav-normal > nav > ul > li > a > .stripe.stripe-fuszera-jak-cholera { background: #DFF30D; } #nav-normal > nav > ul > li > a > .stripe.stripe-quiz-wiedzy { background: #DFF30D; } #nav-normal > nav > ul > li > a > .stripe.stripe-szkolenia { background: #DFF30D; } #nav-normal > nav > ul > li > a > .stripe.stripe-konfigurator-okien { background: #7eb943; } #nav-normal > nav > ul > li > a > .stripe.stripe-firmy-rekomendowane { background: #DFF30D; } #nav-normal > nav > ul > li > a > .stripe.stripe-wiecej { background: #1B73E2; } #nav-normal > nav > ul > li > a { color: #EBEBEB; line-height: 49px; height: 50px; padding: 0 10px; display: block; position: relative; z-index: 1; font-size: .9em; } #nav-normal > nav > ul > li > .drop-down { display: none; width: 100%; left: 0; right: 0; top: 50px; background: #205E8E; min-height: 50px; position: absolute; border-top: 1px solid #205E8E; z-index: 0; } #nav-normal > nav > ul > li > .drop-down > ul {} #nav-normal > nav > ul > li > .drop-down > ul > li { border: none; float: left; height: 50px; padding: 0 9px; } #nav-normal > nav > ul > li > .drop-down.drop-program-pro-quality > ul > li:first-child { margin: 0 0 0 10px; } #nav-normal > nav > ul > li > .drop-down.drop-program-pro-quality > ul > li { border: none; width: 22%; height: auto; font-size: 105%; } #nav-normal > nav > ul > li > .drop-down.drop-firmy-rekomendowane > ul > li:first-child { margin: 0 0 0 10px; } #nav-normal > nav > ul > li > .drop-down.drop-firmy-rekomendowane > ul > li { border: none; width: 22%; height: auto; font-size: 105%; } #nav-normal > nav > ul > li > .drop-down > ul > li > a { color: #EBEBEB; line-height: 49px; font-size: .9em; } #nav-normal > nav > ul > li > .drop-down > ul > li > a:hover { color: #AFD9F5; } #nav-normal > nav > ul > li:hover { background: #205E8E; } #nav-normal > nav > ul > li:hover a { color: #AFD9F5; } #nav-normal > nav > ul > li:hover > .drop-down {} #nav-normal > nav > ul > li > .drop-down > ul > li > .drop-down { display: none; padding: 0 0 20px 0; } #nav-normal > nav > ul > li > .drop-down > ul > li > .drop-down > ul { overflow: hidden; border-left: 0px solid #1F2931; } #nav-normal > nav > ul > li > .drop-down > ul > li > .drop-down > ul > li { float: left; clear: both; height: auto; margin: 0 0 5px 0; padding: 0 0 0 16px; background: url(../../img/2020/drop-down-line.png) no-repeat left center; font-size: 90%; } #nav-normal > nav > ul > li > .drop-down > ul > li > .drop-down > ul > li:last-child { margin: 0 0 0 0; } #nav-normal > nav > ul > li > .drop-down > ul > li > .drop-down > ul > li > a { line-height: 150%; height: auto; color: #EBEBEB; } #nav-normal > nav > ul > li > .drop-down > ul > li > .drop-down > ul > li > a::before {} #nav-normal > nav > ul > li > .drop-down > ul > li > .drop-down > ul > li > a:hover { line-height: 150%; height: auto; color: #AFD9F5; } #nav-mobile { width: 1180px; margin: 0 auto; min-height: 40px; background: #256CA3; border-top: 3px solid #2C4E73; height: 45px; } #nav-mobile > nav { text-align: center; cursor: pointer; } #nav-mobile > nav::before { content: 'rozwiń menu'; padding: 0 0 0 30px; font-size: 1.2em; color: #fff; background: url(../../img/2020/menu-mobile-nav.png) no-repeat left 14px; font-weight: 700; height: 45px; line-height: 44px; cursor: pointer; display: inline-block; font-family: 'Archivo Narrow', Arial; -ms-text-size-adjust: 100%; } #nav-mobile > nav:before { content: 'rozwiń menu'; font-size: 1.2em; color: #fff; font-weight: 700; height: 45px; line-height: 44px; display: inline-block; } #nav-mobile.visible > nav:before { content: 'zwiń menu'; } #nav-mobile.visible > nav::before { content: 'zwiń menu'; background: url(../../img/2020/menu-mobile-nav-close.png) no-repeat left 14px; } #nav-mobile > nav > ul { display: none; background: #256CA3; padding: 0 0 5px 0; overflow: hidden; } #nav-mobile > nav > ul > li { padding: 0 2.5%; width: 45%; float: left; } #nav-mobile > nav > ul > li:nth-child(odd) { clear: left; } #nav-mobile > nav > ul > li > a { color: #EBEBEB; padding: 9px 0; display: block; border-top: 1px solid #4A73A0; font-size: .9em; font-weight: 700; } #nav-mobile > nav > ul > li#oferta-dla-firm-main > a { color: #DFF30D; } #nav-mobile > nav > ul > li > a:hover { color: #AFD9F5; } #nav-mobile > nav > ul > li > .drop-down > ul { display: block !important; } #content { width: 1180px; padding: 20px 0; margin: 0 auto; z-index: 1; } #content #primary { z-index: 1; width: 860px; float: left; max-width: 72.95%; } #content #secondary { z-index: 1; width: 320px; float: right; max-width: 27.05%; } #content .btn-outside { background: #24771e; border-bottom: 2px solid #163e13; color: #fff !important; padding: 10px 0; text-align: center; clear: both; display: block; font-size: 1.2em; font-weight: 700; cursor: pointer; } #content .btn-outside:hover { background: #24651f; } #content .load-to-col-1, #content .load-to-col-2 { display: none; } #content .load { overflow: hidden; width: 98.35%; margin: 0 0 15px 0; } #content .load.w100 { width: 100%; } #content .load.w50 { width: 50%; } #content .load.w49 { width: 49.5%; clear: none; } #content .reko-stat.w49 { width: 49.5%; clear: none; } #content #hide-news { display: none; } #content .leader { overflow: hidden; width: 98.35%; border-bottom: 2px solid #d7d7d7; background: #fff; margin: 0 0 15px 0; } #content .leader.no-border { border: none; } #content .leader .inside { padding: 12px; } #content .leader .inside h4 { margin: .5em 0; font-size: 1.00em; } #content .leader .inside.stripe {} #content .leader .inside.stripe a { display: block; } #content .leader .inside.stripe a img { display: block; width: 100%; } #content .leader .inside.no-padding { padding: 0px; } #content .meta.pt10 { padding-top: 10px; } #content .meta.pb10 { padding-bottom: 10px; } #content .leader h1, #content .leader h2, #content .leader h3 { margin: 0 0 .45em 0; color: #246293; font-size: 2em; line-height: 120%; } #content .leader h3.sub { margin: 0 0 .45em 0; color: #246293; font-size: 1.5em; line-height: 120%; } #content .leader h1.so-lonely, #content .leader h2.so-lonely, #content .leader h3.so-lonely { margin: 0em 0; color: #246293; font-size: 2em; line-height: 120%; } #content .leader h3.so-lonely.smaller { margin: 0em 0; color: #246293; font-size: 1.5em; line-height: 120%; } #content .leader h4.so-lonely { margin: 0em 0; color: #246293; font-size: 1.2em; line-height: 120%; } #content .leader h5.so-lonely { margin: 0em 0; color: #246293; font-size: 2em; line-height: 120%; } #content .leader .so-lonely.mb12 { margin-bottom: 12px; } #content .leader .so-lonely .more-in-cat { background: url(../../img/2020/more-in-cat.png) no-repeat right center; padding: 0 30px 0 0; } #content .leader h1 a, #content .leader h2 a, #content .leader h3 a, #content .leader h4 a, #content .leader h5 a { color: #246293; } #content .leader p { text-align: justify; margin: 1em 0; } #content .leader p.more-desc-expand { color: blue; font-weight: bold; cursor: pointer; font-size: .95em; } #content .leader .more-desc { display: none; } #content .leader p a { font-weight: 700; color: #5499E5; } #content .leader ul { list-style: circle; padding: 0 0 0 20px; } #content .leader ul li { margin: 0 0 5px 0; } #content .leader .about { background: #23AD12; color: #fff; font-weight: bold; padding: 3px 12px; } #content .leader .jump-to-section { text-align: center; } #content .leader .jump-to-section a { font-weight: bold; display: inline-block; } #content .leader h1.so-lonely img { vertical-align: middle; } #content .leader .wrapp h2 { font-size: 1.4em; margin: 0 0 .2em 0; line-height: 100%; max-width: 175px; } #content .leader .wrapp h3 { font-size: 1.1em; margin: 0 0 .4em 0; line-height: 100%; max-width: 200px; } #content .leader .wrapp p { margin: 0 0 .2em 0; line-height: 120%; text-align: left; } #content .leader .wrapp a { color: #5499E5; } #content .leader .wrapp a:hover { color: #4681C3; } #content .leader #marker_list.m12b { display: none; } #content .leader #marker_list { display: none; list-style: none; overflow: hidden; width: 100%; padding: 0; } #content .leader #marker_list li { margin: 0 0 12px 0; padding: 10px; cursor: pointer; background: #f7f7f7; border-bottom: 2px solid #ddd; } #content .leader #map_canvas.column { width: 100%; height: 250px; margin: 0 0 12px 0; } #content .leader .pq-map-col { width: 33%; float: right; } #content .leader .pq-data-col { width: 65%; float: left; } #content .leader .logo.home-logo { width: 33%; float: right; margin: 0 0 12px 0; } #content .leader .logo.home-logo.nm { margin: 0 0 0px 0; } #content .leader .logo.home-logo img { display: block; width: 100%; } #quiz .alert { width: 100%; font-weight: bold; margin: 0 0 12px 0; } #content .alert { overflow: hidden; width: 98.35%; margin: 0 0 15px 0; font-weight: 700; } #quiz .alert.inner, #content .alert.inner { width: 100%; } #quiz .alert.success, #content .alert.success { border-bottom: 2px solid #27C836; background: #C0F9B0; color: #2E6F1C; } #content .alert.success a { color: #2E6F1C; } #content .alert.warning { border-bottom: 2px solid #C87D27; background: #F4D483; color: #A64F22; } #content .alert.warning a { color: #A64F22; } #content .alert.info { border-bottom: 2px solid #64ACE8; background: #B0D8F9; color: #285E9B; } #content .alert.info a { color: #285E9B; } #quiz .alert.info { border-bottom: 2px solid #64ACE8; background: #B0D8F9; color: #285E9B; } #quiz .alert.info a { color: #285E9B; } #quiz .alert.error, #content .alert.error { border-bottom: 2px solid #F54747; background: #F9B0B0; color: #BA1E1E; } #content .alert.error a { color: #BA1E1E; } #content .alert .inside { padding: 12px 12px; } #quiz .alert .inside { padding: 12px 12px; } #content .alert .inside h2 { color: #424547; margin: 0; font-size: 1.2em; } #content .add-company-info { background: url(../../img/2020/add-company-teaser.jpg) right center; overflow: hidden; width: 98.35%; margin: 0 0 15px 0; font-weight: 700; height: auto; display: block; color: #fff; font-size: 1.2em; line-height: 130%; text-align: left; } #content .add-company-info .inside { padding: 18px 12px; } #content .col-1 { width: 48.3%; float: left; margin: 0 1.7% 0 0.0%; clear: left; } #content .col-2 { width: 48.3%; float: left; margin: 0 1.7% 0 0.0%; } #content .col-3 { width: 25.0%; float: left; margin: 0 0 0 0.5%; } #content .col-1-side { width: 48.3%; float: left; margin: 0 1.7% 0 0.0%; clear: left; } #content .col-2-side { width: 48.3%; float: left; margin: 0 0 0 1.7%; } #content .col-2-side-product {} #content .col-2-side-product .product {} #content .col-5 { width: 100%; float: left; margin: 0; clear: left; } #content .col-5 .box { float: left; width: 48.3%; margin-right: 1.7%; } #content .three-in-row { width: 98.35%; } #content .three-in-row .single-item { margin: 0 0 0 0; width: 32.2%; float: left; } #content .three-in-row .single-item.item-1, #content .three-in-row .single-item.item-4 { margin-right: 0.85%; clear: left; } #content .three-in-row .single-item.item-2, #content .three-in-row .single-item.item-5 { margin-right: 0.85%; margin-left: 0.85%; } #content .three-in-row .single-item.item-3, #content .three-in-row .single-item.item-6 { margin-left: 0.85%; } #content .three-in-row .single-item .box {} #content .three-in-row .single-item .box .inside {} #content .three-in-row .single-item .box .inside h3.title { font-size: 1.25em; line-height: 120%; padding: 0 0 5px 0; } #content .three-in-row .single-item .box .inside .description { font-size: .95em; margin: 1em 0 .2em 0; line-height: 140%; } #content .box { border-bottom: 2px solid #d7d7d7; background: #fff; margin: 0 0 15px 0; } #content .box .center { text-align: center; } #content .box.two-in-row { border-bottom: none; background: transparent; margin: 0 0 5px 0; padding: 0; } #content .box.classic { -webkit-text-size-adjust: none; } #content .box.sand { background: #fff; } #content .box .p-list {} #content .box .p-list li { margin: 0 0 5px 0; } #content .box .p-list li h4 { margin: 0; } #content .box .p-list li a { color: #5499E5; font-weight: 700; font-size: 1.1em; } #content .box .p-list li a:hover { color: #4681C3; } #content .box .p-list li a.it-is:hover, #content .box .p-list li a.it-is { color: #236192; } #content .box.raport-energooszczednosci { background: #24771e url(../../img/2020/swinka-skarbonka.png) no-repeat right bottom; border-bottom: 2px solid #163e13; color: #fff; display: block; border-radius: 3px; } #content .box.raport-energooszczednosci.homepage { background: #24771e url(../../img/2020/swinka-skarbonka-home.png) no-repeat right bottom; width: 98.35%; } #content .box.raport-energooszczednosci h3 { color: #fff; font-size: 1.5em; line-height: 140%; margin: 0; } #content .box.raport-energooszczednosci p { color: #fff; font-size: 1.2em; line-height: 140%; margin: 0; font-family: 'Archivo Narrow',Arial; font-weight: bold; } #content .box.raport-energooszczednosci h3 a, #content .box.raport-energooszczednosci p a { color: #fff; } #content .box.raport-energooszczednosci ul { overflow: hidden; padding-top: 12px; } #content .box.raport-energooszczednosci ul.homepage { padding-top: 0px; } #content .box.raport-energooszczednosci ul li { background: #fff; width: 60px; height: 60px; border-radius: 30px; float: left; margin: 0 10px 10px 0; } #content .box.raport-energooszczednosci.homepage ul li { margin: 0 10px 0 0; } #content .box.raport-energooszczednosci ul li img { display: block; max-width: 100%; border-radius: 30px; } #content .box.raport-energooszczednosci .home-wrapper { float: left; margin: 0 15px 0 0; padding: 3px 0 0 10px; } #content .leader .inside.sort-it {} #content .leader .inside.sort-it a { color: #5499E5; font-weight: 700; } #content .leader .inside.sort-it a:hover { color: #4681C3; } #content .leader .inside.sort-it a.selected { color: #27d41b; } #content .box .inside { padding: 12px; } #content .box .inside .subtitle { margin: 0; font-size: 1.2em; } #content .box .inside.is-photo { padding: 6px; } #content .box .inside.is-photo .vote-and-share { padding: 0px 0 0 0; } #content .box .inside.is-photo .vote-and-share .item-v { float: left; color: #fff; font-weight: 700; text-align: center; font-size: .9em; } #content .box .inside.is-photo .vote-and-share .item-v a { color: #fff; } #content .box .inside.is-photo .vote-and-share .item-v.is-vote { background: #f0ff00; width: 34%; } #content .box .inside.is-photo .vote-and-share .item-v.is-vote-new { background: #fff; width: 100%; padding: 5px 0 0 0; } #content .box .inside.is-photo .vote-and-share .item-v.is-vote.blocked { background: #aaa; } #content .box .inside.is-photo .vote-and-share .item-v.is-vote.voted { opacity: .5; } #content .box .inside.is-photo .vote-and-share .item-v.is-vote a, #content .box .inside.is-photo .vote-and-share .item-v.is-vote span { color: #000; display: block; width: 100%; padding: 5px 0; } #content .box .inside.is-photo .vote-and-share .item-v.is-count { background: #51ab23; padding: 5px 0; width: 20%; } #content .box .inside.is-photo .vote-and-share .item-v.is-share { background: #376b98 url(../../img/2020/facebook-icon-share.png) no-repeat 12px center; width: 34%; } #content .box .inside.is-photo .vote-and-share .item-v.is-share:hover { opacity: .9; } #content .box .inside.is-photo .vote-and-share .item-v.is-share a { display: block; padding: 5px 12px 5px 0; text-align: right; } #content .box .inside.is-photo .vote-and-share .item-v.is-link { background: #5bc6de url(../../img/2020/anchor-link.png) no-repeat center center; width: 12%; padding: 5px 0; } #content .box .inside.is-photo .vote-and-share .item-v.is-link:hover { opacity: .9; } #content .box.product { width: 48.3%; float: left; } #content .box.product:nth-child(odd) { margin-right: 1.7%; clear: left; } #content .box.product:nth-child(even) { margin-left: 1.7%; } #content .box.product .inside { padding: 6px; } #content .box.product .inside h3, #content .box.product .inside h4 { margin: .5em 0 .2em 0; text-align: center; } #content .col-1-side-product .box.product, #content .col-2-side-product .box.product { margin-bottom: 6px; } #content .col-1-side-product .box.product .inside h3, #content .col-1-side-product .box.product .inside h4, #content .col-2-side-product .box.product .inside h3, #content .col-2-side-product .box.product .inside h4 { font-size: 1.05em; margin: .5em 0 .1em 0; text-align: center; } #content .box.product .inside h3 a, #content .box.product .inside h4 a { color: #246293; } #content .box .inside .date-category { color: #9d9d9d; margin: 0 0 12px 0; font-size: .85em; } #content .box .inside .date-category .active { color: green; } #content .box .inside .date-category .not-active { color: red; text-decoration: line-through; } #content .box .inside .date-category .is { color: #1188ce; } #content .box .inside .date-category a { color: #9d9d9d; } #content .box .inside .date-category a:hover { color: #7274c3; } #content .box .inside .title { font-size: 1.70em; margin: 0 0 1px 0; line-height: 120%; padding: 5px 0; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; color: #246293; -ms-text-size-adjust: 90%; } #content .box .inside .title.small { font-size: 1.30em; } #content .box .inside .title.so-alone { margin: 0 0 8px 0; } #content .box.rekomendacje { margin: 0 0 6px 0; } #content .box.rekomendacje .inside .title { font-size: 1.70em; margin: 0 0 0px 0; line-height: 120%; padding: 0px 0; } #content .box .inside .title.so-lonely { font-size: 1.90em; margin: 0 0 10px 0; line-height: 120%; } #content .box .inside .title.so-lonely.nm { margin: 0; line-height: 100%; } #content .box .inside .title a { display: block; color: #246293; } #content .box .inside .standard { } #content .box .inside .thumb { width: 100%; overflow: hidden; position: relative; } #content .box .inside .thumb .icon { position: absolute; left: 2px; bottom: 2px; z-index: 2; } #content .box .inside .thumb a { display: block; z-index: 0; position: relative; } #content .box .inside .thumb a img { display: block; width: 100%; padding: 0; border: none; } #content .box .inside .thumb a.icon img { display: block; width: 24px; } #content .box .inside .thumb a .watch-movie { display: block; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 50px; height: 50px; background: url(../../img/2020/play-movie-icon.png) no-repeat center center; } #content .box .inside .thumb:hover a img { opacity: .9; } #content .box .inside .thumb .social { position: absolute; z-index: 1; background: #fff; bottom: 0; left: 0; padding: 4px 4px 1px 0px; width: 119px; height: 24px; } #content .box .inside .thumb .social .fb { float: left; margin: 0 7px 0 0; } #content .box .inside .thumb .social .gp { float: left; width: 30px; } #content .box .inside .thumb .read-icon { width: 64px; height: 16px; background: url(../../img/2020/read-icon.png) no-repeat left top; position: absolute; left: 50%; top: 45%; margin: 0 0 0 -32px; display: none; } #content .box .inside .thumb:hover .read-icon { display: block; } #content .box .inside .single-point-map { width: 100%; height: 175px; margin: 7px 0 0 0; } #content .box .inside .description { text-align: justify; margin: 1em 0; line-height: 150%; font-size: .9em; } #content .box .inside .description.so-lonely { margin: 1em 0 .4em 0; } #content .box .inside .description a { color: #2d2a2a; font-weight: 400; } #content .box .inside .details-text { margin: 0 0 -.7em 0; } #content .box .inside .details-text a { color: #256CA3 } #content .box .inside .details-text a:hover { color: #307EBA } #content .box .inside .tags { padding: 7px 0; overflow: hidden; } #content .box .inside .tags a { float: left; margin: 0 5px 5px 0; border: 1px solid #bed6ff; background: #d9edff; color: #2d2a2a; font-weight: bold; font-size: .80em; -ms-text-size-adjust: 90%; -ms-box-sizing: border-box; padding: 4px 6px; } #content .box .inside .tags a:hover { border: 1px solid #9aadcd; background: #ebf6ff; } #content .box .inside .share { overflow: hidden; } #content .box .inside .share .fb { width: 50%; float: left; background: #1b3286; height: 39px; position: relative; } #content .box .inside .share .fb:hover { background: #2742A2; } #content .box .inside .share .fb .icon { width: 9px; height: 18px; background: url(../../img/2020/facebook-icon-share.png) no-repeat left top; left: 50%; top: 50%; margin: -8px 0 0 -4px; position: absolute; } #content .box .inside .share .gp { width: 50%; float: left; background: #c40808; height: 39px; position: relative; } #content .box .inside .share .gp:hover { background: #DA2222; } #content .box .inside .share .gp .icon { width: 18px; height: 17px; background: url(../../img/2020/google-plus-icon.png) no-repeat left top; left: 50%; top: 50%; margin: -8px 0 0 -8px; position: absolute; } #content .box.training .inside .alert { width: 100%; margin: 0 0 7px 0; } #content .box.training .inside .alert .inside { padding: 7px 10px; } #content .box.training .inside .title { font-size: 2.10em; margin: 0 0 1px 0; line-height: 120%; padding: 0px 0; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; color: #246293; -ms-text-size-adjust: 90%; } #content .box.training .inside .timeItemBlock { padding: 0 0 5px 0; } #content .box.training .inside .timeItemBlock .item { border-bottom: 2px solid #d7d7d7; background: #f6f6f6; margin: 0 0 5px 0; font-size: 1.1em; } #content .box.training .inside .timeItemBlock .item a { padding: 7px 10px 6px 30px; display: block; font-weight: 700; } #content .box.training .inside .timeItemBlock .item a.good { color: #256293; background: url(../../img/2020/time.png) no-repeat 8px 9px; } #content .box.training .inside .timeItemBlock .item a.overcrowded { color: #d71818; background: url(../../img/2020/stop.png) no-repeat 8px 9px; } #content .box.training .inside .timeItemBlock .item a.alert2 { color: #DA9414; background: url(../../img/2020/alert.png) no-repeat 8px 9px; } #content .box.offer .inside .title { font-size: 1.9em; line-height: 120%; margin: 0 0 10px 0; } #content .box.pro-quality { border: none; background: #fff; border-bottom: 2px solid #d7d7d7; } #content .box.pro-quality .inside .title { position: relative; height: 64px; } #content .box.pro-quality .inside .title h2 { font-size: 1.0em; margin: 0; line-height: 120%; font-weight: normal; } #content .box.pro-quality .inside .title a { color: #246293; font-weight: 700; } #content .box.pro-quality .inside .title .fb { width: 32px; height: 32px; background: #256CA3; position: absolute; top: 0; right: 0; bottom: 32px; padding: 0; } #content .box.pro-quality .inside .title .fb:hover { background: #307EBA; } #content .box.pro-quality .inside .title .fb .icon { width: 20px; height: 20px; background: url(../../img/2020/facebook-icon-pro-quality.png); position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; } #content .box.pro-quality .inside .title .gp { width: 32px; height: 32px; background: #DF2D2D; position: absolute; top: 32px; right: 0; bottom: 0px; padding: 0; } #content .box.pro-quality .inside .title .gp:hover { background: #EC3C3C; } #content .box.pro-quality .inside .title .gp .icon { width: 20px; height: 20px; background: url(../../img/2020/google-plus-icon-pro-quality.png); position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -10px; } #content .box.pro-quality .inside .rank { padding: 7px 0 7px 0; } #content .box.pro-quality .inside .rank .position { border-bottom: 1px solid #CBE1F7; position: relative; padding: 5px 0 5px 30px; } #content .box.pro-quality .inside .rank .position:last-child { border-bottom: none; } #content .box.pro-quality .inside .rank .position .icon { position: absolute; left: 0; top: 6px; width: 19px; height: 19px; } #content .box.pro-quality .inside .rank .position h3 { margin: 0; font-size: 1.1em; padding: 0 40px 0 0; } #content .box.pro-quality .inside .rank .position h3 a { color: #246293; font-weight: 700; } #content .box.pro-quality .inside .rank .position h4 { margin: 0; font-size: .9em; } #content .box.pro-quality .inside .rank .position h4 a { color: #619ED2; font-weight: normal; } #content .box.pro-quality .inside .rank .points { position: absolute; right: 0; top: 5px; font-size: 1.1em; } #content .box.pro-quality .inside .rank .points a { color: #246293; font-weight: 700; } #content .box.pro-quality .inside .rank .points.resign a { color: #fb0000; font-weight: 700; } #content .box.pro-quality .inside .rank .position-1 .icon { background: url(../../img/2020/gold-icon.png) no-repeat left top; text-indent: -9999px; } #content .box.pro-quality .inside .rank .position-2 .icon { background: url(../../img/2020/silver-icon.png) no-repeat left top; text-indent: -9999px; } #content .box.pro-quality .inside .rank .position-3 .icon { background: url(../../img/2020/bronze-icon.png) no-repeat left top; text-indent: -9999px; } #content .box.pro-quality .inside .rank .position-4 .icon, #content .box.pro-quality .inside .rank .position-5 .icon, #content .box.pro-quality .inside .rank .position-6 .icon, #content .box.pro-quality .inside .rank .position-7 .icon, #content .box.pro-quality .inside .rank .position-8 .icon, #content .box.pro-quality .inside .rank .position-9 .icon, #content .box.pro-quality .inside .rank .position-10 .icon { text-align: center; background: #246293; color: #fff; width: 16px; height: 16px; top: 7px; left: 1px; line-height: 16px; font-size: .9em; } #content .box.pro-quality .inside .more { text-align: center; display: block; padding: 8px 10px; font-size: 1.2em; } #content .box.pro-quality .inside .more:hover { } #content .box.standard {} #content .box.standard .inside .title a { color: #246293; } #content .box.standard .inside .more { display: block; text-align: center; padding: 8px 10px; text-align: center; font-size: 1.2em; margin: 7px 0 0 0; } #content .box.standard .inside .more:hover {} #content .box.standard .inside .company { overflow: hidden; padding: 7px 0 0 0; } #content .box.standard .inside .company table { border: none; margin: 0 0 0 -2px; } #content .box.standard .inside .company table td { border: 1px solid #d7d7d7; width: 50%; height: 100px; } #content .box.standard .inside .company table td:hover { border: 1px solid #70aff6; } #content .box.standard .inside .company table td .wrapp {} #content .box.standard .inside .company table td img { max-width: 95%; max-height: 95%; } #content .box.standard.newsletter { background: #fff url(../../img/2020/newsletter-subscribe-sml.jpg) no-repeat right top; } #content .box.standard.newsletter h2 { } #content .box.standard.map {} #content .box.standard.map .inside .title { margin: 0 0 12px 0; padding: 0; } #content .box.standard.map .inside .map-wrapper { width: 100%; height: 250px; position: relative; } #content .box.standard.map .inside .map-wrapper a.layer { width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 100; position: absolute; } #content .box.standard.map .inside #map_cnavas_side {} #content .box.standard.map .inside .wrapp {} #content .box.standard.map .inside .wrapp h2 { font-size: 1.25em; margin: 0 0 5px 0; } #content .box.standard.map .inside .wrapp p { margin: 0 0 5px 0; line-height: 120%; font-size: .9em; } #content .box.standard.map .inside .wrapp a { color: #5499E5; font-size: .9em; } #content .box.standard.map .inside .wrapp a:hover { color: #4681C3; } #content .box .inside .module-items { padding: 10px 0 0px 0px; } #content .box .inside .module-items li { font-size: 1.0em; margin: 0 0 10px 0; line-height: 150%; border: 1px solid #ddd; overflow: hidden; padding: 0 0 0 0; } #content .box .inside .module-items li:last-child { margin: 0; padding: 0; } #content .box .inside .module-items li .thumb { margin: 0 0 0px 0; padding: 5px; overflow: hidden; background: #eee; width: auto; } #content .box .inside .module-items li .thumb a { width: 100%; display: block; } #content .box .inside .module-items li .thumb img { display: block; width: 100%; } #content .box .inside .module-items li .desc { background: #eee; } #content .box .inside .module-items li .desc a { color: #2d2a2a; font-weight: bold; display: block; padding: 2px 7px 7px 7px; } #content .box .inside .module-items li .desc a:hover { color: #000; } #content .box.standard .subscribe { padding: 7px 0 0 0; } #content .box.standard .subscribe label { display: none; } #content .box.standard .subscribe input { display: block; border: 1px solid #cbcbcb; background: #ececec; padding: 7px 3%; outline: 0; margin: 0 0 7px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-appearance: none; -webkit-border-radius: 0; } #content .box.standard .subscribe input::-webkit-input-placeholder { color: #555; font-family: 'Archivo Narrow', Arial; } #content .box.standard .subscribe input:-moz-placeholder { color: #555; font-family: 'Archivo Narrow', Arial; } #content .box.standard .subscribe input::-moz-placeholder { color: #555; font-family: 'Archivo Narrow', Arial; } #content .box.standard .subscribe input:-ms-input-placeholder { color: #555; font-family: 'Archivo Narrow', Arial; } #content .box.standard .subscribe input:focus { border: 1px solid #6b9fd5; } #content .box.standard .subscribe button { padding: 0px 3%; background: #1EABBD; color: #fff; border: none; margin: 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 34px; font-size: 1.2em; font-weight: bold; border-radius: 0; font-family: 'Archivo Narrow', Arial; } #content .box.standard .subscribe button:hover { background: #1995A5; } #content #next-image { padding: 0px 3%; background: #1EABBD; color: #fff; border: none; margin: 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 34px; font-size: 1.2em; font-weight: bold; border-radius: 0; font-family: 'Archivo Narrow', Arial; line-height: 34px; text-align: center; text-decoration: none; } #content .box .inside .company {} #content .box .inside .company .item { width: 49.4%; float: left; text-align: center; padding: 0.3%; } #content .box .inside .company .item .inner { border: 1px solid #d7d7d7; display: table; vertical-align: middle; width: 99%; height: 120px; } #content .box .inside .company .item .inner:hover { border: 1px solid #88B5DA; } #content .box .inside .company .item a { display: table-cell; vertical-align: middle; } #content .box .inside .company .item a img { max-width: 100%; } #content .box .inside .categories { list-style: circle; padding: 10px 0 6px 20px; color: #3C6CC3; } #content .box .inside .categories li { margin: 0 0 5px 0; } #content .box .inside .categories li a { color: #3C6CC3; } #content .box .inside .categories li a:hover { color: #374869; } #content .box.comm { overflow: hidden; padding: 0 0 0 0; border-bottom: none; } #content .two-in-row .box.comm { margin: 0 0 10px 0; border-bottom: 2px solid #d7d7d7; } #content .box.comm object { margin: 0px auto; display: block; } #content .box.comm img { margin: 0 auto; width: 100%; display: block; max-width: 360px; } #content .box.comm .isSwf { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/transparent.png) repeat; } #content .box.cat-comm { overflow: hidden; padding: 0 0 0 0; border-bottom: none; width: 98.35%; background: transparent; } #content .box.cat-comm img { margin: 0 auto; width: 100%; display: block; max-width: 904px; } #content .box.cat-comm .isSwf { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/transparent.png) repeat; display: block; line-height: 100%; } #content .box.cat-comm-pq { overflow: hidden; padding: 0 0 0 0; border-bottom: none; width: 98.35%; background: transparent; } #content .box.cat-comm-pq img { margin: 0 auto; width: 100%; display: block; max-width: 904px; } #content .box.cat-comm-pq .isSwf { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/transparent.png) repeat; display: block; line-height: 100%; } #primary .main .thisArticle .content #compare-pin-pq { border: none; } #primary .main .thisArticle .content #compare-pin-pq th { background: none; } #primary .main .thisArticle .content #compare-pin-pq td { background: #f6f6f6; } #primary .main .thisArticle .content #compare-pin-pq td, #primary .main .thisArticle .content #compare-pin-pq th { border: none; border-left: 2px solid #fff; border-bottom: 2px solid #fff; } #primary .main .thisArticle .content #compare-pin-pq .yes { width: 25px; height: 35px; background: url(../../img/2020/check-icon-v2.png) no-repeat center center; text-indent: -9999px; } #primary .main .thisArticle .content #compare-pin-pq .no { width: 25px; height: 35px; background: url(../../img/2020/none-icon.png) no-repeat center center; text-indent: -9999px; } #primary .main .thisArticle .content #compare-pin-pq .cell-lead { background: #41861A; color: #fff; font-size: 1.2em; font-weight: bold; } #primary .main .thisArticle .content #compare-pin-pq .cell-type { background: #55AD23; color: #fff; font-size: 1.3em; font-weight: bold; } #primary .main .thisArticle .content #compare-pin-pq .cell-type .type {} #primary .main .thisArticle .content #compare-pin-pq .cell-type .price { padding: 10px 0; font-size: 1.5em; } #primary .main .thisArticle .content #compare-pin-pq .cell-type .term {} #primary .main .thisArticle .content #compare-pin-pq .cell-option { font-weight: bold; } .cycle-holder { width: 100%; margin: 0 0 10px 0; display: none; } .cycle-holder #custom-pager { width: 100%; text-align: center; } .cycle-holder #custom-pager a { display: inline-block; text-align: center; padding: 8px 0px; background: #ccc; min-width: 28px; color: #fff; margin: 0 2px; line-height: 100%; } .cycle-holder #custom-pager a:hover { background: #aaa; } .cycle-holder #custom-pager a.cycle-pager-active { background: #256CA3; } .cycle-slideshow { width: 100%; margin: 0; } .cycle-slideshow .cycle-prev { position: absolute; left: 15px; top: 50%; margin-top: -16px; z-index: 101; width: 32px; height: 32px; background: rgba(31,41,49,.75) url(../../img/2020/cycle-prev.png) no-repeat left top; border-radius: 2px; cursor: pointer; } .cycle-slideshow .cycle-prev:hover { background: #000 url(../../img/2020/cycle-prev.png) no-repeat left top; } .cycle-slideshow .cycle-next { position: absolute; right: 15px; top: 50%; margin-top: -16px; z-index: 101; width: 32px; height: 32px; background: rgba(31,41,49,.75) url(../../img/2020/cycle-next.png) no-repeat left top; border-radius: 2px; cursor: pointer; } .cycle-slideshow .cycle-next:hover { background: #000 url(../../img/2020/cycle-next.png) no-repeat left top; } .cycle-slideshow .single-slide { width: 98.35%; height: auto; display: block; float: left; background: #fff; border-bottom: 2px solid #d7d7d7; margin: 0 0 10px 0; } .cycle-slideshow img { width: 100%; height: auto; display: block; } #content .cycle-slideshow .single-slide.box { margin: 0 0 10px 0; } #content .cycle-slideshow .single-slide.box .inside h2 { font-size: 1.9em; font-weight: bold; margin: 0 0 15px 0; line-height: 100%; } #content .cycle-slideshow .single-slide.box .inside h2, #content .cycle-slideshow .single-slide.box .inside h2 * { } #content .cycle-slideshow .single-slide.box .inside p { margin: 1em 0; font-size: 1.1em; color: #2d2a2a; min-height: 40px; } #content .cycle-slideshow .single-slide.box .inside p, #content .cycle-slideshow .single-slide.box .inside p * { color: #2d2a2a; } .cycle-slideshow .category { background: orange; color: #fff; position: absolute; left: 0; top: 0; padding: 8px 9px 7px 9px; z-index: 101; font-size: .75em; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; line-height: 100%; } #primary .tabs-menu { height: 30px; float: left; clear: both; } #primary .tabs-menu li { height: 30px; width: 32px; line-height: 29px; float: left; margin-right: 6px; background-color: #E1EBEF; border-top: 2px solid #d7d7d7; text-align: center; } #primary .tabs-menu li.current { position: relative; background-color: #fff; z-index: 5; border-top: 2px solid #256CA3; color: #256CA3; } #primary .tabs-menu li a { padding: 10px; color: #aaa; text-decoration: none; font-weight: 700; font-size: .9em; } #primary .tabs-menu .current a { color: #2e7da3; } #primary .tab { clear: both; overflow: hidden; width: 98.35%; } #primary .tab-content { display: none; } #primary .tab-content.box .title { font-size: 2.1em; margin: .10em 0 .45em 0; } #primary .tab-content.box p { color: #2d2a2a; font-size: 1.1em; margin: 1em 0 .5em 0; } #primary .tab-content.box p a { color: #2d2a2a; } #primary #tab-1 { display: block; } #footer { background: #EDE3E3; border-top: 1px solid #E8DDDD; z-index: 1; } #footer-bar-wrapper { background: #256CA3; width: 100%; padding: 20px 0; } #footer-bar { width: 1180px; margin: 0 auto; } #footer-bar .contact { float: left; color: #EBEBEB; line-height: 120%; } #footer-bar .menu { float: right; margin: 0; padding: 0; } #footer-bar .menu li { float: left; margin: 0; padding: 0 8px 0 9px; border-right: 1px solid #497FBA; line-height: 120%; } #footer-bar .menu li:last-child { padding: 0 0px 0 9px; border-right: none; } #footer-bar .menu li a { color: #EBEBEB; } #footer-bar .menu li a:hover { color: #AFD9F5; } #footer-block-wrapper { width: 1180px; margin: 0 auto; overflow: hidden; } #footer-block { margin: 0 -15px !important; color: #463f3f; padding: 40px 0 20px 0; } #footer-block p { text-align: justify; } #footer-block h4 { margin: 0 0 12px 0; font-size: 150%; } #footer-block.co-op { margin: 0 0 !important; padding: 20px 0 20px 0; } #footer-block.co-op .box { width: 12.5%; float: left; text-align: center; } #footer-block.co-op .box .in { padding: 0 4px; } #footer-block.co-op .box .thumb {} #footer-block.co-op .box .thumb img { display: block; width: 100%; } #footer-block.co-op .box .description { margin: .3em 0; text-align: center; } #footer-block .block { width: 25%; min-height: 100px; float: left; margin: 0 0 20px 0; } #footer-block .block .inner { padding: 0 15px; } #footer-block .block .inner .box .date-category { color: #9d9d9d; margin: 0 0 12px 0; font-size: .9em; } #footer-block .block .inner .box .date-category a { color: #9d9d9d; } #footer-block .block .inner .box .date-category a:hover { color: #7274c3; } #footer-block .block .inner .box .title { font-size: 1.45em; margin: 0 0 1px 0; line-height: 120%; padding: 5px 0; font-family: 'Archivo Narrow', Arial, sans-serif; font-weight: 700; color: #246293; min-height: 46px; -ms-text-size-adjust: 90%; } #footer-block .block .inner .box .title a { display: block; color: #246293; } #footer-block .block .inner .box .standard { } #footer-block .block .inner .box .thumb { width: 100%; overflow: hidden; position: relative; } #footer-block .block .inner .box .thumb a { display: block; z-index: 0; position: relative; } #footer-block .block .inner .box .thumb a img { display: block; width: 100%; } #footer-block .block .inner .box .thumb:hover a img { opacity: .9; } #footer-block .block .inner .box .thumb .social { position: absolute; z-index: 1; background: #EDE3E3; bottom: 0; left: 0; padding: 4px 4px 1px 0px; width: 119px; height: 24px; } #footer-block .block .inner .box .thumb .social .fb { float: left; margin: 0 7px 0 0; } #footer-block .block .inner .box .thumb .social .gp { float: left; width: 30px; } #footer-block .block .inner .box .thumb .read-icon { width: 64px; height: 16px; background: url(../../img/2020/read-icon.png) no-repeat left top; position: absolute; left: 50%; top: 45%; margin: 0 0 0 -32px; display: none; } #footer-block .block .inner .box .thumb:hover .read-icon { display: block; } #footer-block .block .inner .box .description { text-align: justify; margin: 1em 0; line-height: 150%; } #footer-block .block .inner .box .description a { color: #2d2a2a; } .fb-like-box, .fb-like-box span, .fb-like-box.fb_iframe_widget span iframe { width: 100% !important; } .toTop { position: fixed; width: 44px; height: 44px; background: #15181D; bottom: 60px; z-index: 10; border-radius: 3px; cursor: pointer; right: 20px; display: none; } .toTop:hover { background: #000; } .toTop .icon { background: url(../../img/2020/totop-arrow.png) no-repeat left top; width: 25px; height: 16px; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -12px; } .cookies { position: fixed; bottom: 0; left: 0; right: 0; background: #ECDBDB url(../../img/2020/cookie_chocolate.png) no-repeat 10px 15px; padding: 10px 55px 10px 55px; right: 0; font-size: 1em; text-align: justify; z-index: 20; border-top: 1px solid #ccc; } .cookies p { margin: 0; width: 50%; } .closeCookies { width: 22px; height: 22px; text-align: center; background: url(../../img/2020/cookies-close.png) no-repeat left top; position: absolute; top: 15px; right: 20px; } .closeCookies:hover { background: url(../../img/2020/cookies-close-hover.png) no-repeat left top; } #content .breadcrumbs { font-weight: bold; line-height: 120%; color: #aaa; font-size: .85em; } #content .breadcrumbs a { color: #5499E5; text-decoration: none !important; } #content .breadcrumbs a:hover { color: #4681C3; } #content .breadcrumbs span { color: #5499E5; } #content .breadcrumbs span:hover { color: #4681C3; } #content .breadcrumbs.articlePage { overflow: hidden; } #content .breadcrumbs.articlePage ul { list-style: none; padding: 0; } #content .breadcrumbs.articlePage ul li { float: left; margin: 0; padding: 0 0 0 4px; } #content .main { overflow: hidden; width: 98.35%; border-bottom: 2px solid #d7d7d7; background: #fff; margin: 0 0 15px 0; } #content .main.w100 { width: 100%; } #content .main.supercat { width: 100%; background: none; border-bottom: none; } #content .main .inside { padding: 12px; } #content .main .inside p a { font-weight: 700; color: #5499E5; } #content .pagination { width: 98.35%; clear: both; overflow: hidden; } #content .paginate { margin: 0 0 10px 0; overflow: hidden; } #content .paginate .disabled { background: #ccc; color: #777; } #content .paginate .current { background: #8694C0; color: #fff; } #content .paginate a, #content .paginate span { min-width: 30px; height: 30px; float: left; margin: 0 3px 5px 0; font-size: 1.1em; line-height: 29px; text-align: center; } #content .paginate a { background: #246293; color: #fff; } #primary .metadata { color: #999393; font-size: .9em; } #primary .metadata .row { margin: 0 0 11px 0; width: 100%; font-weight: bold; } #primary .metadata .row.last { margin: 0 0 0px 0; } #primary .metadata .row .elem { float: left; margin: 0 12px 0 0; } #primary .metadata .row .elem .text { background: #DBE6EF; padding: 3px 10px; color: #2E3E69; float: left; margin: 0 4px 4px 0; line-height: 120%; -ms-text-size-adjust: none; } #primary .metadata .row .elem .text.active { background: green; color: #fff; } #primary .metadata .row .elem .text.not-active { background: red; color: #fff; } #primary .metadata .row .elem .btn { background: #1EABBD; padding: 3px 10px; color: #fff; float: left; margin: 0 4px 4px 0; line-height: 120%; -ms-text-size-adjust: none; } #primary .metadata .row .elem .btn-p { background: #1188ce; padding: 3px 10px; color: #fff; float: left; margin: 0 4px 4px 0; line-height: 120%; -ms-text-size-adjust: none; } #primary .metadata .row .elem .btn:hover { background: #1995A5; } #primary .metadata .row .tag { float: left; margin: 0 5px 5px 0; border: 1px solid #bed6ff; background: #d9edff; color: #2E3E69; padding: 4px 6px; font-weight: bold; font-size: .9em; -ms-text-size-adjust: none; } #primary .metadata .row .tag:hover { border: 1px solid #9aadcd; background: #ebf6ff; } #primary .metadata .row .fb-like { float: left; margin: 0 4px 4px 0; } #primary .metadata .row .g-plusone { float: left; margin: 0 4px 4px 0; } #primary .metadata .row .g-plus { float: left; margin: 0 4px 4px 0; } #primary .metadata .sch { float: left; } #primary .metadata .sch .publisher { width: 40px; height: 40px; float: left; } #primary .metadata .sch .publisher-logo { border: 1px solid #aaa; } #primary .metadata .sch .publisher-logo img { display: block; width: 100%; } #primary .metadata .sch .date { float: left; line-height: 40px; padding: 0 10px; } #primary .metadata .new-head { padding-top: 5px; } #primary .metadata .article-image { float: left; border: 1px solid #aaa; height: 38px; margin: 0 0 0 5px; } #primary .metadata .article-image img { display: block; max-height: 38px; } #primary .main .thisArticle .photos {} #primary .main .thisArticle .photos .photo-item { width: 46.85%; display: block; float: left; margin: 0 1.5%; } #primary .main .thisArticle .photos .photo-item:nth-child(odd) { clear: left; } #primary .main .thisArticle .photos .photo-item p { margin: 1em 0; font-size: 1.20em; line-height: 130%; text-align: justify; } #primary .main .thisArticle .photos .photo-item a {} #primary .main .thisArticle .photos .photo-item a img { display: block; width: 100%; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -webkit-transform: translateZ(0); } #primary .main .thisArticle .photos .photo-item a img:hover { opacity: .9; } #content .listOfContents { display: none; } #content .listOfContents .closeWrapper { } #content .listOfContents .holdMe {} #content .listOfContents .contents { padding: 7px 0px 15px 0; overflow: hidden; margin: 0 5px 12px 0; } #content .listOfContents .contents h6 { font-size: 2em; margin: 0; } #content .listOfContents .contents ul { list-style: decimal; padding: 0 0 0 30px; } #content .listOfContents .contents ul li { margin: 0 5% 0px 0; width: 43%; float: left; border-bottom: 1px solid #ddd; padding: 6px 0 4px 10px; } #content .listOfContents .contents ul li.active, #content .listOfContents .contents ul li.active:hover { background: #f2f2f2; } #content .listOfContents .contents ul li.active a, #content .listOfContents .contents ul li.active a:hover { color: #407dc1; } #content .listOfContents .contents ul li:nth-child(2n+1) { clear: left; } #content .listOfContents .contents ul li a { color: #5499e5; font-weight: normal; } #content .listOfContents .contents ul li:hover { background: #f7f7f7; } #content .listOfContents .contents ul li:hover a { color: #407dc1; } #content .listOfContents .contents ul li a sup { vertical-align: top; font-size: 0.6em; position: relative; top: -0.4em; } #content .listOfContents .close { background: #256CA3; color: #fff; font-size: 1.2em; cursor: pointer; padding: 8px 10px; text-align: center; font-weight: 700; display: block; } #content .listOfContents .close:hover { background: #4681c3; } #primary .main .thisArticle {} #primary .main .thisArticle p { text-align: justify; } #primary .main .thisArticle .content a { color: #5499E5; font-weight: normal; text-decoration: underline; } #primary .main .thisArticle .content a:hover { color: #4681C3; } #primary .main .thisArticle h1 { font-size: 2.1em; line-height: 120%; margin: 0 0 .5em 0; } #primary .main .thisArticle h1.so-alone { margin: 0; } #primary .main .thisArticle .content h2 { font-size: 1.8em; line-height: 120%; margin: 0 0 .65em 0; } #primary .main .thisArticle .content h3 { font-size: 1.6em; line-height: 120%; margin: 0 0 .8em 0; } #primary .main .thisArticle .content h3 a { text-decoration: none; } #primary .main .thisArticle .content h4 { font-size: 1.4em; line-height: 120%; margin: 0 0 .9em 0; } #primary .main .thisArticle .content p { text-align: justify; margin: 1em 0; font-size: 1.0em; line-height: 150%; } #primary .main .thisArticle .content ul { font-size: 1em; list-style: circle; line-height: 150%; padding: 0 0 0 25px; margin: 1em 0; } #primary .main .thisArticle .content ul.icon { font-size: 1em; list-style: none; line-height: 150%; padding: 0 0 0 0px; margin: 1em 0; } #primary .main .thisArticle .content ul li {} #primary .main .thisArticle .content ul.icon li { margin-bottom: .25em; } #primary .main .thisArticle .content ul li.plus { background: url(../../img/2020/li-plus.png) no-repeat left 2px; padding-left: 20px; } #primary .main .thisArticle .content ul li.minus { background: url(../../img/2020/li-minus.png) no-repeat left 2px; padding-left: 20px; } #primary .main .thisArticle .content ul ul { font-size: 1em; } #primary .main .thisArticle .content ul ul * { font-size: 1em; } #primary .main .thisArticle .content ul ol { font-size: 1em; } #primary .main .thisArticle .content ul ol * { font-size: 1em; } #primary .main .thisArticle .content ol { font-size: 1em; line-height: 150%; padding: 0 0 0 25px; margin: 1em 0; } #primary .main .thisArticle .content ol li {} #primary .main .thisArticle .content ol ul { font-size: 1em; } #primary .main .thisArticle .content ol ul * { font-size: 1em; } #primary .main .thisArticle .content ol ol { font-size: 1em; } #primary .main .thisArticle .content ol ol * { font-size: 1em; } #primary .main .thisArticle .content blockquote { background: #f6f6f6 url(../../img/2020/qoute.png) no-repeat left top; padding: 20px 20px 17px 20px; margin: 1em 0; font-style: italic; border: 2px solid #f2f2f2; border-bottom: 1px solid #d7d7d7; } #primary .main .thisArticle .content blockquote div { display: none; } #primary .main .thisArticle .content table { font-size: 1em; border: 1px solid #d7d7d7; border-collapse: collapse; margin: 1em 0; } #primary .main .thisArticle .content table ol, #primary .main .thisArticle .content table ul { font-size: 1em; } #primary .main .thisArticle .content table td { border: 1px solid #d7d7d7; border-collapse: collapse; } #primary .main .thisArticle .content table th { border: 1px solid #d7d7d7; border-collapse: collapse; background: #f2f2f2; font-weight: 400; font-size: 1em; text-align: center; } #primary .main .thisArticle .content table caption { border: 1px solid #d7d7d7; border-bottom: 0px none; background: #f2f2f2; font-weight: 700; font-size: 1.1em; text-align: center; padding: 10px 10px; } #primary .main .thisArticle .content table.noborder { border: 0px solid #d7d7d7; } #primary .main .thisArticle .content table.noborder td { border: 0px solid #d7d7d7; } #primary .main .thisArticle .content table.noborder th { border: 0px solid #d7d7d7; } #primary .main .thisArticle .content table.noBorder { border: 0px solid #d7d7d7; } #primary .main .thisArticle .content table.noBorder td { border: 0px solid #d7d7d7; } #primary .main .thisArticle .content table.noBorder th { border: 0px solid #d7d7d7; } #primary .main .thisArticle .content .infowindow { background: #ecf3f7 url(../../img/2020/infowindow.png) no-repeat -7px -7px; padding: 12px 20px 12px 20px; margin: .25em 0 1em 0em; font-style: italic; border-bottom: 1px solid #d7d7d7; } #primary .main .thisArticle .content .infowindow p { margin: .3em 0; font-weight: bold; font-size: 1.2em; } #primary .main .thisArticle .content .infowindow p a { font-weight: bold; text-decoration: none; } #primary .main .thisArticle .content .infowindow h3 a { font-weight: bold; text-decoration: none; } #primary .main .thisArticle .content #reko-table { background: #fff; margin: 0 0 12px 0; border: 1px solid #d9edff; } #primary .main .thisArticle .content #reko-table .reko-item { float: left; text-align: center; width: 23%; padding: 7px 1%; } #primary .main .thisArticle .content #reko-table .reko-item.item-1 { padding: 0; } #primary .main .thisArticle .content #reko-table .reko-item.item-2 img { display: block; width: 100%; max-width: 125px; margin: 0 auto; } #primary .main .thisArticle .content #reko-table .reko-item.item-2 {} #primary .main .thisArticle .content #reko-table .reko-item.item-3 {} #primary .main .thisArticle .content #reko-table .reko-item.item-3 img { display: block; width: 100%; max-width: 175px; margin: 0 auto; } #primary .main .thisArticle .content #reko-table .desc { font-size: .9em; color: #2E3E69; } #primary .main .thisArticle .content #reko-table h4 { margin: 0 0 .3em 0; font-size: 1.7em; } #primary .main .thisArticle .content #reko-table h4 a { font-weight: bold; text-decoration: none; } #primary .main .thisArticle .content #reko-table .btns { padding-top: 19px; } #primary .main .thisArticle .content #reko-table .btns.btns-sx { padding-top: 9px; } #primary .main .thisArticle .content #reko-table .btns a.btn { color: #2E3E69; font-weight: 700; padding: 12px 0; text-align: center; text-decoration: none; display: block; width: 99%; font-size: 1.15em; margin: 0 0 1% 0; } #primary .main .thisArticle .content #reko-table .btns a.btn:hover { color: #209bd8; } #primary .main .thisArticle .content #reko-table .btns a.btn.contact { background: url(../../img/2020/phone-icon.png) no-repeat center top; padding-top: 40px; } #primary .main .thisArticle .content #reko-table .btns a.btn.contact:hover { background: url(../../img/2020/phone-icon-hov.png) no-repeat center top; } #primary .main .thisArticle .content #reko-table .btns a.btn.window-details { background: url(../../img/2020/window-details.png) no-repeat center top; padding-top: 40px; } #primary .main .thisArticle .content #reko-table .btns a.btn.window-details:hover { background: url(../../img/2020/window-details-hov.png) no-repeat center top; } #primary .main .thisArticle .content #reko-table .product-info { padding: 21px 0 0 0; } #primary .main .thisArticle .content #reko-table .product-info.long { padding: 10px 0 0 0; } #primary .main .thisArticle .content #reko-table .product-info p { margin: 0; } #primary .main .thisArticle .content #reko-table .product-info a { text-decoration: none; color: #2E3E69; } #primary .main .thisArticle .content #reko-table .product-info a:hover { color: #209bd8; } #primary .main .thisArticle .content #reko-table .product-info.info-sx { padding: 21px 0 0 0; } #primary .main .thisArticle .content #reko-table .product-info .what { font-size: 1.0em; font-weight: bold; } #primary .main .thisArticle .content #reko-table .product-info .producer { font-size: 1.2em; font-weight: bold; } #primary .main .thisArticle .content #reko-table .product-info .product-type { font-size: 1.2em; font-weight: bold; } #primary .main .thisArticle .photo-block-multi-2-items { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-2-items figure { background: #EFF4F9; max-width: 45%; margin: 0 2%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-2-items figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-2-items figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-2-items figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-3-items { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-3-items figure { background: #EFF4F9; max-width: 31%; margin: 0 1%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-3-items figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-3-items figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-3-items figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-3-items-no-slimbox { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-3-items-no-slimbox figure { background: #EFF4F9; max-width: 31%; margin: 0 1%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-3-items-no-slimbox figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-3-items-no-slimbox figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-3-items-no-slimbox figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w40 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w40 figure { background: #EFF4F9; max-width: 40%; margin: 0 2%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w40 figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w40 figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w40 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w50 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w50 figure { background: #EFF4F9; max-width: 50%; margin: 0 2%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w50 figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w50 figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w50 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w60 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w60 figure { background: #EFF4F9; max-width: 60%; margin: 0 2%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w60 figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w60 figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w60 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w70 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w70 figure { background: #EFF4F9; max-width: 70%; margin: 0 2%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w70 figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w70 figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w70 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w80 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w80 figure { background: #EFF4F9; max-width: 80%; margin: 0 2%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w80 figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w80 figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w80 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w100-cover { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w100-cover figure { background: #fff; max-width: 100%; margin: 0%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w100-cover figure a { display: block; padding: 0px; } #primary .main .thisArticle .photo-block-multi-1-items-w100-cover figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left { overflow: hidden; text-align: center; float: left; width: 30%; margin: 0 2% 1% 0; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w40-left { overflow: hidden; text-align: center; float: left; width: 40%; margin: 0 2% 1% 0; } #primary .main .thisArticle .photo-block-multi-1-items-w40-left figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w40-left figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w40-left figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w40-left figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w50-left { overflow: hidden; text-align: center; float: left; width: 50%; margin: 0 2% 1% 0; } #primary .main .thisArticle .photo-block-multi-1-items-w50-left figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w50-left figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w50-left figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w50-left figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w30-right { overflow: hidden; text-align: center; float: right; width: 30%; margin: 0 0 1% 2%; } #primary .main .thisArticle .photo-block-multi-1-items-w30-right figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w30-right figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w30-right figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w30-right figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w40-right { overflow: hidden; text-align: center; float: right; width: 40%; margin: 0 0 1% 2%; } #primary .main .thisArticle .photo-block-multi-1-items-w40-right figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w40-right figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w40-right figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w40-right figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle .photo-block-multi-1-items-w50-right { overflow: hidden; text-align: center; float: right; width: 50%; margin: 0 0 1% 2%; } #primary .main .thisArticle .photo-block-multi-1-items-w50-right figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #primary .main .thisArticle .photo-block-multi-1-items-w50-right figure a { display: block; padding: 6px 6px 6px 6px; } #primary .main .thisArticle .photo-block-multi-1-items-w50-right figure a img { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w50-right figure a img:hover { width: 100%; } #primary .main .thisArticle .photo-block-multi-1-items-w50-right figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #primary .main .thisArticle figure a img { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); } #primary .main .thisArticle figure a img:hover { opacity: .85; } #primary .main .thisArticle .video-container-16-9 { position: relative; overflow: hidden; margin: 0 0 1em 0; } #primary .main .thisArticle .video-container-16-9 iframe, #primary .main .thisArticle .video-container-16-9 object, #primary .main .thisArticle .video-container-16-9 embed { margin: 0 auto; display: block; } #primary .main .thisArticle .video-container-4-3 { position: relative; overflow: hidden; margin: 0 0 1em 0; } #primary .main .thisArticle .video-container-4-3 iframe, #primary .main .thisArticle .video-container-4-3 object, #primary .main .thisArticle .video-container-4-3 embed { margin: 0 auto; display: block; } #content #primary .thumb .video-container-16-9 { position: relative; overflow: hidden; margin: 0 0 1em 0; } #content #primary .thumb .video-container-16-9 iframe, #content #primary .thumb .video-container-16-9 object, #content #primary .thumb .video-container-16-9 embed { margin: 0 auto; display: block; } #fourth .metadata { color: #999393; font-size: .9em; } #fourth .metadata .row { margin: 0 0 15px 0; width: 100%; overflow: hidden; font-weight: bold; } #fourth .metadata .row.last { margin: 0 0 0px 0; } #fourth .metadata .row .elem { float: left; margin: 0 12px 0 0; } #fourth .metadata .row .elem .text { background: #DBE6EF; padding: 3px 10px; color: #2E3E69; float: left; margin: 0 4px 0 0; line-height: 120%; -ms-text-size-adjust: none; } #fourth .main .thisArticle {} #fourth .main .thisArticle .content a { color: #5499E5; font-weight: normal; text-decoration: underline; } #fourth .main .thisArticle .content a:hover { color: #4681C3; } #fourth .main .thisArticle h1 { font-size: 2.1em; line-height: 120%; margin: 0 0 .5em 0; } #fourth .main .thisArticle h1.m-b-none { margin: 0 0 .0em 0; } #fourth .main .thisArticle .content h2 { font-size: 1.8em; line-height: 120%; margin: 0 0 .65em 0; } #fourth .main .thisArticle .content h3 { font-size: 1.6em; line-height: 120%; margin: 0 0 .8em 0; } #fourth .main .thisArticle .content h4 { font-size: 1.4em; line-height: 120%; margin: 0 0 .9em 0; } #fourth .main .thisArticle .content p { text-align: justify; margin: 1em 0; font-size: 1.1em; line-height: 150%; } #fourth .main .thisArticle .content ul { font-size: 1.1em; list-style: circle; line-height: 150%; padding: 0 0 0 25px; margin: 1em 0; } #fourth .main .thisArticle .content ul li {} #fourth .main .thisArticle .content ul ul { font-size: 1em; } #fourth .main .thisArticle .content ul ul * { font-size: 1em; } #fourth .main .thisArticle .content ul ol { font-size: 1em; } #fourth .main .thisArticle .content ul ol * { font-size: 1em; } #fourth .main .thisArticle .content ol { font-size: 1.1em; line-height: 150%; padding: 0 0 0 25px; margin: 1em 0; } #fourth .main .thisArticle .content ol li {} #fourth .main .thisArticle .content ol ul { font-size: 1em; } #fourth .main .thisArticle .content ol ul * { font-size: 1em; } #fourth .main .thisArticle .content ol ol { font-size: 1em; } #fourth .main .thisArticle .content ol ol * { font-size: 1em; } #fourth .main .thisArticle .content blockquote { background: #f6f6f6 url(../../img/2020/qoute.png) no-repeat left top; padding: 20px 20px 17px 20px; margin: 1em 0; font-style: italic; border: 2px solid #f2f2f2; border-bottom: 1px solid #d7d7d7; } #fourth .main .thisArticle .content blockquote div { display: none; } #fourth .main .thisArticle .content table { font-size: 1em; border: 1px solid #d7d7d7; border-collapse: collapse; margin: 1em 0; } #fourth .main .thisArticle .content table td { border: 1px solid #d7d7d7; border-collapse: collapse; } #fourth .main .thisArticle .content table th { border: 1px solid #d7d7d7; border-collapse: collapse; background: #f2f2f2; font-weight: 400; font-size: 1em; text-align: center; } #fourth .main .thisArticle .content table.noborder { border: 0px solid #d7d7d7; } #fourth .main .thisArticle .content table.noborder td { border: 0px solid #d7d7d7; } #fourth .main .thisArticle .content table.noborder th { border: 0px solid #d7d7d7; } #primary .main .thisArticle .gallery, #fourth .main .thisArticle .gallery { width: 100%; } #primary .main .thisArticle .gallery .item, #fourth .main .thisArticle .gallery .item { float: left; width: 25%; margin: 0 0 2px 0; } #primary .main .thisArticle .gallery .item img, #fourth .main .thisArticle .gallery .item img { display: block; max-width: 99%; } #primary .main .thisArticle .ask-for-product, #fourth .main .thisArticle .ask-for-product { display: block; width: 100%; padding: 10px 0 0 0; } #primary .main .thisArticle .ask-for-it-wrapp { width: 100%; overflow: hidden; padding: 5px 0 0 0; margin: 0 0 10px 0; } #primary .main .thisArticle .ask-for-it-wrapp .just-ask { font-size: 1em; font-weight: bold; background: #E69E1B; color: #fff; padding: 3px 12px; display: inline-block; text-decoration: none; margin: 0 3px 0 0; } #primary .main .thisArticle .ask-for-it-wrapp .just-ask:hover { background: #D08F18; color: #fff; } #primary .main .thisArticle .ask-for-it-wrapp .about { font-size: 1em; font-weight: bold; background: #23AD12; color: #fff; padding: 3px 12px; display: inline-block; text-decoration: none; } #primary .main .thisArticle .ask-for-it-wrapp .about:hover { background: #229613; color: #fff; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .text { width: 50%; float: left; margin-bottom: 5px; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .text.last { width: 100%; float: left; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .textarea { width: 49%; float: right; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .textarea textarea { min-height: 143px; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .captcha { width: 100%; float: left; } #primary .leader .inside .ask-for-product { padding: 7px 0 0 0; } #primary .leader .inside .ask-for-product a, #primary .main .thisArticle .ask-for-product a, #fourth .main .thisArticle .ask-for-product a { display: block; padding: 10px 12px; background: #50A325; font-size: 1.15em; font-weight: bold; color: #fff; text-decoration: none; border-bottom: 2px solid #3D7D1D; text-align: center; } #primary .leader .inside .ask-for-product a:hover, #primary .main .thisArticle .ask-for-product a:hover, #fourth .main .thisArticle .ask-for-product a:hover { background: #5AB12D; color :#fff; } #fourth .main .thisArticle .photo-block-multi-2-items { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #fourth .main .thisArticle .photo-block-multi-2-items figure { background: #EFF4F9; max-width: 45%; margin: 0 2%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-2-items figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-2-items figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-2-items figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-3-items { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #fourth .main .thisArticle .photo-block-multi-3-items figure { background: #EFF4F9; max-width: 31%; margin: 0 1%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-3-items figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-3-items figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-3-items figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-3-items-no-slimbox { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #fourth .main .thisArticle .photo-block-multi-3-items-no-slimbox figure { background: #EFF4F9; max-width: 31%; margin: 0 1%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-3-items-no-slimbox figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-3-items-no-slimbox figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-3-items-no-slimbox figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w40 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #fourth .main .thisArticle .photo-block-multi-1-items-w40 figure { background: #EFF4F9; max-width: 40%; margin: 0 2%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w40 figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w40 figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w40 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w50 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #fourth .main .thisArticle .photo-block-multi-1-items-w50 figure { background: #EFF4F9; max-width: 50%; margin: 0 2%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w50 figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w50 figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w50 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w60 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #fourth .main .thisArticle .photo-block-multi-1-items-w60 figure { background: #EFF4F9; max-width: 60%; margin: 0 2%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w60 figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w60 figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w60 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w70 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #fourth .main .thisArticle .photo-block-multi-1-items-w70 figure { background: #EFF4F9; max-width: 70%; margin: 0 2%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w70 figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w70 figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w70 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w80 { display: block; width: 100%; clear: both; overflow: hidden; text-align: center; vertical-align: top; margin: 0 0 1em 0; } #fourth .main .thisArticle .photo-block-multi-1-items-w80 figure { background: #EFF4F9; max-width: 80%; margin: 0 2%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w80 figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w80 figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w80 figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-left { overflow: hidden; text-align: center; float: left; width: 30%; margin: 0 2% 1% 0; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-left figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-left figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-left figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-left figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-left { overflow: hidden; text-align: center; float: left; width: 40%; margin: 0 2% 1% 0; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-left figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-left figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-left figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-left figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-left { overflow: hidden; text-align: center; float: left; width: 50%; margin: 0 2% 1% 0; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-left figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-left figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-left figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-left figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-right { overflow: hidden; text-align: center; float: right; width: 30%; margin: 0 0 1% 2%; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-right figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-right figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-right figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w30-right figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-right { overflow: hidden; text-align: center; float: right; width: 40%; margin: 0 0 1% 2%; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-right figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-right figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-right figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w40-right figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-right { overflow: hidden; text-align: center; float: right; width: 50%; margin: 0 0 1% 2%; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-right figure { background: #EFF4F9; max-width: 100%; margin: 0 0%; display: inline-block; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-right figure a { display: block; padding: 6px 6px 6px 6px; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-right figure a img { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-right figure a img:hover { width: 100%; } #fourth .main .thisArticle .photo-block-multi-1-items-w50-right figure figcaption { font-size: .85em; line-height: 140%; padding: 0 5px 9px 5px; } #fourth .main .thisArticle figure a img { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); } #fourth .main .thisArticle figure a img:hover { opacity: .85; } #fourth .main .thisArticle .video-container-16-9 { position: relative; overflow: hidden; margin: 0 0 1em 0; } #fourth .main .thisArticle .video-container-16-9 iframe, #fourth .main .thisArticle .video-container-16-9 object, #fourth .main .thisArticle .video-container-16-9 embed { margin: 0 auto; display: block; } #fourth .main .thisArticle .video-container-4-3 { position: relative; overflow: hidden; margin: 0 0 1em 0; } #fourth .main .thisArticle .video-container-4-3 iframe, #fourth .main .thisArticle .video-container-4-3 object, #fourth .main .thisArticle .video-container-4-3 embed { margin: 0 auto; display: block; } #fourth .main .thisArticle .table-overflow, #primary .main .thisArticle .table-overflow { display: block; width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: scroll; margin: -1em 0 1em 0; } #fourth .main .thisArticle .table-overflow table, #primary .main .thisArticle .table-overflow table { margin: 1em 0 0 0; } #primary .table-overflow.single-table { display: block; width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: scroll; margin: 0 0 1em 0; } #primary .table-overflow.single-table.no-margin { margin: 0 0 0em 0; } #primary #content .leader .inside .table-overflow { display: block; width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: scroll; margin: -1em 0 1em 0; } #primary #content .leader .inside .table-overflow table { margin: 1em 0 0 0; } #primary #content .leader .inside #primary #searchArticle {} #primary #searchArticle .row { width: 100%; margin: 0 0 12px 0; } #primary #searchArticle .row h4 { margin: 0; font-size: 1.3em; } #primary #searchArticle .row.last { width: 100%; margin: 0 0 0px 0; } #primary #searchArticle label { width: 25%; float: left; text-align: right; padding: 3px 1% 0 0; } #primary #searchArticle input { width: 55%; float: left; padding: 6px 1%; } #primary #searchArticle input[type=text] { -webkit-appearance: none; -webkit-border-radius: 0; } #primary #searchArticle button { width: 100%; padding: 10px 0; text-align: center; font-size: 1.2em; margin: 6px 0 0 0; } #primary #searchArticle ::-webkit-input-placeholder { color: #888; font-family: 'Archivo Narrow' } #primary #searchArticle :-moz-placeholder { color: #888; opacity: 1; font-family: 'Archivo Narrow' } #primary #searchArticle ::-moz-placeholder { color: #888; opacity: 1; font-family: 'Archivo Narrow' } #primary #searchArticle :-ms-input-placeholder { color: #888; font-family: 'Archivo Narrow' } #fb-add-comment { position: fixed; z-index: 120; background: #2e9fff url(../../img/2020/add-comment-icon-32.png) no-repeat 10px center; color: #fff; font-weight: 700; left: 3%; bottom: 3%; padding: 0 12px 0 52px; height: 50px; line-height: 51px; border-radius: 5px; transition: background-color 0.5s ease; cursor: pointer; } #fb-add-comment:hover { background: #277ec9 url(../../img/2020/add-comment-icon-32.png) no-repeat 10px center; } #content #comment-box.leader h4 { font-size: 1.75em; } #comment-box .comment-actions {} #comment-box .comment-actions .btn { display: inline-block; font-weight: 700; color: #fff; padding: 7px 12px; border-radius: 3px; margin: 0 0 3px 0; } #comment-box .comment-actions .fb-action { background: #256CA3 url(../../img/2020/fb-logo-24.png) no-repeat 6px center; padding-left: 32px; transition: opacity 0.5s ease;} #comment-box .comment-actions .fb-action:hover { opacity: .9; } #comment-box .comment-actions .fast-comment-action { background: #277ec9 url(../../img/2020/add-comment-icon-24.png) no-repeat 6px center; padding-left: 32px; transition: opacity 0.5s ease; } #comment-box .comment-actions .fast-comment-action.isActive { opacity: .6; } #comment-box #fb-comment-form {} #comment-box #fast-comment-form { display: none; } #primary #newsletter-subscribe {} #primary #newsletter-subscribe h3 {} #primary #newsletter-subscribe form {} #primary #newsletter-subscribe form .row { margin: 0 0 20px 0; padding: 12px 0 0 0; } #primary #newsletter-subscribe form .row.last { margin: 0 0 0 0; padding: 0; } #primary #newsletter-subscribe form label { width: 25%; float: left; text-align: right; padding: 8px 1% 0 0; font-size: 1.15em; } #primary #newsletter-subscribe form input { width: 55%; float: left; padding: 10px 1.5%; -webkit-appearance: none; -webkit-border-radius: 0; } #primary #newsletter-subscribe form button { width: 100%; padding: 10px 0; text-align: center; font-size: 1.2em; margin: 6px 0 0 0; } #primary #newsletter-subscribe ::-webkit-input-placeholder { color: #bbb; font-family: 'Archivo Narrow' } #primary #newsletter-subscribe :-moz-placeholder { color: #bbb; opacity: 1; font-family: 'Archivo Narrow' } #primary #newsletter-subscribe ::-moz-placeholder { color: #bbb; opacity: 1; font-family: 'Archivo Narrow' } #primary #newsletter-subscribe :-ms-input-placeholder { color: #bbb; font-family: 'Archivo Narrow' } #primary #search-pro-quality {} #primary #search-pro-quality h3 { text-shadow: 1px 1px 0px #fff; } #primary #search-pro-quality form {} #primary #search-pro-quality form .row { margin: 0 0 12px 0; padding: 6px 0 0 0; } #primary #search-pro-quality form .row.last { margin: 0 0 0 0; padding: 5px 0 0 0; } #primary #search-pro-quality form label { width: 25%; float: left; text-align: right; padding: 8px 1% 0 0; font-size: 1.15em; } #primary #search-pro-quality form input { width: 55%; float: left; padding: 10px 1.5%; } #primary #search-pro-quality form button { width: 100%; padding: 10px 0; text-align: center; font-size: 1.2em; margin: 6px 0 0 0; } #primary #search-pro-quality ::-webkit-input-placeholder { color: #bbb; font-family: 'Archivo Narrow' } #primary #search-pro-quality :-moz-placeholder { color: #bbb; opacity: 1; font-family: 'Archivo Narrow' } #primary #search-pro-quality ::-moz-placeholder { color: #bbb; opacity: 1; font-family: 'Archivo Narrow' } #primary #search-pro-quality :-ms-input-placeholder { color: #bbb; font-family: 'Archivo Narrow' } #primary .news-highlight {} #primary #badania-news { background: #fff url(../../img/2020/news-highlight.jpg) no-repeat right bottom; } #primary #badania-news p { width: 60%; } #primary #pro-quality-news { background: #fff url(../../img/2020/news-highlight.jpg) no-repeat right bottom; } #primary #pro-quality-news p { width: 60%; } #primary #pro-quality-rules { background: #fff url(../../img/2020/zasady-highlight.jpg) no-repeat right bottom; } #primary #pro-quality-rules p { width: 52%; } #primary .news-highlight section {} #primary .news-highlight section h2 { text-shadow: 1px 1px 0px #fff; } #primary .news-highlight section h2 a { color: #246293; text-shadow: 1px 1px 0px #fff; } #primary .news-highlight section p { font-size: 1.15em; line-height: 150%; margin: 1.2em 0 1.6em 0; text-shadow: 1px 1px 0 #fff; } #primary .news-highlight section p a { color: #424547; } #primary .news-highlight section .more {} #primary #fuszera.countdown { background: #7fd3d3 url(../../img/2020/fuszera-home.png) no-repeat right center; width: 98.35%; } #primary #fuszera.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #fuszera.countdown section { overflow: hidden; } #primary #fuszera.countdown section .more { background: #F36E10; color: #fff; float: left; clear: left; padding: 8px 15px; } #primary #fuszera.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #fuszera.countdown section .more:hover { background: #DC630E; } #primary #fuszera.countdown h2 { margin: 0 0 0em 0; font-size: 1.85em; background: #ECE620; float: left; padding: 5px 10px; max-width: 75%; } #primary #fuszera.countdown h2 a { color: #26272B; } #primary #fuszera.countdown p { margin: 0 0 1.5em 0; font-size: 1.15em; float: left; background: #2b6066; clear: left; padding: 5px 10px; } #primary #fuszera.countdown p a { color: #fff; } #primary #szkolenie.countdown { background: #7fd3d3 url(../../img/2020/szkolenie-home.jpg) no-repeat right center; width: 98.35%; } #primary #szkolenie.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #szkolenie.countdown section { overflow: hidden; } #primary #szkolenie.countdown section .more { background: #F36E10; color: #fff; float: left; clear: left; padding: 8px 15px; } #primary #szkolenie.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #szkolenie.countdown section .more:hover { background: #DC630E; } #primary #szkolenie.countdown h2 { margin: 0 0 0em 0; font-size: 1.85em; background: #ECE620; float: left; padding: 5px 10px; max-width: 75%; } #primary #szkolenie.countdown h2 a { color: #26272B; } #primary #szkolenie.countdown p { margin: 0 0 1.5em 0; font-size: 1.15em; float: left; background: #2b6066; clear: left; padding: 5px 10px; } #primary #szkolenie.countdown p a { color: #fff; } #primary #conf.countdown { background: #7fd3d3 url(../../img/2020/konfigurator-okien-home.jpg) no-repeat right center; width: 98.35%; } #primary #conf.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #conf.countdown section { overflow: hidden; } #primary #conf.countdown section .more { background: #F36E10; color: #fff; float: left; clear: left; padding: 8px 15px; } #primary #conf.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #conf.countdown section .more:hover { background: #DC630E; } #primary #conf.countdown h2 { margin: 0 0 0em 0; font-size: 1.85em; background: #ECE620; float: left; padding: 5px 10px; max-width: 75%; } #primary #conf.countdown h2 a { color: #26272B; } #primary #conf.countdown p { margin: 0 0 1.5em 0; font-size: 1.15em; float: left; background: #027e2e; clear: left; padding: 5px 10px; } #primary #conf.countdown p a { color: #fff; } #primary #umowy.countdown { background: #e2d7d7 url(../../img/2020/lead-umowy.jpg) no-repeat right center; width: 98.35%; } #primary #umowy.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #umowy.countdown section { overflow: hidden; } #primary #umowy.countdown section .more { background: #F36E10; color: #fff; float: left; clear: left; padding: 8px 15px; } #primary #umowy.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #umowy.countdown section .more:hover { background: #DC630E; } #primary #umowy.countdown h2 { margin: 0 0 0em 0; font-size: 1.85em; background: #ECE620; float: left; padding: 5px 10px; max-width: 75%; } #primary #umowy.countdown h2 a { color: #26272B; } #primary #umowy.countdown p { margin: 0 0 1.5em 0; font-size: 1.15em; float: left; background: #027e2e; clear: left; padding: 5px 10px; } #primary #umowy.countdown p a { color: #fff; } #primary #marbet-cbm.countdown { background: #fff url(../../img/2020/marbet-cbm-montaz-poza-licem-muru.jpg) no-repeat right center; width: 98.35%; } #primary #marbet-cbm.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #marbet-cbm.countdown section { overflow: hidden; } #primary #marbet-cbm.countdown section .more { background: rgba(243,110,16,.75); color: #fff; float: left; clear: left; padding: 8px 15px; } #primary #marbet-cbm.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #marbet-cbm.countdown section .more:hover { background: #DC630E; } #primary #marbet-cbm.countdown h2 { margin: 0 0 0em 0; font-size: 1.85em; background: rgb(236,230,32,.75); float: left; padding: 5px 10px; max-width: 75%; } #primary #marbet-cbm.countdown h2 a { color: #26272B; } #primary #marbet-cbm.countdown p { margin: 0 0 1.5em 0; font-size: 1.15em; float: left; background: #027e2e; clear: left; padding: 5px 10px; } #primary #marbet-cbm.countdown p a { color: #fff; } #primary #n-quiz.countdown { background: #7fd3d3 url(../../img/2020/quiz-2016.png) no-repeat right center; width: 98.35%; } #primary #n-quiz.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #n-quiz.countdown section { overflow: hidden; } #primary #n-quiz.countdown section .more { background: #F36E10; color: #fff; float: left; clear: left; padding: 8px 15px; } #primary #n-quiz.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #n-quiz.countdown section .more:hover { background: #DC630E; } #primary #n-quiz.countdown h2 { margin: 0 0 0em 0; font-size: 1.85em; background: #ECE620; float: left; padding: 5px 10px; max-width: 75%; } #primary #n-quiz.countdown h2 a { color: #26272B; } #primary #n-quiz.countdown p { margin: 0 0 1.5em 0; font-size: 1.15em; float: left; background: #027e2e; clear: left; padding: 5px 10px; } #primary #n-quiz.countdown p a { color: #fff; } #primary #build.countdown { background: #fff url(../../img/2020/zglos-montaz.jpg) no-repeat right center; width: 98.35%; } #primary #build.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #build.countdown section { overflow: hidden; } #primary #build.countdown section .more { background: #F36E10; color: #fff; float: left; clear: left; padding: 8px 15px; } #primary #build.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #build.countdown section .more:hover { background: #DC630E; } #primary #build.countdown h2 { margin: 0 0 0em 0; font-size: 1.85em; background: #ECE620; float: left; padding: 5px 10px; } #primary #build.countdown h2 a { color: #26272B; } #primary #build.countdown p { margin: 0 0 1.5em 0; font-size: 1.15em; float: left; background: #26272B; clear: left; padding: 5px 10px; } #primary #build.countdown p a { color: #fff; } #primary #new-pro-quality.countdown { background: #4e4e4e url(../../img/2020/npqr-2016.jpg) no-repeat right 0px; width: 100%; } #primary #new-pro-quality.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #new-pro-quality.countdown section { } #primary #new-pro-quality.countdown section .more { background: #26272B; color: #fff; } #primary #new-pro-quality.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #new-pro-quality.countdown section .more:hover { background: #141417; } #primary #new-pro-quality.countdown h2 { margin: 0 0 1.5em 0; font-size: 1.65em; text-shadow: 1px 1px 1px #000; } #primary #new-pro-quality.countdown h2 a { color: #fff; } #primary #new-quiz.countdown { background: #4e4e4e url(../../img/2020/quiz-2016.jpg) no-repeat right 0px; width: 100%; } #primary #new-quiz.countdown #countdown_clock { font-size: 2.5em; padding: 10px 20px; color: #fff; line-height: 120%; padding: 12px 25px; font-weight: 900; background: #26272B; display: inline-block; margin: 0 0 1em 0; } #primary #new-quiz.countdown section { } #primary #new-quiz.countdown section .more { background: #2E9A1B; color: #fff; } #primary #new-quiz.countdown section .more-wrapp { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; } #primary #new-quiz.countdown section .more:hover { background: #141417; } #primary #new-quiz.countdown h2 { margin: 0 0 1.5em 0; font-size: 1.65em; } #primary #new-quiz.countdown h2 a { color: #26272B; } #primary #pro-quality-table {} #primary #pro-quality-table th { background: #e2e2e2; border-bottom: 1px solid #ddd; font-size: 1.05em; } #primary #pro-quality-table td .company { display: inline-block; width: 100%; font-weight: 700; } #primary #pro-quality-table td .system { display: inline-block; width: 100%; font-size: .9em; } #primary #pro-quality-table td a { color: #3C6CC3; font-weight: 700; } #primary #pro-quality-table tr:nth-child(even) td { background: #efefef; border-bottom: 1px solid #ddd; } #primary #pro-quality-table tr:nth-child(odd) td { border-bottom: 1px solid #ddd; } #primary #pro-quality-table button { font-size: .9em; padding: 6px 15px; } #primary #pro-quality-table-2015 {} #primary #pro-quality-table-2015 table caption { border: 1px solid #e2e2e2; font-size: 1.15em; font-weight: 700; padding: 12px; text-align: center; } #primary #pro-quality-table-2015 th { background: #e2e2e2; border-bottom: 1px solid #ddd; font-size: 1.05em; } #primary #pro-quality-table-2015 td .company { display: inline-block; width: 100%; font-weight: 700; } #primary #pro-quality-table-2015 td .system { display: inline-block; width: 100%; font-size: .9em; } #primary #pro-quality-table-2015 td a { color: #3C6CC3; font-weight: 700; } #primary #pro-quality-table-2015 td a.resign { color: #f00; } #primary #pro-quality-table-2015 th a.sort { color: #1e415b; background: url(../../img/2020/sort.png) no-repeat left center; padding: 0 0 0 12px; } #primary #pro-quality-table-2015 td a.where-to-buy { color: #1c76d6; display: inline-block; font-size: .75em; font-weight: bold; padding: 5px 10px; line-height: 100%; border-radius: 3px; border: 1px solid #1c76d6; margin: 0 0 2px 0; } #primary #pro-quality-table-2015 td a.energy-effi { color: #fff; background: #6cbb14 url(../../img/2020/check-icon-white-13.png) no-repeat 5px center; display: inline-block; font-size: .75em; font-weight: bold; padding: 5px 10px 5px 23px; line-height: 100%; border-radius: 3px; border: 1px solid #6cbb14; margin: 0 0 2px 0; } #primary #pro-quality-table-2015 td a.where-to-buy:hover, #primary #pro-quality-table-2015 td a.energy-effi:hover { opacity: .9; } #primary #pro-quality-table-2015 tr:nth-child(even) td { background: #efefef; border-bottom: 1px solid #ddd; } #primary #pro-quality-table-2015 tr:nth-child(odd) td { border-bottom: 1px solid #ddd; } #primary #pro-quality-table-2015 button { font-size: .9em; padding: 6px 15px; } #primary #pro-quality-company-details { border-collapse: collapse; } #primary #pro-quality-company-details td { border-collapse: collapse; border: 1px solid #ccc; } #primary #pro-quality-company-details th { text-align: center; } #primary #pro-quality-company-details .grey { background: #e2e2e2; border: 1px solid #ccc; } #primary #pro-quality-company-details .aliceblue { background: #efefef; text-align: center; } #primary #pro-quality-company-details .purple { background: #f6f6f6; text-align: center; } #pro-quality-company-compare { overflow: scroll; overflow-y: hidden; overflow-x: scroll; } #pro-quality-company-compare table { font-size: .85em; border-collapse: collapse; margin: 0 0 5px 0; border: 1px solid #ccc; } #pro-quality-company-compare table th { background: #e2e2e2; border: 1px solid #ccc; border-collapse: collapse; text-align: center; padding: 5px 20px; } #pro-quality-company-compare table td { border: 1px solid #ccc; border-collapse: collapse; text-align: center; } #pro-quality-company-compare table tr:nth-child(even) td { background: #efefef; } #pro-quality-company-compare table tr:nth-child(ood) td { background: #f2f2f2; } #pro-quality-company-compare-2015 { overflow: scroll; overflow-y: hidden; overflow-x: scroll; } #pro-quality-company-compare-2015 table { font-size: 1em; border-collapse: collapse; margin: 0 0 5px 0; border: none; } #pro-quality-company-compare-2015 table table { font-size: 1em; border-collapse: collapse; margin: 0 0 0px 0; border: none; } #pro-quality-company-compare-2015 table th { background: #fff; border: none; border-collapse: collapse; text-align: right; padding: 7px 12px; } #pro-quality-company-compare-2015 > table > td { border: none; border-left: 1px solid #fff; border-collapse: collapse; text-align: center; } #pro-quality-company-compare-2015 > table table td { border: none; border-left: 1px solid #fff; border-collapse: collapse; text-align: center; padding: 7px 5px; } #pro-quality-company-compare-2015 > table table td a { color: #5499E5; font-weight: 900; } #pro-quality-company-compare-2015 > table table th.top-cell-1 { padding: 15px 5px; background: #fff; color: #fff; font-size: 1.10em; font-weight: bold; } #pro-quality-company-compare-2015 > table table td.top-cell-1 { padding: 15px 5px; background: #69AE32; color: #fff; font-size: 1.10em; font-weight: bold; } #pro-quality-company-compare-2015 > table table .top-cell-2 { background: #efefef url(../../img/2020/arrow-pqr-15.png) no-repeat center top !important; } #pro-quality-company-compare-2015 > table table tr:last-child td { background: #69AE32; color: #fff; font-weight: bold; border-top: 1px solid #fff; padding: 7px 5px; } #pro-quality-company-compare-2015 > table table tr:last-child th { border-top: 1px solid #fff; } #pro-quality-company-compare-2015 table tr:nth-child(even) td { background: #efefef; } #pro-quality-company-compare-2015 table tr:nth-child(even) th { background: #efefef; } #pro-quality-company-compare-2015 table tr:nth-child(ood) td { background: #f2f2f2; } #pro-quality-company-compare-2015 table tr:nth-child(ood) th { background: #f2f2f2; } #pro-quality-company-compare-2015 span.max { background: #CEDEE8; color: #6E5D5D; font-size: .85em; display: inline-block; padding: 2px 4px 2px 3px; line-height: 100%; font-weight: bold; margin: 4px 0 0 0; } #grid-company-variant {} #grid-company-variant .company-variant:last-child { border: none; } #grid-company-variant .company-variant { float: left; border-right: 2px solid #fff; background: #f4f4f4; padding: .8em 0; text-align: center; } #grid-company-variant .company-variant.items-2 { width: 49.7%; } #grid-company-variant .company-variant.items-3 { width: 32.9%; } #grid-company-variant .company-variant h3 { font-size: 1.4em; text-align: center; margin: 0 0 .35em 0; } #grid-company-variant .company-variant h4 { font-size: 1.1em; text-align: center; margin: 0 0 0em 0; } #grid-company-variant .company-variant h5 { font-size: 1.0em; text-align: center; margin: 0 0 .40em 0; display: inline-block; background: #CEDEE8; padding: 0 .5em; } #grid-company-variant .company-variant a.where-to-buy { color: #fff; background: #1eabbd; display: inline-block; font-size: .8em; font-weight: bold; padding: 6px 10px; line-height: 100%; border-radius: 3px; } #grid-company-variant .company-variant a.where-to-buy:hover { opacity: .9; } #pro-quality-table-step-1 button { width: 99.5%; } #pro-quality-table-step-1 .for-grid { margin: 0 0 12px 0; } #pro-quality-table-step-1 #table-construction-pqr { min-width: 640px; } #pro-quality-table-step-1 #table-construction-pqr td { border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 33.33%; } #pro-quality-table-step-1 .item-type { width: 100%; float: left; text-align: center; cursor: pointer; padding: 0 0 12px 0; } #pro-quality-table-step-1 td.blocked { opacity: .35; cursor: not-allowed; } #pro-quality-table-step-1 .item-type input { display: none; } #pro-quality-table-step-1 td { background: #f4f4f4; } #pro-quality-table-step-1 td.select-this { background: #55C093; } #pro-quality-table-step-1 td.select-this h5 { color: #fff; } #pro-quality-table-step-1 td.select-this.blocked { background: #f4f4f4; opacity: .35; cursor: not-allowed; } #pro-quality-table-step-1 td.select-this.blocked h5 { color: #246293; } #pro-quality-table-step-1 .item-type.blocked { cursor: not-allowed; } #pro-quality-table-step-1 .item-type .over-img { display: table; width: 100%; } #pro-quality-table-step-1 .item-type .img { text-align: center; padding: 10px 0 0 0; display: table-cell; vertical-align: middle; } #pro-quality-table-step-1 .item-type .img img { max-width: 90%; } #pro-quality-table-step-1 .item-type h5 { text-align: center; font-size: 1em; margin: .3em 0 0em 0; padding: 0 15px; } #pro-quality-table-step-1 .item-type.select-this h5 { color: #fff; } #pro-quality-grid-details-2019 {} #content #pro-quality-grid-details-2019 h1 { font-size: 1.2em; } #pro-quality-grid-details-2019 .item { border: 1px solid #ddd; margin: 0 0 10px 0; text-align: center; padding: 2px; border-radius: 2px; } #pro-quality-grid-details-2019 .item.lead { padding: 15px; } #pro-quality-grid-details-2019 .item.lead .name { font-size: 2em; font-weight: bold; line-height: 150%; } #pro-quality-grid-details-2019 .item.lead .address { font-size: 1.5em; font-weight: bold; line-height: 150%; margin: 0 0 10px 0; } #pro-quality-grid-details-2019 .item.lead .points { background: #246293; font-weight: bold; width: 70px; height: 70px; color: #fff; border-radius: 3px; margin: 0 auto 12px auto; } #pro-quality-grid-details-2019 .item.lead .points .val { font-size: 2em; padding: 18px 0 0 0; } #pro-quality-grid-details-2019 .item.lead .points .sm { font-size: .86em; } #pro-quality-grid-details-2019 .item.lead .where-to-buy { display: inline-block; padding: 6px 15px; font-size: .9em; font-weight: bold; color: #fff; background: #1eabbd; border-radius: 3px; } #pro-quality-grid-details-2019 .item.lead .where-to-buy:hover { opacity: .9; } #pro-quality-grid-details-2019 .item.lead .where-to-buy.blocked { color: #555; background: #eee; cursor: not-allowed; } #pro-quality-grid-details-2019 .item.lead .see-windows { display: inline-block; padding: 6px 15px 6px 33px; font-size: .9em; font-weight: bold; color: #fff; background: #69AE32 url(../../img/2020/check-icon-white-18.png) no-repeat 9px center; border-radius: 3px; } #pro-quality-grid-details-2019 .item.lead .see-windows:hover { opacity: .9; } #pro-quality-grid-details-2019 .item .th { background: #efefef; padding: 6px 10px; text-align: center; font-weight: bold; font-size: .95em; } #pro-quality-grid-details-2019 .item .td { font-size: 1.2em; font-weight: bold; line-height: 120%; padding: 10px 0; } #pro-quality-grid-details-2019 .item .max { display: inline-block; background: #246293; font-size: .65em; color: #fff; padding: 5px 10px; line-height: 100%; border-radius: 2px; margin-top: 4px; } #pro-quality-grid-details-2019 .item .sum { display: inline-block; font-weight: bold; color: #fff; background: #69AE32; border-radius: 3px; padding: 10px 15px; } #pro-quality-compare-detail-2019 {} #pro-quality-compare-detail-2019 caption { font-size: .9em; padding: 10px; border: 1px solid #efefef; font-weight: bold; margin: 0 0 2px 0; } #pro-quality-compare-detail-2019 thead th { background: #efefef; text-align: center; font-size: 1.1em; padding: 10px 0; border-right: 1px solid #fff; } #pro-quality-compare-detail-2019 thead th.grey { background: #efefef; text-align: center; } #pro-quality-compare-detail-2019 tbody td { text-align: center; font-size: .9em; line-height: 120%; padding: 7px 0; border-right: 1px solid #fff; } #pro-quality-compare-detail-2019 tbody th { font-size: .9em; border-right: 1px solid #fff; } #pro-quality-compare-detail-2019 tbody .where-to-buy { display: inline-block; padding: 5px 10px; font-size: .85em; font-weight: bold; color: #fff; background: #1eabbd; border-radius: 3px; line-height: 100%; } #pro-quality-compare-detail-2019 tbody .energy-effi { color: #fff; background: #6cbb14 url(../../img/2020/check-icon-white-13.png) no-repeat 5px center; display: inline-block; font-size: .85em; font-weight: bold; padding: 5px 10px 5px 23px; line-height: 100%; border-radius: 3px; border: 1px solid #6cbb14; } #pro-quality-compare-detail-2019 tbody .where-to-buy:hover, #pro-quality-compare-detail-2019 tbody .energy-effi:hover { opacity: .9; } #pro-quality-compare-detail-2019 tbody .max { display: inline-block; background: #246293; font-size: .85em; color: #fff; padding: 5px 10px; line-height: 100%; border-radius: 2px; margin-top: 4px; } #pro-quality-compare-detail-2019 tbody .sum { display: inline-block; font-weight: bold; color: #fff; background: #69AE32; border-radius: 3px; padding: 10px 15px; } #content .add-type { clear: both; width: 98.35%; float: left; } #content .add-type li:first-child {} #content .add-type li { margin: 0 3px 0 0; background: #E1EBEF; float: left; } #content .add-type li.active { background: #fff; } #content .add-type li a { display: block; font-weight: 700; padding: 8px 15px; color: #424547; } #ie6 { background: #c30d0d; left: 0; top: 0; right: 0; color: #fff; height: 40px; display: none; font-size: 1em; position: absolute; } #ie6 .in { width: 1180px; margin-left: auto; margin-right: auto; background: url(../../img/2020/ie-alert.jpg) no-repeat 7px 7px; height: 40px; } #ie6 .in p { text-align: left; padding-left: 40px; line-height: 40px; } #ie6 .in p a { text-decoration: none; color: #ffdbdb; padding-left: 6px; font-weight: bold; } .watermark { z-index: 0; position: fixed; top: 0; left: 0; width: 100%; bottom: 0; right: 0; } .watermark a { display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } #select-construction {} #select-construction label { display: block; background: red; } #select-construction label:nth-child(4) { clear: left; } #select-construction label:nth-child(7) { clear: left; } #select-construction label:nth-child(10) { clear: left; } #trainingForm {} #trainingForm .timeSelect {} #trainingForm .timeSelect .item { width: 49.5%; background: #f6f6f6; float: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff; cursor: pointer; padding: 12px 0; } #trainingForm .timeSelect .item:nth-child(odd) { clear: left; } #trainingForm .timeSelect .item.good { background: #f6f6f6 url(../../img/2020/check-mark-unchecked.png) no-repeat -5px -8px; } #trainingForm .timeSelect .item.good.timeSelected { background: #55C093 url(../../img/2020/check-mark-checked.png) no-repeat -5px -8px; } #trainingForm .timeSelect .item.good.timeSelected th { color: #fff; } #trainingForm .timeSelect .item.good.timeSelected td { color: #fff; } #trainingForm .timeSelect .item.disabled { opacity: .75; } #trainingForm .timeSelect .item label { cursor: pointer; } #trainingForm .timeSelect .item.disabled label { cursor: not-allowed; } #trainingForm .timeSelect .item p { margin: 0; } #trainingForm .timeSelect .item table { } #trainingForm .timeSelect .item table th { color: #246293; font-weight: 400; } #trainingForm .timeSelect .item table td { font-size: 1.1em; font-weight: 700; color: #000; } #trainingForm .timeSelect .item input { visibility: hidden; position: absolute; left: 0; top: 0; } #trainingForm .textarea { width: 100%; float: left; } #trainingForm .textarea textarea { width: 98%; } #trainingForm .text { float: left; width: 50%; margin: 0 0 5px 0; } #trainingForm .text.last { float: left; width: 100%; clear: left; padding: 10px 0 0 0; } #trainingForm .text input[type=text] { padding: 8px 5px; } #trainingForm .text:nth-child(odd) { clear: left; } #primary .main .thisArticle .content #pinForm {} #primary .main .thisArticle .content #pinForm .timeSelect {} #primary .main .thisArticle .content #pinForm .timeSelect .item { width: 49.5%; background: #f6f6f6; float: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff; cursor: pointer; padding: 12px 0; } #primary .main .thisArticle .content #pinForm .timeSelect .item:nth-child(odd) { clear: left; } #primary .main .thisArticle .content #pinForm .timeSelect .item.good { background: #f6f6f6 url(../../img/2020/check-mark-unchecked.png) no-repeat -5px -8px; } #primary .main .thisArticle .content #pinForm .timeSelect .item.good.timeSelected { background: #55C093 url(../../img/2020/check-mark-checked.png) no-repeat -5px -8px; } #primary .main .thisArticle .content #pinForm .timeSelect .item.good.timeSelected th { color: #fff; } #primary .main .thisArticle .content #pinForm .timeSelect .item.good.timeSelected td { color: #fff; } #primary .main .thisArticle .content #pinForm .timeSelect .item.disabled { opacity: .75; } #primary .main .thisArticle .content #pinForm .timeSelect .item label { cursor: pointer; } #primary .main .thisArticle .content #pinForm .timeSelect .item.disabled label { cursor: not-allowed; } #primary .main .thisArticle .content #pinForm .timeSelect .item p { margin: 0; } #primary .main .thisArticle .content #pinForm .timeSelect .item table { border: 0; } #primary .main .thisArticle .content #pinForm .timeSelect .item table th { color: #246293; font-weight: 400; border: none; background: none; text-align: right; } #primary .main .thisArticle .content #pinForm .timeSelect .item table td { font-size: 1.1em; font-weight: 700; color: #000; border: none; } #primary .main .thisArticle .content #pinForm .timeSelect .item input { visibility: hidden; position: absolute; left: 0; top: 0; } #primary .main .thisArticle .content #pinForm .textarea { width: 100%; float: left; } #primary .main .thisArticle .content #pinForm .textarea textarea { width: 98%; } #primary .main .thisArticle .content #pinForm .text { float: left; width: 50%; margin: 0 0 5px 0; } #primary .main .thisArticle .content #pinForm .text.last { float: left; width: 100%; clear: left; padding: 10px 0 0 0; } #primary .main .thisArticle .content #pinForm .text input[type=text] { padding: 8px 5px; } #primary .main .thisArticle .content #pinForm .text:nth-child(odd) { clear: left; } #confirm { width: 75%; padding: 20px; max-width: 300px; background: #fff; border-bottom: 2px solid #d7d7d7; margin: 40px auto 40px auto; } #confirm .logo { text-align: center; } #confirm .logo img { display: block; width: 100%; max-width: 150px; margin: 0 auto 15px auto; } #confirm .text p { text-align: center; font-size: 1.1em; } #quiz { width: 100%; max-width: 800px; margin: 20px auto; } #quiz .quiz-box { width: 100%; background: #fff; border-bottom: 2px solid #ddd; margin: 0 0 12px 0; } #quiz .quiz-box .inside { padding: 12px; } #quiz .quiz-box .inside h1 { margin: 0 0 .67em 0; line-height: 100%; font-size: 2.25em; } #quiz .quiz-box .inside h1.so-lonely { margin: 0 0 .27em 0; } #quiz .quiz-box .inside h2 { margin: 0 0 .67em 0; line-height: 100%; font-size: 1.75em; } #quiz .quiz-box .inside h3 { margin: 0 0 .67em 0; font-size: 1.5em; } #quiz .quiz-box .inside .photoWrapper { width: 100%; margin: 0 0 5px 0; } #quiz .quiz-box .inside .photoWrapper img { display: block; width: 100%; } #quiz .quiz-box .inside .next-image { display: block; width: 100%; padding: 9px 0px; text-align: center; background: #28941b; color: #fff; font-size: 1.25em; font-weight: 700; line-height: 100%; } #quiz .quiz-box .inside .next-image:hover { background: #237519; } #quiz .quiz-box .inside .metadata { margin: 0 0 10px 0; } #quiz .quiz-box .inside .metadata .fb-like { float: left; margin: 0 5px 0 0; } #quiz .quiz-box .inside .metadata .about { float: left; margin: 0 5px 5px 0; background: #358c2a; color: #fff; font-weight: 700; font-size: .85em; padding: 0 5px; } #quiz .quiz-box .inside p { font-size: 1.2em; text-align: justify; margin: 0 0 1em 0; } #quiz .quiz-box .inside p img { display: block; max-width: 100%; max-height: 250px; margin: 0 auto 15px auto; } #quiz .quiz-box .inside .question { font-size: 1.25em; text-align: justify; } #quiz .quiz-box .inside p:last-child {} #quiz .quiz-box .inside .start { font-size: 1.25em; line-height: 100%; font-weight: bold; color: #fff; background: #358C2A; display: block; padding: 11px 12px; text-align: center; } #quiz .quiz-box .inside .start:hover { background: #2C7323; } #quiz .quiz-box .for-absolute { min-height: 140px; } #quiz .quiz-box .logo { position: absolute; left: 50%; margin-left: -75px; display: block; padding: 10px 0; } #quiz .quiz-box .fb { width: 32px; height: 32px; background: url(../../img/2020/fb32px.png) no-repeat left top; position: absolute; right: 0; top: 0; } #quiz .quiz-box .yt { width: 32px; height: 32px; background: url(../../img/2020/yt32px.png) no-repeat left top; position: absolute; right: 0; top: 38px; } #quiz .quiz-box .breadcrumbs {} #quiz .quiz-box .breadcrumbs ul { overflow: hidden; } #quiz .quiz-box .breadcrumbs ul li { float: left; margin-right: 3px; font-size: .95em; color: #aaa; } #quiz .quiz-box .breadcrumbs ul li a { font-weight: bold; } #quiz .quiz-box .breadcrumbs ul li a span { color: #5499E5; } #quiz .quiz-box .breadcrumbs ul li a:hover span { color: #4681C3; } #quiz .quiz-box .good { background: #0D9A12 url(../../img/2020/quiz-good.png) no-repeat center 10px; color: #fff; width: 24.5%; float: left; font-weight: bold; padding: 39px 0 12px 0; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #quiz .quiz-box .bad { background: #CC2828 url(../../img/2020/quiz-bad.png) no-repeat center 10px; color: #fff; width: 24.5%; float: left; font-weight: bold; padding: 39px 0 12px 0; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } #quiz .quiz-box .test-result { padding: 10px 0 10px 0; overflow: hidden; } #quiz .quiz-box #counter { color: #fff; background: #3B5E84; font-size: 2.5em; width: 50px; height: 50px; position: absolute; right: 0; top: 0; text-align: center; line-height: 50px; } #quiz .quiz-box #question-form { font-size: 1.15em; } #quiz .quiz-box #question-form label { display: block; overflow: hidden; margin: 0 0 15px 0; line-height: 20px; } #quiz .quiz-box #question-form label input { float: left; margin: 0 10px 0 0; width: 20px; height: 20px; } #quiz .quiz-box #question-form button { font-size: 1.15em; line-height: 100%; font-weight: bold; color: #fff; background: #358C2A; display: block; padding: 11px 12px; text-align: center; border: none; font-family: 'Archivo Narrow'; } #quiz .quiz-box #question-form button:hover { background: #2C7323; } #quiz .quiz-box #ans-form { margin: 0 0 30px 0; overflow: hidden; } #quiz .quiz-box #ans-form input.mail { float: left; margin: 0 10px 0 0; width: 150px; height: 31px; } #quiz .quiz-box #ans-form button { font-size: 1.15em; line-height: 100%; font-weight: bold; color: #fff; background: #3D5B75; float: left; padding: 11px 12px; text-align: center; border: none; font-family: 'Archivo Narrow'; } #quiz .quiz-box #ans-form button:hover { background: #466C8E; } #quiz .quiz-box ol{ font-size: 1.2em; padding: 0 0 0 20px; } #quiz .quiz-box ol li{ margin: 0 0 .7em 0; text-align: justify; } #quiz .quiz-box ol li img{ max-width: 550px; display: block; } #quiz .foot { color: #666; font-size: .9em; font-weight: bold; text-align: center; margin: 0 0 10px 0; } #quiz .quiz-box .vote-and-share { padding: 0px 0 0 0; } #quiz .quiz-box .vote-and-share .item-v { float: left; color: #fff; font-weight: 700; text-align: center; font-size: 1.1em; } #quiz .quiz-box .vote-and-share .item-v a { color: #fff; } #quiz .quiz-box .vote-and-share .item-v.is-vote { background: #f0ff00; width: 50%; } #quiz .quiz-box .vote-and-share .item-v.is-vote.blocked { background: #aaa; } #quiz .quiz-box .vote-and-share .item-v.is-vote.voted { opacity: .5; } #quiz .quiz-box .vote-and-share .item-v.is-vote a, #quiz .quiz-box .vote-and-share .item-v.is-vote span { color: #000; display: block; width: 100%; padding: 10px 0; } #quiz .quiz-box .vote-and-share .item-v.is-count { background: #51ab23; padding: 10px 0; width: 50%; } .content-expanded { display: none; } .expand-content.add-photos { display: block; width: 100%; padding: 9px 0px; text-align: center; background: #28941b; color: #fff; font-size: 1.25em; font-weight: 700; line-height: 100%; cursor: pointer; } .expand-content.add-photos:hover { background: #237519; } #add-build {} #add-build .text, #add-build .textarea { width: 100%; margin: 0 0 10px 0; } #add-build .text label { width: 100%; display: block; } #add-build .text label.error { font-size: .9em; color: red; font-weight: bold; } #add-build .text input { width: 96.75%; padding: 5px 1%; display: block; } #add-build .textarea textarea { width: 97%; padding: 5px 1%; display: block; height: 75px; } #add-build button { font-size: 1.15em; line-height: 100%; font-weight: bold; color: #fff; background: #358C2A; display: block; padding: 11px 0; text-align: center; border: none; font-family: 'Archivo Narrow'; display: block; width: 100%; } #add-build button:hover { background: #2C7323; } #konfigurator_okien {} #konfigurator_okien .info { clear: both; width: 100%; float: left; margin: 0 0 12px 0; } #konfigurator_okien .hint { padding: 15px; background: #F5F2E7; margin: 5px 0 5px 25px; } #konfigurator_okien .hint p { margin: 0; text-align: justify; font-size: .85em !important; } #konfigurator_okien .text { margin: 0 0 10px 0; } #konfigurator_okien .text.last { margin: 0 0 0 0; } #konfigurator_okien h3 { margin: 1em 0; display: block; clear: both; font-size: 1.45em; } #konfigurator_okien label { display: block; margin: 0 0 5px 0; font-size: 1.25em; } #konfigurator_okien label.error { color: #fff; font-weight: 700; font-size: .8em; background: red; padding: 3px 6px; float: left; clear: both; margin: 1px 0 10px 0; } #konfigurator_okien input[type=radio] { display: inline-block; width: 15px; height: 15px; margin: 3px 5px; } #konfigurator_okien input[type=number], #konfigurator_okien input[type=text] { padding: 7px 1%; width: 97%; border: 1px solid #ccc; } #konfigurator_okien input[type=number]:focus, #konfigurator_okien input[type=text]:focus { outline: none; } #konfigurator_okien .selectWrapp { border: 1px solid #ccc; width: 99%; } #konfigurator_okien .selectWrapp select { padding: 6px 1%; width: 100%; border: none; } #konfigurator_okien .selectWrapp select:focus { outline: none; } #konfigurator_okien textarea { padding: 7px 1%; width: 97%; border: 1px solid #ccc; min-height: 100px; } #konfigurator_okien textarea:focus { outline: none; } #konfigurator_okien button { font-size: 1.15em; line-height: 100%; font-weight: bold; color: #fff; background: #358C2A; display: block; padding: 11px 0; text-align: center; border: none; font-family: 'Archivo Narrow'; display: block; width: 100%; cursor: pointer; } #konfigurator_okien button:hover { background: #2C7323; } #quiz .value-block { border: 1px solid #1e4f75; margin: 0 0 12px 0; } #quiz .value-block .value { border: 1px solid #1e4f75; font-size: 200%; text-align: center; line-height: 100%; font-weight: 700; padding: 15px 0; color: #1e4f75; } #quiz .value-block .value .sml { font-size: .7em; } #quiz .value-block .desc { background: #1e4f75; color: #fff; padding: 6px 10px; text-align: center; font-weight: 700; font-size: 1.1em; line-height: 150%; } #quiz .value-block.grey { border: 1px solid #c0dcea; } #quiz .value-block.grey .value { border: 1px solid #c0dcea; font-size: 150%; padding: 15px 0; color: #1e4f75; } #quiz .value-block.grey .desc { background: #c0dcea; color: #1e4f75; } #quiz .headline { background: #ded80e; color: #000; padding: 10px; text-align: center; } #quiz .expand-btn { font-size: 1.45em; line-height: 100%; font-weight: bold; color: #fff; background: #358C2A; display: block; padding: 17px 0; text-align: center; border: none; font-family: 'Archivo Narrow'; display: block; width: 100%; cursor: pointer; margin: 0 0 12px 0; } #quiz .expand-btn:hover { background: #2C7323; } #quiz .print-btn { display: block; border: 3px solid #5e889e; padding: 140px 0 20px 0; text-align: center; font-size: 3em; line-height: 100%; font-weight: 700; background: url(../../img/2020/print-it.png) no-repeat center 15px; color: #5e889e; margin: 0 0 12px 0; } #quiz .print-btn:hover { opacity: .8; } #quiz .pdf-btn { display: block; border: 3px solid #5e889e; padding: 140px 0 20px 0; text-align: center; font-size: 3em; line-height: 100%; font-weight: 700; background: url(../../img/2020/pdf-it.png) no-repeat center 15px; color: #5e889e; margin: 0 0 12px 0; } #quiz .pdf-btn:hover { opacity: .8; } #quiz .send-btn { display: block; border: 3px solid #5e889e; padding: 140px 0 20px 0; text-align: center; font-size: 3em; line-height: 100%; font-weight: 700; background: url(../../img/2020/send-it.png) no-repeat center 15px; color: #5e889e; margin: 0 0 0px 0; } #quiz .send-btn form label { width: 80%; display: block; margin: 0 auto; font-size: 50%; } #quiz .send-btn form label.error { font-size: 40%; color: red; font-weight: bold; line-height: 100%; } #quiz .send-btn form input { width: 80%; display: block; margin: 0 auto 5px auto; border: 3px dashed #5e889e; padding: 10px; background: #eee; font-size: 70%; } #quiz .send-btn form input:focus { outline: none; } #quiz .send-btn form button { font-size: 100%; line-height: 100%; font-weight: 700; border: none; width: 100%; font-family: 'Archivo Narrow', Arial, sans-serif; background: none; margin: 10px 0 0 0; padding: 0; color: #5e889e; cursor: pointer; } #quiz .send-btn form button:hover { opacity: .8; } #quiz .send-btn h3 { color: #5e889e; line-height: 150%; font-size: 75%; } #quiz #konfigurator-okien-change-expand { display: none; } #quiz .else { display: block; margin: 0 auto 12px auto; background: #ded80e; color: #000; padding: 6px 15px; width: 50px; font-size: 120%; font-weight: 700; text-align: center; } #voteForm { padding: 5px 0 0 0; } #voteForm button { width: 100%; padding: 10px 0; text-align: center; background: #d81d1d; font-size: 1.2em; line-height: 100%; } #voteForm button:hover { background: #c71d1d; } .voteForGalleryInfo, .voteForGalleryBylo { display: none; width: 100%; color: #2E6F1C; font-weight: 700; font-size: 1.2em; line-height: 100%; margin: 5px 0 12px 0; background: #C0F9B0; border-bottom: 2px solid #27C836; } .voteForGalleryBylo .inner, .voteForGalleryInfo .inner { padding: 12px; } #primary #photoBox { width: 100%; margin: 0 0 10px 0; } #primary #photoBox img { width: 100%; display: block; margin: 0 auto; max-width: 800px; } #primary .main .thisArticle .content { padding: 0em 0 0 0; } #primary .main .thisArticle .content.inside.supercat { padding: 12px; } #primary .main .thisArticle .content.no-meta { padding: 0em 0 0 0; } #primary .main .thisArticle .content #compare { font-size: 1em; line-height: 150%; margin: 0 0 0 0; } #primary .main .thisArticle .content #compare th { text-align: center; color: #3E464B; border: 1px solid #fff; } #primary .main .thisArticle .content #compare th.type-of-product { font-size: 170%; min-width: 120px; background: #41861A; color: #fff; padding: 15px 8px; font-weight: bold; } #primary .main .thisArticle .content #compare th .type { font-size: 130%; min-width: 120px; background: #41861A; color: #fff; padding: 10px 8px; font-weight: bold; } #primary .main .thisArticle .content #compare th .price { font-size: 170%; padding: 14px 0 12px 0; background: #55AD23; color: #fff; margin: auto; border: 1px solid #41861A; } #primary .main .thisArticle .content #compare th .price span { font-size: 60%; } #primary .main .thisArticle .content #compare th .see { display: block; background: #41861A; color: #C7EB0C !important; margin: 0; line-height: 100%; padding: 9px 0 11px 0; } #primary .main .thisArticle .content #compare th .see:hover { color: #D6FF00 !important; } #primary .main .thisArticle .content #compare th .order { display: block; background: #41861A; color: #C7EB0C !important; margin: 0; line-height: 100%; padding: 10px 0 11px 0; border: 1px solid #41861A; cursor: pointer; } #primary .main .thisArticle .content #compare th .order:hover { color: #D6FF00 !important; } #primary .main .thisArticle .content #compare .lead { text-align: center; background: #eee; } #primary .main .thisArticle .content #compare .about { text-align: left; background: #eee; } #primary .main .thisArticle .content #compare .basic { } #primary .main .thisArticle .content #compare .standard { } #primary .main .thisArticle .content #compare .advanced { } #primary .main .thisArticle .content #compare .yes { color: #258A17; font-size: 170%; width: 25px; height: 35px; text-align: center; line-height: 35px; margin: auto; background: url(../../img/2020/check-icon-v2.png) no-repeat center center; } #primary .main .thisArticle .content #compare .no { color: #E21E1E; font-size: 170%; width: 25px; height: 35px; text-align: center; line-height: 35px; margin: auto; background: url(../../img/2020/none-icon.png) no-repeat center center; } #primary .main .thisArticle .content #compare .func { background: #E2E2E2; border-bottom: 1px solid #fff; padding: 7px 12px 7px 6px; font-weight: 700; text-align: right; line-height: 120%; } #primary .main .thisArticle .content #compare .header { background: #E2E2E2; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 8px 12px 8px 12px; font-weight: 700; text-align: right; line-height: 120%; font-size: 120%; text-align: center; } #primary .main .thisArticle .content #compare .norm { border: 1px solid #fff; background: #eee; } #primary .main .thisArticle .content #compare .norm .wrapp { background: #eee; padding: 7px 0; min-height: 35px; line-height: 35px; text-align: center; } #primary .main .thisArticle .content #compare .norm .wrapp.low { background: #eee; padding: 0px 0 7px 0; line-height: 120%; text-align: center; } #primary .main .thisArticle .content .more-about { text-align: center; margin: 0 0 20px 0; } #primary .main .thisArticle .content .more-about .more-about-btn { border: 2px solid #256CA3; padding: 12px 20px; display: inline-block; font-weight: bold; color: #256CA3; text-decoration: none; font-size: 1.1em; } #primary .main .thisArticle .content .company-info { border-top: 1px solid #ddd; } #primary .main .thisArticle .content .company-info .company-logo { width: 30%; float: left; } #primary .main .thisArticle .content .company-info .company-logo img { display: block; width: 65%; } #primary .main .thisArticle .content .company-info .company-address { width: 35%; float: left; padding-top: 35px; } #primary .main .thisArticle .content .company-info .company-address p { margin: 0; } #primary .main .thisArticle .content .company-info .company-description { width: 100%; } #primary #surveyForm {} #primary #surveyForm p { margin: 0 0 10px 0; font-size: 130%; width: 70%; font-weight: bold; } #primary #surveyForm h4 { font-size: 1.45em; margin: 0 0 10px 0; } #primary #surveyForm .surv {} #primary #surveyForm .c50 { float: left; width: 50%; margin: 0 0 5px 0; } #primary #surveyForm .c50 .error-label { color: red; font-weight: 700; margin: 0 0 5px 0; display: none; } #primary #surveyForm .c50.st{ float: left; width: 95%; margin: 0 0 5px 0; } #primary #surveyForm .c50.nd { float: left; width: 60%; margin: 0 0 5px 0; } #primary #surveyForm .w33 { float: left; width: 100%; margin: 0 0 5px 0; } #primary #surveyForm .w33 input[type=checkbox] { float: left; width: 18px; height: 18px; } #primary #surveyForm .w33 label { display: inline; font-size: 105%; padding: 0px 0 0 10px; line-height: 110%; vertical-align: middle; } #primary #surveyForm button { width: 100%; padding: 7px 0; font-size: 125%; text-align: center; } #content #primary a.button.action { background: #1EABBD; color: #fff; font-weight: 700; font-family: 'Archivo Narrow', Arial; cursor: pointer; text-align: center; padding: 9px 0; font-size: 120%; } #content #primary a.button.action:hover { background: #1995A5; } #content #primary a.jump-to { width: 98.35%; margin: 0 0 6px 0; display: block; } #quiz #surveyForm p { margin: 0 0 10px 0; font-size: 130%; width: 70%; font-weight: bold; } #quiz #surveyForm h4 { font-size: 1.45em; margin: 0 0 10px 0; } #quiz #surveyForm .surv {} #quiz #surveyForm .c50 { float: left; width: 50%; margin: 0 0 5px 0; } #quiz #surveyForm .c50 .error-label { color: red; font-weight: 700; margin: 0 0 5px 0; display: none; } #quiz #surveyForm .c50.st{ float: left; width: 40%; margin: 0 0 5px 0; } #quiz #surveyForm .c50.nd { float: left; width: 60%; margin: 0 0 5px 0; } #quiz #surveyForm .w33 { float: left; width: 100%; margin: 0 0 5px 0; } #quiz #surveyForm .w33 input[type=checkbox] { float: left; width: 18px; height: 18px; } #quiz #surveyForm .w33 label { display: inline; font-size: 105%; padding: 0px 0 0 10px; line-height: 110%; vertical-align: middle; } #quiz #surveyForm button { width: 100%; padding: 10px 0; font-size: 125%; text-align: center; border: none; font-family: 'Archivo Narrow', Arial; cursor: pointer; } #compare-top { position: fixed; top: 0; left: 0; right: 0; background: #efefef; z-index: 100; background: rgba(239, 239, 239, .85) } #compare-top .in { width: 100%; max-width: 1016px; margin: 0 auto; } #compare-top .inside { padding: 15px 0px 12px 0; } #compare-top .inside .logo { margin: 0 10px 0 0; float: left; } #compare-top .inside .menu { float: left; padding-left: 20px; } #compare-top .inside .menu li { float: left; margin: 0 12px 0 0; } #compare-top .inside .menu li a { font-weight: bold; display: block; color: #fff; background: #3e9023; padding: 5px 10px; border-radius: 15px; } #compare-top .inside .menu li a#back-to { background: #5d97ce; } #compare-top .inside .fb { float: right; } #compare-top .inside .yt { float: right; margin: 0 10px 0 0; } #compare-top .inside .fb-like { float: right; } #how-it-works { width: 100%; max-width: 1016px; margin: 0 auto; } #how-it-works .inside { background: none; border-radius: 15px; } #how-it-works .inside .logo { text-align: center; } #how-it-works .inside h1 { font-size: 3em; text-align: center; } #how-it-works .menu { text-align: center; margin: 0 0 20px 0; } #how-it-works .menu a { color: #000; font-weight: bold; display: inline-block; padding: 10px 20px; background: #e2b308; color: #fff; font-size: 1.2em; line-height: 120%; border-radius: 20px; } #how-it-works .menu #about { min-width: 240px; max-width: 300px; text-align: center; } #how-it-works .tab { display: none; } #compare-windows { width: 100%; max-width: 1016px; margin: 0 auto 25px auto; padding-top: 75px; } #compare-windows .blc { width: 33.33%; float: left; margin: 0 0 20px 0; } #compare-windows .blc .number { background: #5d97ce; color: #fff; width: 72px; height: 72px; margin: 0 auto 35px auto; line-height: 72px; font-size: 40px; font-weight: 700; text-align: center; border-radius: 36px; } #compare-windows .blc .inside { background: #fff; width: 95%; margin: 0 auto; border-radius: 15px; } #compare-windows .blc .inside .wrapper { padding: 20px; } #compare-windows .blc .inside .wrapper .icon { width: 128px; height: 128px; margin: 15px auto 20px auto; } #compare-windows .blc .inside .wrapper h3 { font-size: 2em; text-align: center; margin: 0 0 35px 0; } #compare-windows .blc .inside .wrapper h3.lonely { margin: 0 0 10px 0; } #compare-windows .blc .inside .wrapper h4 { font-size: 1.65em; text-align: center; margin: 0 0 15px 0; line-height: 120%; } #compare-windows .blc .inside .wrapper .text { margin: 0 0 15px 0; } #compare-windows .blc .inside .wrapper .text .value {text-align: center; font-size: 2.75em; font-weight: bold; line-height: 120%; color: #246293; border: 1px solid #ddd; border-bottom: none; padding-top: 12px; padding-bottom: 6px; } #compare-windows .blc .inside .wrapper .text .desc { text-align: center; font-weight: bold; border: 1px solid #ddd; border-top: none; padding: 0 10px 12px 10px; font-size: 1.1em; } #compare-windows .blc .inside .wrapper label { color: #284764; font-size: 1.1em; font-weight: 700; } #compare-windows .button-compare { font-size: 1.5em; font-weight: 700; background: #3e9023; color: #fff; font-family: 'Archivo Narrow', Arial; cursor: pointer; border: none; padding: 10px 0; text-align: center; width: 100%; border-radius: 22px; } #compare-windows .blc .inside .wrapper .text.final { text-align: center; } #compare-windows .blc .inside .wrapper .text.final .years { font-size: 5.75em; text-align: center; font-weight: 700; color: #246293; clear: both; line-height: 100%; margin: 0 0 .55em 0; } #compare-windows .blc .inside .wrapper .text.final .years.smaller { font-size: 3.75em; margin: 0 0 .50em 0; } #compare-windows .blc .inside .wrapper .text.final .years-err { font-size: 2.95em; text-align: center; font-weight: 700; color: #ef0808; clear: both; line-height: 100%; margin: 0 0 .95em 0; } #compare-windows .blc .inside .wrapper .text.final .sml { background: #c75c5c; color: #fff; letter-spacing: 1px; padding: 15px 25px; font-weight: 700; font-size: 1.7em; display: inline-block; border-radius: 5px; } #compare-windows .blc .inside .wrapper .text.energy {} #compare-windows .blc .inside .wrapper .text.energy table { border: 1px solid #fff; border-collapse: collapse; border-radius: 5px; } #compare-windows .blc .inside .wrapper .text.energy table td { border: 1px solid #fff; border-collapse: collapse; text-align: center; } #compare-windows .blc .inside .wrapper .text.energy table .bigger { font-weight: 700; font-size: 1.2em; } #compare-windows .blc .inside .wrapper .text.energy table td.bigger { background: #efefef; padding: 10px 0px; } #compare-windows .blc .inside .wrapper .text.energy table .br { border-right: 1px solid #48a5b3; } #compare-windows .blc .inside .wrapper .text.energy table th { border: 1px solid #fff; border-collapse: collapse; text-align: center; background: #48a5b3; color: #fff; letter-spacing: 1px; padding: 10px 10px; } #compare-windows .blc .inside .wrapper .text.change .cmp-btn { display: block; text-align: center; padding: 10px 5px; font-size: 1.3em; font-weight: 700; color: #fff; font-family: 'Archivo Narrow', Arial; cursor: pointer; border-radius: 5px; } #compare-windows .blc .inside .wrapper .text.change .cmp-btn.expand-btn { background: #3e9023; } #compare-windows .blc .inside .wrapper .text.change .cmp-btn.pdf-btn { background: #00a5cb; } #compare-windows .blc .inside .wrapper .text.change .else { display: block; text-align: center; padding: 10px 0; } #blc_wrp { position: fixed; bottom: 10px; left: 10px; right: 10px; background: #fff; z-index: 11; max-width: 400px; box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.75); } #blc_wrp p { margin: .5em 0; } #blc_wrp > #kill { position: absolute; top: -15px; right: 10px; background: #000; color: #fff; z-index: 10; padding: 6px 12px; font-weight: 700; border-radius: 3px; cursor: pointer; } #blc_wrp > #wrp_in { padding: 10px 10px 10px 10px; } #blc_wrp > #wrp_in.newsletter { background: url(../../img/2020/newsletter-subscribe.jpg) no-repeat left top; padding: 15px 10px 10px 10px; } #blc_wrp > #wrp_in.newsletter label { display: block; float: left; background: #fff; font-weight: 700; } #blc_wrp > #wrp_in.newsletter input { display: block; width: 250px; padding: 6px 0; clear: left; margin: 0 0 12px 0; } #blc_wrp > #wrp_in.newsletter button { display: block; background: #3e9023; border: none; color: #fff; font-weight: 700; font-family: 'Archivo Narrow', Arial; cursor: pointer; padding: 7px 10px; min-width: 200px; text-align: center; font-size: 1.4em; } #blc_wrp > #wrp_in h3 { background: #fff; margin: 0; padding: 6px 10px 6px 0; font-size: 1.8em; margin: 0 0 1em 0; } #blc_wrp > #wrp_in.yt { padding: 15px 10px 10px 10px; } #blc_wrp > #wrp_in.yt h3 { margin: 0 0 .5em 0; } #blc_wrp > #wrp_in.yt h3 a { color: #246293; text-decoration: none; } #blc_wrp > #wrp_in.yt .mov-box-16-9 { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #blc_wrp > #wrp_in.yt .mov-box-16-9 iframe, #blc_wrp > #wrp_in.yt .mov-box-16-9 object, #blc_wrp > #wrp_in.yt .mov-box-16-9 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #blc_wrp > #wrp_in.yt .mov-box-4-3 { position: relative; padding-bottom: 75%; padding-top: 30px; height: 0; overflow: hidden; } #blc_wrp > #wrp_in.yt .mov-box-4-3 iframe, #blc_wrp > #wrp_in.yt .mov-box-4-3 object, #blc_wrp > #wrp_in.yt .mov-box-4-3 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #blc_wrp > #wrp_in.yt .sml { font-size: 1.65em; line-height: 120%; margin: 0 0 .5em 0; } #blc_wrp > #wrp_in.yt .img-box {} #blc_wrp > #wrp_in.yt .img-box img { display: block; width: 100%; } #blc_wrp > #wrp_in.yt .btn-more { display: block; width: 100%; padding: 7px 0; text-align: center; font-weight: 700; font-size: 1.3em; background: #24651f; color: #fff; letter-spacing: 1px; line-height: 120%; } #blc_wrp > #wrp_in.yt .btn-more:hover { opacity: .9; } #primary .oce-all { margin: 0 0 6px 0; font-size: .85em; vertical-align: middle; } #primary .star { padding-top: 2px; float: left; margin-right: 5px; } #primary .rejt { display: inline-block; } #primary .captcha { margin: 0 0 6px 0; } #primary .ocena-w100 { width: 100%; float: left; } #primary .ocena-w50 { width: 50%; float: left; } #primary .ocena-w25 { width: 25%; float: left; } #primary .oce-wrp { border: 2px solid #fff; } #primary .oce .value { padding: 12px 0; text-align: center; border: 2px solid #256ca3; font-size: 1.7em; font-weight: 700; } #primary .oce .desc { background: #256ca3; color: #fff; font-weight: 700; text-align: center; padding: 5px 0; border-bottom: 2px solid #2c4e73; } #primary .rank-w50 { width: 50%; float: left; margin: 0 0 10px 0; } #primary .rank-w50 .wrp { padding: 0 10px; } #primary #rank-company{} #primary #rank-company .rank-val { margin: 0 0 8px 0; } #primary #rank-company .rank-val span { background: #d6e21e; display: inline-block; color: #000; font-size: 1.3em; font-weight: 700; padding: 0 5px 0 0; } #primary #rank-company p { font-weight: 700; text-align: left; } #primary #rank-company input{ border: none; font-size: 1em; background: #d6e21e; color: #000; font-weight: 700; width: 25px; text-align: center; display: inline-block; margin: 0; } #primary #rank-company button{ width: 100%; padding: 8px 0; text-align: center; font-size: 1.2em; } #primary .logo-map { max-width: 300px; float: right; margin: 0 0 0 12px; } #primary .thumb-rank{ max-width: 200px; margin: 0 auto 12px auto; } #primary .thumb-rank img{ display: block; width: 100%; } #primary #map-company { max-width: 300px; min-width: 300px; height: 170px; background: #ddd; margin: 0 auto 12px 0; } #primary .add-to-rank{ display: block; float: left; background: #2e9428; color: #fff; font-weight: bold; padding: 4px 10px; margin: 0 4px 4px 0; border-radius: 3px; } #primary .rank-art{ display: inline-block; background: #2e9428; color: #fff; font-weight: bold; padding: 0 6px; margin: 0 4px 4px 4px; border-radius: 3px; font-size: .95em; cursor: pointer; } #primary .rank-art:hover{ background: #287b23; } #primary #kro { min-width: 557px; } #primary #kro .num { font-weight: 700; float: left; height: 20px; width: 20px; line-height: 20px; border: 1px solid #424547; color: #424547; border-radius: 12px; font-size: .8em; } #primary #kro .num.num-1 { background: #fff600; } #primary #kro .num.num-2 { background: #eae9d3; } #primary #kro .num.num-3 { background: #c5c139; } #primary #kro .sort { font-weight: 700; color: #424547; font-size: .85em; padding: 0 0 0 13px; background: url(../../img/2020/sort-icon.png) no-repeat left top; } #primary #kro .company { font-weight: 700; color: #424547; } #primary #kro .rejt { font-weight: 700; color: #424547; font-size: .8em; } #primary #kro .localization { font-weight: 700; color: #424547; font-size: .8em; float: left; clear: left; } #primary #kro .company a { color: #424547; } #primary #kro .company a:hover { color: #2c79ad; text-decoration: underline; } #primary #kro .company-action { font-size: .8em; float: left; margin: 0 4px 0 0; padding: 4px 6px; font-weight: 700; border-radius: 3px; line-height: 110%; } #primary #kro .company-action.grey { background: #bbb; color: #fff; border: 1px solid #bbb; } #primary #kro .company-action.green { background: #2e9428; color: #fff; border: 1px solid #2e9428; } #primary #kro .company-action.transp { background: #fff; color: #2e9428; border: 1px solid #2e9428; } #primary #kro th { font-size: .9em; background: #e2e2e2; } #primary #kro tr:nth-child(even) td { background: #efefef; border-bottom: 1px solid #bbb; } #primary #kro tr:nth-child(odd) td { background: #fff; border-bottom: 1px solid #bbb; } #primary #kro td .resign, #primary #kro td .resign:hover { color: red; } #primary #kro td .pkt { color: blue; } #primary #kro td .in-game { font-size: .8em; font-weight: 700; display: block; } #primary #kro td .red { font-size: .8em; font-weight: 700; display: block; color: red; line-height: 120%; } #primary #kro td .star { display: block; } #primary #kro td .star img { max-width: 65px; } #primary #kro .company-logo img { display: block; } #primary #kro .type-of-windows {} #primary #kro .type-of-windows li { font-size: .85em; font-weight: bold; padding-left: 20px; float: left; margin: 0 7px 0 0; } #primary #kro .type-of-windows li.yes { background: url(../../img/2020/check-icon-16.png) no-repeat left 1px; } #primary #kro .type-of-windows li.no { background: url(../../img/2020/check-icon-16-grey.png) no-repeat left 1px; color: #bbb; } #primary .single-opinion { background: #d9e7e8; margin: 0 0 12px 0; } #primary .single-opinion:last-child { background: #d9e7e8; margin: 0 0 0px 0; } #primary .single-opinion .info { background: #d2ddde; border-bottom: 1px solid #bbb; padding: 6px 12px; font-weight: 700; font-size: .9em; } #primary .single-opinion .opinion-text { padding: 6px 12px; font-size: 1em; } #select-window-type { margin: 0 0 10px 0; } #select-window-type .window-type { width: 25%; float: left; background: #7becb8; min-height: 75px; } #select-window-type .window-type.active { background: #28943f; } #select-window-type .window-type a { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-right: 1px solid #fff; padding-top: 30px; font-weight: 700; text-align: center; } #select-window-type .window-type.active a { color: #fff; } #select-window-type .window-type a { color: #424547; } #voi {} #content .leader #voi ul { list-style-type: none; margin: 0; padding: 0; } #content .leader #voi ul li { width: 25%; float: left; background: #7becb8; margin: 0; } #content .leader #voi ul li:hover, #content .leader #voi ul li.active { background: #28943f; } #voi ul li a { font-size: .85em; font-weight: 700; color: #424547; display: block; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 6px 0 6px 9px; } #voi ul li.active a { color: #fff; } #voi ul li a:hover { color: #fff; } #content .leader #prod-ocen-firme { margin: 0 0 12px 0; } #content .leader #prod-ocen-firme h3 { font-family: Arial; font-size: 1em; font-weight: bold; color: #424547; line-height: 140%; } #content .leader #prod-ocen-firme h3 img { vertical-align: top; } #content .leader #prod-ocen-firme span.red { display: inline-block; background: #F9B0B0; color: #BA1E1E; font-size: .85em; padding: 2px 8px; border-radius: 3px; } #content .leader .aso { list-style-type: none; padding: 0; } #content .leader .aso li { padding-left: 21px; font-weight: 700; } #content .leader .aso li.no { background: url(../../img/2020/check-icon-16-grey.png) no-repeat left 1px; color: #bbb; } #content .leader .aso li.si { background: url(../../img/2020/check-icon-16.png) no-repeat left 1px; } #primary .metadata .row #addcmp { float: left; background: #28943f; color: #fff; padding: 7px 10px; line-height: 120%; border-radius: 3px; } #content .compare-energy-efficiency {} #content .compare-energy-efficiency .window-compare-details { font-size: .9em; } #content .compare-energy-efficiency .window-compare-details th { font-weight: bold; } #content .compare-energy-efficiency .window-compare-details td { text-align: center; } #content .compare-energy-efficiency .window-compare-details td.to-right { text-align: right; } #content .compare-energy-efficiency .window-compare-details td.to-left { text-align: left; } #content .compare-energy-efficiency .kwh-block { border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 12px; padding-top: 40px; } #content .compare-energy-efficiency .kwh-block .energy-label { font-size: .9em; margin: 0; background: #12b311; padding: 5px 10px; color: #fff; font-family: Arial; position: absolute; left: 5px; top: 5px; font-weight: bold; } #content .compare-energy-efficiency .kwh-block h1 { text-align: center; } #content .compare-energy-efficiency .kwh-block .construction-details { margin: 0 0 20px 0; text-align: center; font-size: .85em; font-weight: bold; line-height: 140%; } #content .compare-energy-efficiency .kwh-block .fb-energy-eff { width: 200px; margin: 0 auto 20px auto; } #content .compare-energy-efficiency .kwh-block .kwh-block-item { width: 50% } #content .compare-energy-efficiency .kwh-block .kwh-block-item img { width: 100%; max-width: 250px; margin: 0 auto; } #content .main .compare-energy-efficiency .kwh-block .kwh-val { font-size: 30px; margin: 0; text-align: center; font-weight: bold; font-family: 'Archivo Narrow', Arial; } #content .main .compare-energy-efficiency .kwh-block .money-val { font-size: 22px; margin: 0 0 1em 0; text-align: center; font-weight: bold; font-family: 'Archivo Narrow', Arial; } #content .main .compare-energy-efficiency .kwh-block .info-val { text-align: center; font-size: 12px; background: #eee; margin: 0; padding: 12px; font-weight: bold; } #primary .main .thisArticle .content a.jump-to-rank { background: #69AE32; color: #fff; margin: 6px 0; padding: 8px 12px; font-weight: bold; text-decoration: none; text-align: center; } #primary .main .thisArticle .content a.jump-to-rank:hover { color: #fff; opacity: .9; } #content .compare-energy-efficiency .company-windows { width: calc(98.35% + 12px); margin-left: -12px; margin-bottom: 12px; } #content .compare-energy-efficiency .company-windows .company-windows-item {} #content .compare-energy-efficiency .company-windows .company-windows-item.w25 { width: 25%; } #content .compare-energy-efficiency .company-windows .company-windows-item.w50 { width: 50%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside { background: #fff; border-left: 12px solid #efefef; padding: 12px; margin: 0 0 12px 0; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .w100 { width: 100%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .w33 { width: 33.333%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .w50 { width: 50%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .image-product { margin: 0 0 12px 0; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .image-product img { width: 100%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .logo-company { position: absolute; left: 10px; top: 10px; width: 25%; z-index: 2; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .logo-company img { width: 100%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .name-product {} #content .compare-energy-efficiency .company-windows .company-windows-item .inside .name-product h2, #content .compare-energy-efficiency .company-windows .company-windows-item .inside .name-product p { margin: 0; text-align: center; font-family: 'Archivo Narrow', Arial; font-weight: bold; font-size: 1.15em; line-height: 120%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .name-product a { color: #424547; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .greyline { height: 2px; width: 100%; background: #d7d7d7; position: absolute; left: 0; bottom: 0; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .name-product-more-details { padding: 12px 0 0 0; margin: 0 0 12px 0; min-height: 40px; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .name-product-more-details p { margin: 0; text-align: center; font-family: 'Archivo Narrow', Arial; font-weight: bold; font-size: 1.15em; line-height: 120%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .name-product-more-details a { color: #424547; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .sketch-product { text-align: center; margin: 0 0 10px 0; min-height: 42px; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .kwh-product { text-align: center; font-size: 1.8em; font-weight: bold; font-family: 'Archivo Narrow', Arial; line-height: 120%; margin: 0 0 4px 0; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .kwh-product a { color: #424547; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .kwh-product-label { text-align: center; margin: 0 0 28px 0; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .kwh-product-label span { display: inline-block; background: #12b311; font-size: .75em; font-weight: bold; color: #fff; padding: 5px 10px; line-height: 100%; } #content .compare-energy-efficiency .company-windows .company-windows-item .inside .kwh-product-more {} #content .compare-energy-efficiency .company-windows .company-windows-item .inside .kwh-product-more a { display: block; background: #fff; border: 2px solid #ddd; padding: 10px 12px; font-weight: bold; font-size: .9em; text-align: center; line-height: 120%; color: #424547; } .ask-about-product { position: fixed; left: 10px; bottom: 10px; right: 0; z-index: 99; } .ask-about-product .inside { float: left; width: 97%; max-width: 360px; } .ask-about-product .inside .close.closeAskWidget { width: 30px; text-align: center; background: #fff; color: #000; font-size: .8em; font-weight: bold; padding: 6px 12px; line-height: 100%; cursor: pointer; } .ask-about-product .inside .show.showAskWidget { width: 30px; text-align: center; background: #fff; color: #000; font-size: .8em; font-weight: bold; padding: 6px 12px; line-height: 100%; cursor: pointer; } .ask-about-product .inside .items { overflow: hidden; float: left; } .ask-about-product .inside .items .logo { width: 20%; float: left; border-bottom: 2px solid #fff; } .ask-about-product .inside .items .ask { width: 45%; float: left; background: #fff; } .ask-about-product .inside .items .ask a { background: #12b311; color: #fff; font-weight: bold; display: block; padding: 6px 12px; text-align: center; font-size: .9em; border: 5px solid #fff; border-right: 0; cursor: pointer; } .ask-about-product .inside .items .where-to-buy { width: 35%; float: left; background: #fff; } .ask-about-product .inside .items .where-to-buy a { background: #256ca3; color: #fff; font-weight: bold; display: block; padding: 6px 12px; text-align: center; font-size: .9em;border: 5px solid #fff; border-left: 0; cursor: pointer; } .shadow-bottom-widget { height: 75px; position: fixed; left: 0; bottom: 0; right: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); z-index: 98; } .rate-article-box { z-index: 120; background: rgba(0,0,0,.75); position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 15px; display: none; } .rate-article-box h5 { font-size: 1.4em; margin: 0 0 1em 0; } .rate-article-box p { font-size: .85em; font-weight: bold; } .rate-article-box .kill { position: absolute; right: 2px; top: 2px; background: #1EABBD; color: #fff; padding: 3px 7px; font-size: 0.8em; font-weight: bold; border-radius: 2px; cursor: pointer;} .rate-article-box .kill:hover { opacity: .9; } .rate-article-wrapper { max-width: 320px; margin: 0 auto; background: #fff; padding: 20px; border-radius: 3px; } .rate-article-box #rank-company { display: block; } .rate-article-box #rank-company .rank { border: 1px solid #ddd; margin: 0 0 12px 0; border-radius: 3px; } .rate-article-box #rank-company .rank span { display: block; margin: 0 0 10px 0; padding: 10px 0 0 10px; } .rate-article-box #rank-company .rank label { display: block; clear: both; margin: 0 0 5px 0; padding: 0 0 0 10px; } .rate-article-box #rank-company .slider { width: 98%; margin: 0 0 12px 0; } .rate-article-box #rank-company .captcha { margin: 0 0 0 0; } .rate-article-box #rank-company input#ocena_firma_wartosc { background: #efefef; display: block; border: none; text-align: center; font-size: 20px; float: right; width: 40%; line-height: 100%; line-height: 25px; } .rate-article-box #rank-company span.your-note { display: block; border: none; text-align: center; font-size: 14px; float: left; width: 50%; line-height: 100%; line-height: 25px; } .rate-article-box #rank-company button { display: block; padding: 6px 25px; background: #2e9428; font-size: .9em; color: #fff; font-weight: bold; border: none; border-radius: 3px; cursor: pointer; } .rate-article-box #rank-company button:hover { opacity: .9; } .rate-article-box .btn-wrap { text-align: center; } .rate-article-box .kill2 { background: #1EABBD; color: #fff; padding: 5px 12px; font-size: 0.85em; font-weight: bold; border-radius: 3px; cursor: pointer; overflow: hidden; display: inline-block; } .rate-article-box .kill2:hover { opacity: .9; } .rate-article-status-box { z-index: 120; background: rgba(0,0,0,.75); position: fixed; left: 0; top: 0; right: 0; bottom: 0; padding: 15px; } .rate-article-status-wrapper { max-width: 320px; margin: 0 auto; background: #fff; padding: 20px 20px 20px 20px; border-radius: 3px; } .rate-article-status-box .btn-wrap { text-align: center; } .rate-article-status-box .second-chance { background: #2e9428; color: #fff; padding: 5px 12px; font-size: 0.85em; font-weight: bold; border-radius: 3px; cursor: pointer; overflow: hidden; margin-right: 15px; display: inline-block; } .rate-article-status-box .second-chance:hover { opacity: .9; } .rate-article-status-box .kill { background: #1EABBD; color: #fff; padding: 5px 12px; font-size: 0.85em; font-weight: bold; border-radius: 3px; cursor: pointer; overflow: hidden; display: inline-block; } .rate-article-status-box .kill:hover { opacity: .9; } .rate-article-status-box p { text-align: center; font-size: .9em; font-weight: bold; } .rate-article-status-box .alert, .rate-article-box .alert { width: 100%; overflow: hidden; margin: 0 0 12px 0; border-radius: 3px; } .rate-article-status-box .alert .inside, .rate-article-box .alert .inside { padding: 5px 12px; font-size: .85em; font-weight: bold; } .rate-article-status-box .alert.success, .rate-article-box .alert.success { background: #C0F9B0; color: #2E6F1C; border-bottom: 2px solid #27C836; } .rate-article-status-box .alert.error, .rate-article-box .alert.error { background: #F9B0B0; color: #BA1E1E; border-bottom: 2px solid #F54747; } .grid.small { width: 98.35%; float: left; } .grid.small .item { float: left; width: 32.20%; position: relative; background: #fff; margin: 0 1.70% 15px 0; padding: 0; overflow: hidden; border-bottom: 2px solid #d7d7d7; } .grid.small .item .title { margin: 5px 0 5px 0; font-size: 1.3em; } .grid.small .item .title a { color: #246293; } .grid.small .item .date-category { margin: 0 0 10px 0; color: #9d9d9d; font-size: 0.85em; } .grid.small .item.full {} .grid.small .item.product {} .grid.small .item .wrapper { padding: 7px; } .grid.small .item:nth-child(3n+3){ margin: 0 0% 12px 0; } .grid.small .item:nth-child(3n+1){ clear: left; } .grid.small .item .logo-in { text-align: center; margin: 0 0 1px 0; } .grid.small .item .logo-in .single-point-map { width: 100%; height: 150px; } .grid.small .item .logo-in .icon { position: absolute; left: 3px; bottom: 5px; z-index: 2; } .grid.small .item .logo-in .icon img { max-width: 32px; } .grid.small .item .logo-in a { display: block; } .grid.small .item .logo-in > .thumb > a > img { display: block; width: 100%; transition: width 1.5s ease; } .grid.small .item .logo-in > a > img { display: block; width: 100%; transition: width 1.5s ease; } .grid.small .item .logo-in:hover > a > img { display: block; width: 100%; } .grid.small .item.high .name { min-height: 80px; height: 80px; } .grid.small .item.high .name .inner { display: table-cell; vertical-align: middle; min-height: 60px; } .grid.small .item .name { display: table; background: #EEE2E2; font-weight: bold; color: #424547; font-size: 1.25em; text-align: center; line-height: 100%; cursor: pointer; padding: 0; margin: 0 0 1px 0; min-height: 50px; height: 50px; position: relative; overflow: hidden; width: 100%; } .grid.small .item .name a { display: block; color: #424547; padding: 0 10px; line-height: 120%; } .grid.small .item .name .inner { display: table-cell; vertical-align: middle; min-height: 50px; font-size: 1.05em; } .grid.small .item.plus .name { background: #f1f2d5; } .grid.small .item.plus .name a { color: #000; } .grid.small .item .desc { font-size: 1.05em; font-weight: bold; color: #3c3c3c; line-height: 130%; } .grid.small .item .desc.product-details {} .grid.small .item .reko-stat-grid { text-align: center; } .grid.small .item .name .inner h2, .grid.small .item .name .inner h3 { font-size: 1.0em; margin: 0; display: inline; color: #424547; } .grid.small .item .name .inner h6 { font-size: .7em; margin: 0; display: inline; color: #424547; } .grid.small .item.plus .name .inner h3 { color: #000; } .grid.small .item.plus .name .inner h6 { color: #000; } .grid.small .item .desc.product-details p { font-weight: normal; text-align: justify; font-size: .85em; margin: 1em 0 1em 0; line-height: 140%; min-height: 44px; } .grid.small .item .desc.product-details p a { color: #424547; } .grid.small .item.plus .desc { color: #1F626E; } .grid.small .item .desc .inside { padding: 0 0 0 35px; position: relative; margin: 0 0 6px 0; min-height: 27px; } .grid.small .item .desc .inside .icon { width: 27px; height: 27px; position: absolute; left: 0; top: 0; background: #315892; } .grid.small .item .desc .address { background: #efefef; padding: 9px 9px; margin: 0 0 1px 0; } .grid.small .item.plus .desc .address { background: #ECEEF7; } .grid.small .item .details { font-size: .95em; color: #424547; border: 1px solid #EEE2E2; font-weight: bold; display: block; padding: 8px 10px; line-height: 100%; text-align: center; } .grid.small .item.plus .details { border: 1px solid #f1f2d5; } .grid.small .item .pqr { width: 20px; height: 20px; background: url(../img/pqr-star.png) no-repeat left top; position: absolute; left: 4px; top: 3px; z-index: 2; } .grid.small.wide { width: 100.00%; } .grid.small.one-in-row .item { float: left; width: 100.00%; margin: 0 0% 15px 0; } .grid.small.one-in-row .item .thumb { float: left; width: 30%; } .grid.small.one-in-row .item .thumb img { display: block; width: 100%; } .grid.small.one-in-row .item .more-details { float: left; width: 70%; } .grid.small.one-in-row .item .more-details .item-name { padding: 0 0 0 10px; font-size: 1em; margin: 0; color: #246293; } .grid.small.one-in-row .item .more-details .item-name a { color: #246293; } .grid.small.one-in-row .item .more-details .item-name.grand { font-size: 1.2em; margin: 0 0 5px 0; } .grid.small.one-in-row .item .more-details .type { color: #777; font-size: .85em; padding-left: 10px; } .grid.small.one-in-row .item .more-details .type .blue { background: #1188ce; color: #fff; display: inline-block; padding: 2px 4px; line-height: 100%; } .grid.small.one-in-row .item .more-details .rating { padding-left: 10px; color: #777; font-size: .85em; } .grid.small.one-in-row .item .more-details .rating img { max-width: 70px; } .grid.small.one-in-row .item .item-status { position: absolute; right: 2px; bottom: 2px; background: #e8b90e; color: #fff; font-size: .7em; line-height: 100%; padding: 4px; font-weight: bold; } #content .thumb-yt { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #content .thumb-yt iframe, #content .thumb-yt object, #content .thumb-yt embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #content .box.filter .wrapper { padding: 12px 12px 12px 12px; } #content .box.filter .input { margin: 0 0 8px 0; } #content .box.filter .input input { margin: 0; border: 1px solid #d7d7d7; width: 95%; padding: 6px 2.4%; } #content .box.filter .input input[type=text] { -webkit-appearance: none; -webkit-border-radius: 0; } #content .box.filter .input label { width: 100%; display: block; } #content .box.filter .input .wrapp { margin: 0; border: 1px solid #d7d7d7; width: 97%; padding: 5px 1.4%; } #content .box.filter .input .wrapp select { border: 0; margin: 0; width: 100%; -webkit-appearance: none; -webkit-border-radius: 0; } #content .box.filter .input .wrapp select:focus { outline: none; } #content .box.filter button { width: 100.00%; color: #fff; font-weight: 700; background: #1EABBD; border: 0; text-align: center; padding: 7px 0; cursor: pointer; margin: 0; font-size: 1.2em; font-family: 'Archivo Narrow', Arial; } #content .box.filter button:hover { background: #1995A5; } #content .box.filter fieldset { margin: 0; padding: 0 0 0 0; border: 0; display: block; } #content .box.filter fieldset legend { font-size: 1.3em; font-weight: bold; margin: 0 0 10px 0; background: #eee; display: block; padding: 8px 0%; width: 100%; text-indent: 12px; } #content .box.filter .checkbox, #content .box.filter .radio { margin: 0 0 10px 0; } #content .box.filter .checkbox label, #content .box.filter .radio label { display: inline-block; margin: 0 0 0 6px; padding: 0; } #content .box.filter .checkbox input, #content .box.filter .radio input { float: left; margin: 2px 0 0 0; } #content .box.filter.construction {} #content .box.filter.construction .checkbox { width: 100%; float: left; border-bottom: 1px solid #eee; margin: 0; } #content .box.filter.construction .checkbox:hover { background: #eee; } #content .box.filter.construction .checkbox label { font-size: .85em; display: block; width: 100%; text-align: center; cursor: pointer; margin: 0; padding: 10px 0; overflow: hidden; } #content .box.filter.construction .checkbox label .icon { float: left; width: 100%; margin-bottom: 5px; } #content .box.filter.construction .checkbox label .icon img {} #content .box.filter.construction .checkbox label .text { float: left; width: 100%; line-height: 120%; } #content .box.filter.construction .checkbox input { position: absolute; left: -30px; top: 0px; visibility: hidden; } #content .reko-stat-summary { margin: 0 0 10px 0; width: 100%; overflow: hidden; border: 1px solid #ddd; background: #efefef; padding: 12px 0; text-align: center; } #content .reko-stat-i { display: inline-block; margin: 0 auto 5px auto; } #content .reko-stat-t { display: block; text-align: center; font-size: 1.2em; font-weight: bold; } #content .company-details .kf-is-logo { max-width: 225px; float: right; clear: right; } #content .company-details .kf-is-logo img { max-width: 225px; } #content .company-details .show-form-r { display: none; } #content .company-details .show-contact-r { display: none; } #content .company-details .scrollto-sales-network { display: none; color: #fff; margin: 0 0 10px 0; } #content .company-details .scrollto-sales-network:hover { color: #fff; } #content .company-details .home-logo { margin: 0 0 8px 0; max-width: 594px; text-align: center; } #content .company-details .home-logo img { width: 100%; max-width: 320px; } #content .company-details .home-map { width: 225px; margin: 0 0 12px 16px; height: 175px; float: right; clear: right; } #content .company-details .extra-menu { width: 225px; margin: 0 0 12px 16px; float: right; clear: right; } #content .company-details .extra-menu ul { list-style: none; padding: 0; margin: 0; } #content .company-details .extra-menu ul li { display: block; overflow: hidden; background: #D2E8F0; border: 1px solid #BBC2E7; } #content .company-details .extra-menu ul li:hover { background: #E1ECF0; border: 1px solid #c7c7c7; } #content .company-details .extra-menu ul li.active { background: #EFF8FC; } #content .company-details .extra-menu ul li a { padding: 7px 10px; display: block; color: #424547; font-weight: bold; text-align: center; } #content .company-details .rank { margin: 0 0 0px 0px; } #content .company-details .rank .points { padding: 6px; background: #3165b3; border: 1px solid #3165b3; color: #fff; font-size: 1.2em; text-align: center; margin: 0 0 6px 0; font-weight: 700; } #content .company-details .rank .in-rank { padding: 6px; background: #168F1F; border: 1px solid #168F1F; color: #fff; font-size: 1.2em; text-align: center; display: block; margin: 0 0 6px 0; font-weight: 700; } #content .company-details .rank .in-rank:hover { opacity: .9; } #content .company-details .rank .user-status { padding: 6px; background: #E29203; border: 1px solid #E29203; color: #fff; font-size: 1.2em; text-align: center; display: block; margin: 0 0 6px 0; font-weight: 700; } #content .company-details .rank .user-status.pro { background: #27a325; border: 1px solid #27a325; color: #fff; } #content .company-details a { color: #5499E5; } #content .company-details a:hover { color: #4681C3; } #content .company-details p { text-align: justify; } #content .company-details p.big { font-size: 1.25em; line-height: 150%; } #content .company-details ul { margin: 1em 0; list-style: circle; padding: 0 0 0 20px; } #content .company-details ul li { margin: 0 0 5px 0; } #content .company-details h2 { margin: 0 0 0em 0; line-height: 120%; font-size: 1.8em; } #content .company-details .labels { padding: 1em 0 1em 0; } #content .company-details .labels ul { margin: 0; padding: 0 0 0 20px; list-style: circle; } #content .company-details .labels ul li { margin: 0 0 5px 0; } #content .company-details .label { float: left; margin: 0 5px 5px 0; border: 1px solid #bed6ff; background: #d9edff; color: #2d2a2a; font-weight: bold; font-size: .80em; -ms-text-size-adjust: 90%; -ms-box-sizing: border-box; padding: 4px 6px; } #secondary .box.head h4, #secondary .box.head h3 { margin: 0; font-size: 1.5em; } #secondary #show-filter-sections, #secondary #show-filter-sections-2 { display: none; margin: 0 0 6px 0; } #content #primary .gallery-inside .photos.color { width: 100%; } #content #primary .gallery-inside .photos.color .item { float: left; width: 32%; margin: 0 1% 6px 0; } #content #primary .gallery-inside .photos.color .item img { display: block; width: 100%; z-index: 1; border: none; } #content #primary .gallery-inside .photos.color .item .this-color { background: #203542; color: #fff; position: absolute; left: 0; bottom: 0; right: 0; display: none; z-index: 2; padding: 5px 10px; text-align: center; } #content #primary .gallery-inside .photos.color .item:hover .this-color { display: block; } #p-zapytaj-o-produkt-btn { position: fixed; bottom: 0; left: 0; background: #368e20; z-index: 50; padding: 10px 30px; color: #fff; font-weight: 700; } .ro19 {} .ro19.overflower { height: 140px; overflow-y: auto; border: 1px solid #efefef; padding: 1px; } .ro19.overflower .item { width: 33%; float: left; min-height: 100px; max-height: 110px; } .ro19.overflower .item .inner { border: 1px solid #fff; background: #efefef; min-height: 100px; padding-top: 10px; } .ro19.overflower .item.active .inner { background: #55C093; } .ro19.overflower .item .icon { display: block; height: 36px; text-align: center; margin: 0 0 5px 0; } #content .leader .ro19.overflower .item .name { margin: 0; text-align: center; line-height: 120%; font-size: .8em; padding: 0 10px; } #content .leader .ro19.overflower .item.active .name a { color: #fff; } .ro19.overflower::-webkit-scrollbar { -webkit-appearance: none; } .ro19.overflower::-webkit-scrollbar:vertical { width: 14px; } .ro19.overflower::-webkit-scrollbar:horizontal { height: 11px; } .ro19.overflower::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; background-color: rgba(0, 0, 0, .5); } #content #promocje-rabaty-na-okna .box .inside, #content .inner-box-wrapper .box .inside { padding: 6px; } #content #promocje-rabaty-na-okna .box .inside .thumb, #content .inner-box-wrapper .box .inside .thumb { float: left; width: 30%; } #content #promocje-rabaty-na-okna .box .inside .thumb img, #content .inner-box-wrapper .box .inside .thumb img { display: block; width: 100%; } #content #promocje-rabaty-na-okna .box .inside .details, #content .inner-box-wrapper .box .inside .details { float: left; width: 70%; } #content #promocje-rabaty-na-okna .box .inside .details h2, #content .inner-box-wrapper .box .inside .details h2 { margin: 0; font-size: 1.2em; padding: 0 6px 0 10px; } #content #promocje-rabaty-na-okna .box .inside .details h2.bigger, #content .inner-box-wrapper .box .inside .details h2.bigger { font-size: 1.35em; } #content #promocje-rabaty-na-okna .box .inside .details h2 a, #content .inner-box-wrapper .box .inside .details h2 a { color: #246293; } #content #promocje-rabaty-na-okna .box .inside .details .status, #content .inner-box-wrapper .box .inside .details .status { padding: 5px 6px 0 10px; font-size: .85em; color: #9d9d9d; } #content #promocje-rabaty-na-okna .box .inside .details .status .active { color: green; } #content #promocje-rabaty-na-okna .box .inside .details .status .not-active { color: red; } #content .inner-box-wrapper .box .inside .description, #content #promocje-rabaty-na-okna .box .inside .description { font-size: .95em; } #content .leader .inside .more-ranks {} #content .leader .inside .more-ranks h4 { font-size: 1.2em; } #content .leader .inside .more-ranks .rank-list {} #content .leader .inside .more-ranks .rank-list li { width: 50%; float: left; } #content .leader .inside .more-ranks .rank-list li a { color: #5499E5; font-weight: 700; } #content .leader .inside .more-ranks .rank-list li a:hover { color: #3C6CC3; } #content .add-company-form {} #content .add-company-form .text .error, #content .add-company-form .textarea .error, #content .add-company-form .checkbox .error { display: none; font-weight: bold; color: red; float: left; font-size: .8em; line-height: 110%; } #content .add-company-form .text { float: left; width: 50%; min-height: 65px; } #content .add-company-form .text input { display: block; margin: 0; width: 92%; padding: 6px 1%; color: #000; border: 1px solid #d7d7d7; } #content .add-company-form .text input[type=text] { -webkit-appearance: none; -webkit-border-radius: 0; } #content .add-company-form .text input[type=file] { padding: 3px 1%; -webkit-border-radius: 0; } #content .add-company-form .text input:focus { border: 1px solid #c7c7c7; outline: none; } #content .add-company-form .text label { width: 100%; display: block; } #content .add-company-form .textarea { float: left; width: 100%; } #content .add-company-form .hint { float: left; width: 100%; margin: 0 0 12px 0; } #content #addPartnerForm .head, #content .add-company-form .head { overflow: hidden; background: #eee; padding: 10px 10px; margin: 0 0 12px 0; clear: both; } #content #addPartnerForm .head h3, #content .add-company-form .head h3 { margin: 0; font-size: 1.3em; font-weight: bold; } #content .add-company-form .text select { margin: 0; width: 99%; padding: 6px 1%; color: #000; border: none; -webkit-appearance: none; background: #fff; } #content .add-company-form .text select:focus { outline: none; } #content .add-company-form .text .selectWrapp { display: block; margin: 0; width: 94%; color: #000; border: 1px solid #d7d7d7; } #content .add-company-form .textarea { float: left; width: 100%; margin: 0 0 12px 0; } #content .add-company-form .textarea a { font-weight: normal !important; color: #000 !important; } #content .add-company-form .textarea textarea { width: 95.95%; min-height: 60px; border: 1px solid #d7d7d7; font-family: Arial; font-size: 1em; padding: 5px 0.50%; resize: none; margin: 0; -webkit-appearance: none; -webkit-border-radius: 0; } #content .add-company-form .textarea textarea.tinymceSmall { resize: both; } #content .add-company-form .textarea textarea:focus { border: 1px solid #c7c7c7; outline: none; } table.mceLayout, textarea.tinyMCE { width: 99.85% !important; } #content .add-company-form .checkbox { float: left; width: 33%; margin: 0 0 12px 0; } #content .add-company-form .checkbox.full { float: left; width: 100%; margin: 0 0 12px 0; } #content .add-company-form .checkbox.full a { color: #5499E5; font-weight: 700; } #content .add-company-form .checkbox.full a:hover { color: #4681C3 } #content .add-company-form .checkbox input { float: left; } #content .add-company-form .checkbox label { display: inline-block; padding: 1px 0 0 5px; } #content .add-company-form .checkbox .error { width: 100%; } #content .add-company-form .text.last { width: 100%; height: auto; min-height: 32px; } #content .add-company-form .text .button { width: 47.2%; border: none; font-size: 1.2em; color: #fff; text-align: center; padding: 9px 0; background: #488a1d; font-weight: bold; float: right; cursor: pointer; } #content .add-company-form .text .button:hover { background: #54a022; } #content .add-company-form .text .button.disable:hover, #content .add-company-form .text .button.disable { background: #9AC280; } #content .add-company-form .branch-section .alert { display: none; } #content .add-company-form .profile-section .alert { display: none; } #content .add-company-form .countdown { color: green; font-weight: bold; } #content .add-company-form #map_canvas, #content .add-company-form #map_canvas2 { width: 99.90%; height: 450px; overflow: hidden; margin: 0 0 12px 0; } #content .add-company-form #map_canvas *, #content .add-company-form #map_canvas2 * { overflow: visible; } #content .add-company-form #companyLogoComplement { font-size: 120%; } #content .add-company-form #companyLogoComplement img { display: block; border: 1px solid #ddd; margin: 0 15px 12px 0; float: left; } #content .add-company-form #companyLogoComplement p { display: block; text-align: justify; margin: 0 auto 12px auto; } @media screen and (min-width: 0px) and (max-width: 959px) { #secondary .extras { display: none; } #secondary #show-filter-sections, #secondary #show-filter-sections-2 { display: block; } } @media screen and (min-width: 0px) and (max-width: 600px) { #content #primary .gallery-inside .photos.color .item { float: left; width: 49%; margin: 0 1% 6px 0; } #content .leader .inside .more-ranks .rank-list li { width: 100%; float: none; } } #content #nowe-rankingi-okien { width: 98.35%; background: #fff; margin: 0 0 15px 0; border-bottom: 2px solid #ddd; } #content #nowe-rankingi-okien .thumb {} #content #nowe-rankingi-okien h3 { background: #e8e4e4; font-size: 1.65em; margin: 0; border-top: 1px solid #ddd; line-height: 100%; } #content #nowe-rankingi-okien h3 a { color: #23456c; display: block; text-align: center; padding: 14px 15px; } #content #nowe-rankingi-okien ul { padding: 17px 12px 12px 32px; list-style: square; } #content #nowe-rankingi-okien ul li { float: left; width: 48%; margin: 0 2% 5px 0; } #content #nowe-rankingi-okien ul li a { color: #246293; font-weight: 700; } #content #nowe-rankingi-okien ul li a:hover { text-decoration: underline; } @media screen and (min-width: 0px) and (max-width: 600px) { #content #nowe-rankingi-okien ul li { width: 100%; } #primary .logo-map { float: none; width: 100%; max-width: 100%; margin: 0 0 0 0; } #primary .logo-map #map-company { width: 100%; max-width: 100%; } #primary .rank-w50 { width: 100%; float: none; } } @media screen and (min-width: 0px) and (max-width: 980px) { #primary .main .thisArticle .content .company-info .company-logo { width: 100%; } #primary .main .thisArticle .content .company-info .company-logo img { display: block; width: 25%; } #primary .main .thisArticle .content .company-info .company-address { width: 50%; padding-top: 0; font-size: .9em; } } @media screen and (min-width: 501px) and (max-width: 1024px) { #blc_wrp > #kill { position: absolute; top: 45%; right: -15px; } #blc_wrp > #wrp_in.yt .img-box img { max-width: 200px; margin: 0 auto; } } #compare-foot { width: 100%; max-width: 1016px; margin: 0 auto; } #imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; } @media screen and (min-width: 0px) and (max-width: 1200px) { #bar .in, #head, #nav-normal, #nav-mobile, #footer-bar, #footer-block-wrapper, #content { width: 96%; } } @media screen and (min-width: 0px) and (max-width: 798px) { #head .cmr-tp { width: 100%; } #quiz .value-block .value { font-size: 200%; } #quiz .value-block .desc { font-size: 1.05em; } } @media screen and (min-width: 0px) and (max-width: 1016px) { #top { /* background: url(../../img/2020/wielkanoc-bg.jpg) no-repeat center 30px; */ } #head { background-image: none; } #head .logo { float: none; margin: 30px 0; } #head .logo a { margin: 0 auto; } #head .cmr-tp { padding: 0 0; margin: 0 auto 20px auto; float: none; } } @media screen and (min-width: 0px) and (max-width: 1175px) { #nav-normal-19, #nav-normal { display: none; } #nav-mobile { display: block; } #nav-sub-normal { display: none; } #nav-sub-mobile { display: block; } #nav-sub-mobile-drop { display: none; } } @media screen and (min-width: 1176px) { #nav-normal { display: block; } #nav-mobile { display: none; } #nav-sub-normal { display: block; } #nav-sub-mobile { display: none; } #nav-sub-mobile-drop { display: none; } } @media screen and (min-width: 0px) and (max-width: 720px) { #content .company-details .home-map { width: 100%; margin: 0 0 12px 0; height: 150px; float: none; clear: both; } #content .company-details .rank { width: 100%; margin: 0 0 12px 0; float: none; clear: both; } #content .company-details .extra-menu { display: none; } #content .company-details .kf-is-logo { float: none; width: 100%; max-width: 250px; margin: 0 auto 5px auto; display: block; } #content .box.raport-energooszczednosci { background: #24771e url(../../img/2020/swinka-skarbonka-small.png) no-repeat right bottom; } .ro19.overflower .item { width: 50%; } .grid.small { width: 100%; } .grid.small .item, .grid.small .item:nth-child(3n+3) { width: 50%; margin: 0 0 15px 0; } .grid.small .item:nth-child(3n+1) { clear: none; } .grid.small .item:nth-child(odd) { width: 49%; margin: 0 1% 15px 0; } .grid.small .item:nth-child(even) { width: 49%; margin: 0 0 15px 1%; } .grid.small .item:nth-child(odd) { clear: left !important; } #primary #surveyForm .c50.st, #primary #surveyForm .c50.nd { width: 100%; } #primary #surveyForm .w33 label { font-size: 100%; padding: 0px 0 0 5px; line-height: 110%; vertical-align: middle; } #primary #searchArticle label { width: 98%; text-align: left; } #primary #searchArticle input { width: 97.5%; } #quiz { width: 96%; } #primary .main .thisArticle .content #reko-table .reko-item { float: left; text-align: center; width: 48%; } #primary .main .thisArticle .content #reko-table .reko-item.item-3 { clear: left; } } @media screen and (min-width: 0px) and (max-width: 980px) { #primary #surveyForm p, #quiz #surveyForm p { width: 100%; } #fourth .main .thisArticle .table-overflow, #primary .main .thisArticle .table-overflow { display: block; width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: scroll; margin: -1em 0 1em 0; -webkit-overflow-scrolling: touch; } #fourth .main .thisArticle .table-overflow table, #primary .main .thisArticle .table-overflow table { margin: 1em 0 0 0; } #primary .table-overflow.single-table { display: block; width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: scroll; margin: 0em 0 1em 0; -webkit-overflow-scrolling: touch; } } @media screen and (min-width: 0px) and (max-width: 479px) { #content .box.raport-energooszczednosci.homepage { width: 100%; background: #24771e url(../../img/2020/swinka-skarbonka.png) no-repeat right bottom; } #content .box.raport-energooszczednosci ul.homepage { padding-top: 0px; } #content .box.raport-energooszczednosci .home-wrapper { float: none; margin: 0 0 10px 0; padding: 0; } #content .compare-energy-efficiency .company-windows { width: calc(100% + 12px); } #content .compare-energy-efficiency .company-windows .company-windows-item.w25 { width: 50%; } #content .compare-energy-efficiency .company-windows .company-windows-item.w50 { width: 100%; } #primary .meta { margin: 0 0 4px 0; } #primary .thumb-rank { width: 100%; max-width: 100%; float: none; overflow: hidden; text-align: center; } #primary .thumb-rank img { width: 200px; display: inline; } #primary .rank-w50 { width: 100%; margin: 0 0 0 0; } #content .add-type li a { padding: 8px 8px !important; } .grid.small { width: 100%; } .grid.small .item, .grid.small .item:nth-child(3n+3), .grid.small .item:nth-child(3n+1), .grid.small .item:nth-child(odd), .grid.small .item:nth-child(even) { width: 100%; margin: 0 0 15px 0; clear: left; } #content #primary { z-index: 1; width: 100%; float: left; max-width: 100%; } #content #secondary { z-index: 1; width: 100%; float: right; max-width: 100%; } #content #primary a.jump-to { width: 100%; } #content .col-1 { width: 100%; float: left; margin: 0 0 0 0.0%; clear: left; } #content .col-2 { width: 100%; float: left; margin: 0 0 0 0.0%; } #content .three-in-row { width: 100%; float: left; margin: 0 0 0 0.0%; } #content .three-in-row .single-item { width: 100%; float: left; margin: 0 0 0px 0.0%; } #content .leader { width: 100.00%; } #content .box.cat-comm { width: 100.00%; } #primary .main { width: 100.00%; } #content .alert { width: 100% } #content .add-company-info { width: 100% } #bar #search input { width: 130px; } #primary .main .thisArticle .photos { width: 103.0%; margin: 0 0 0 -1.5%; } #primary .main .thisArticle .photos .photo-item { width: 47.00%; display: block; float: left; margin: 0 1.5%; } #primary .main .thisArticle .photos .photo-item:nth-child(odd) { clear: left; } #content { padding: 10px 0; } #content .box.filter { margin: 0 0 6px 0; } #content .box.head { margin: 0 0 6px 0; } #content .box { margin: 0 0 6px 0; } #content .leader { margin: 0 0 6px 0; } #primary .main { margin: 0 0 6px 0; } #content .load { margin: 0 0 6px 0; } #content .alert { margin: 0 0 6px 0; } #content .add-company-info { margin: 0 0 6px 0; } #content .tab { width: 100%; } #content .load { width: 100%; } #content #secondary .sider.st { width: 100%; float: left; margin: 0 0% 0 0.0%; clear: left; } #content #secondary .sider.nd { width: 100%; float: left; margin: 0 0% 0 0.0%; } #footer-block .block { width: 100%; } #footer-block .block .inner .box .title { font-size: 1.7em; min-height: 0; } #footer-bar .contact { float: none; clear: both; display: block; text-align: center; margin: 0 0 15px 0; } #footer-bar .menu { float: none; clear: both; display: block; text-align: center; } #footer-bar .menu li { display: inline-block; float: none; } #footer-bar .menu li:first-child { padding-left: 0; } .cookies p { width: 100%; } #content .listOfContents .contents ul li { margin: 0 0% 0px 0; width: 97%; float: left; } #fourth .main .thisArticle .gallery .item { float: left; width: 50%; } #primary .main .thisArticle .photo-block-multi-2-items, #primary .main .thisArticle .photo-block-multi-3-items { margin: 0 0 -0.85em 0; } #primary .main .thisArticle .photo-block-multi-2-items figure, #primary .main .thisArticle .photo-block-multi-3-items figure, #primary .main .thisArticle .photo-block-multi-3-items-no-slimbox figure { max-width: 100%; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w40 figure, #primary .main .thisArticle .photo-block-multi-1-items-w50 figure, #primary .main .thisArticle .photo-block-multi-1-items-w60 figure, #primary .main .thisArticle .photo-block-multi-1-items-w70 figure, #primary .main .thisArticle .photo-block-multi-1-items-w80 figure { max-width: 100%; margin: 0 0%; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left, #primary .main .thisArticle .photo-block-multi-1-items-w40-left, #primary .main .thisArticle .photo-block-multi-1-items-w50-left, #primary .main .thisArticle .photo-block-multi-1-items-w30-right, #primary .main .thisArticle .photo-block-multi-1-items-w40-right, #primary .main .thisArticle .photo-block-multi-1-items-w50-right { overflow: hidden; text-align: center; float: none; width: 100%; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left figure, #primary .main .thisArticle .photo-block-multi-1-items-w40-left figure, #primary .main .thisArticle .photo-block-multi-1-items-w50-left figure, #primary .main .thisArticle .photo-block-multi-1-items-w30-right figure, #primary .main .thisArticle .photo-block-multi-1-items-w40-right figure, #primary .main .thisArticle .photo-block-multi-1-items-w50-right figure { max-width: 100%; } #primary .main .thisArticle .video-container-16-9 { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #primary .main .thisArticle .video-container-16-9 iframe, #primary .main .thisArticle .video-container-16-9 object, #primary .main .thisArticle .video-container-16-9 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #primary .main .thisArticle .video-container-4-3 { position: relative; padding-bottom: 75%; padding-top: 30px; height: 0; overflow: hidden; } #primary .main .thisArticle .video-container-4-3 iframe, #primary .main .thisArticle .video-container-4-3 object, #primary .main .thisArticle .video-container-4-3 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #fourth .main .thisArticle .video-container-16-9 { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #fourth .main .thisArticle .video-container-16-9 iframe, #fourth .main .thisArticle .video-container-16-9 object, #fourth .main .thisArticle .video-container-16-9 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #fourth .main .thisArticle .video-container-4-3 { position: relative; padding-bottom: 75%; padding-top: 30px; height: 0; overflow: hidden; } #fourth .main .thisArticle .video-container-4-3 iframe, #fourth .main .thisArticle .video-container-4-3 object, #fourth .main .thisArticle .video-container-4-3 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #primary .leader.newsletter { background: #fff; } #primary .leader.search-pro-quality { background: #fff; } #primary #badania-news { background: #fff; } #primary #pro-quality-news { background: #fff; } #primary #pro-quality-rules { background: #fff; } #primary #badania-news p { width: 100%; } #primary #pro-quality-news p { width: 100%; } #primary #pro-quality-rules p { width: 100%; } #primary .news-highlight section p { font-size: 1em; line-height: 150%; margin: 1em 0; text-shadow: 1px 1px 0 #fff; } #primary #search-pro-quality form .row { margin: 0 0 5px 0; padding: 0px 0 0 0; } #primary #search-pro-quality form .row.last { margin: 0 0 0 0; padding: 5px 0 0 0; } #primary #search-pro-quality form label { width: 90%; text-align: left; padding: 0px 3px 0 0; font-size: 1em; } #primary #search-pro-quality form input { width: 97%; padding: 7px 1.5%; } #primary #newsletter-subscribe form .row { margin: 0 0 5px 0; padding: 0px 0 0 0; } #primary #newsletter-subscribe form .row.last { margin: 0 0 0 0; padding: 0; } #primary #newsletter-subscribe form label { width: 90%; text-align: left; padding: 0px 3px 0 0; font-size: 1em; } #primary #newsletter-subscribe form input { width: 97%; padding: 7px 1.5%; } #primary .main .thisArticle .photos { width: 103.0%; margin: 0 0 0 -1.5%; } #primary .main .thisArticle .photos .photo-item { width: 97.0%; display: block; float: left; margin: 0 1.5%; } #primary .main .thisArticle .photos .photo-item:nth-child(odd) { clear: left; } #content .leader .pq-map-col { width: 100%; float: none; } #content .leader .pq-data-col { width: 100%; float: none; margin: 0 0 12px 0; } #content .leader #marker_list { display: block; list-style: none; overflow: hidden; width: 100%; padding: 0; } #content .leader #marker_list li { margin: 0 0 6px 0; padding: 10px; cursor: pointer; background: #f7f7f7; border-bottom: 2px solid #ddd; } #content .box.two-in-row { margin-bottom: -3px; } #trainingForm .timeSelect .item { width: 100%; border-right: 0; } #trainingForm .text { width: 100%; } #trainingForm .textarea textarea { width: 96%; } #primary .main .thisArticle .content #pinForm .timeSelect .item { width: 100%; border-right: 0; } #primary .main .thisArticle .content #pinForm .text { width: 100%; } #primary .main .thisArticle .content #pinForm .textarea textarea { width: 96%; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .text { width: 100%; float: left; margin-bottom: 5px; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .text.last { width: 100%; float: left; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .textarea { width: 100%; float: right; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .textarea textarea { min-height: 143px; } #primary .main .thisArticle #ask-for-it-form.contactForm .contact-form > .captcha { width: 100%; float: left; } #primary #build.countdown { width: 100%; } #content .col-5 .box:nth-child(odd) { width: 100%; float: left; margin: 0 0 6px 0; } #content .col-5 .box:nth-child(even) { width: 100%; float: left; margin: 0 0 6px 0; } #primary #umowy.countdown { width: 100%; } #primary #conf.countdown { width: 100%; } #primary #fuszera.countdown { width: 100%; } #footer-block.co-op .box { width: 33.3%; } } @media screen and (min-width: 480px) and (max-width: 959px) { #content #nowe-rankingi-okien, #content .box.raport-energooszczednosci.homepage { width: 100%; } #content .main { width: 100%; } #content #primary { z-index: 1; width: 100%; float: left; max-width: 100%; } #content #secondary { z-index: 1; width: 100%; float: right; max-width: 100%; } #content #primary a.jump-to { width: 100%; } #content .col-1 { width: 49.15%; float: left; margin: 0 0.85% 0 0.0%; clear: left; } #content .col-2 { width: 49.15%; float: left; margin: 0 0 0 0.85%; } #content .col-5 .box:nth-child(odd) { width: 49.35%; float: left; margin: 0 0.65% 6px 0.0%; clear: left; } #content .col-5 .box:nth-child(even) { width: 49.35%; float: left; margin: 0 0 6px 0.65%; } #content .three-in-row { width: 100%; float: left; margin: 0 0 0 0.0%; } #content .three-in-row .single-item.item-1, #content .three-in-row .single-item.item-3, #content .three-in-row .single-item.item-5 { width: 49.15%; float: left; margin: 0 0.85% 0 0; clear: left; } #content .three-in-row .single-item.item-2, #content .three-in-row .single-item.item-4, #content .three-in-row .single-item.item-6 { width: 49.15%; float: left; margin: 0 0 0 0.85%; } #content .leader { width: 100.00%; } #content .box.cat-comm { width: 100.00%; } #primary .main { width: 100.00%; } #content .alert { width: 100% } #content .add-company-info { width: 100% } #content .compare-energy-efficiency .company-windows { width: calc(100% + 12px); } #primary .main .thisArticle .photos {} #primary .main .thisArticle .photos .photo-item { width: 47.00%; display: block; float: left; margin: 0 1.5%; } #primary .main .thisArticle .photos .photo-item:nth-child(odd) { clear: left; } #content { padding: 10px 0; } #content .box { margin: 0 0 6px 0; } #content .leader { margin: 0 0 6px 0; } #primary .main { margin: 0 0 6px 0; } #content .load { margin: 0 0 6px 0; } #content .alert { margin: 0 0 6px 0; } #content .add-company-info { margin: 0 0 6px 0; } #content .box .inside .title { padding: 0 0; line-height: 110%; } #content .box .inside .date-category { margin: 0 0 9px 0; } #content .box .inside .description { margin: .7em 0; } #content .box .inside .tags { padding: 0 0; margin: 0 0 -5px 0; } #content .box .inside .tags a { text-align: center; padding: 5px 3px; line-height: 120%; } #content .tab { width: 100%; } #content .load { width: 100%; } #content #secondary .sider.st { width: 49.15%; float: left; margin: 0 0.85% 0 0.0%; clear: left; } #content #secondary .sider.nd { width: 49.15%; float: left; margin: 0 0 0 0.85%; } #footer-block { padding: 15px 0; } #footer-block .block { width: 50%; margin: 0 0 6px; } #footer-block .block.item-3 { clear: left; } #footer-block .block .inner .box .title { font-size: 1.7em; min-height: 0; padding: 0 0; line-height: 110%; -ms-text-size-adjust: 90%; } #footer-block .block .inner .box .date-category { margin: 0 0 9px 0; } #footer-block .block .inner .box .description { margin: .7em 0 .4em 0; } #content .box.standard .subscribe button { -ms-text-size-adjust: 80%; } #primary .metadata .row { margin: 0 0 6px 0; } #primary .metadata .row .elem .btn, #primary .metadata .row .elem .text { text-align: center; margin: 0 4px 4px 0; } #primary .metadata .row .tag { text-align: center; padding: 5px 3px; line-height: 120%; } #primary .main .thisArticle p { margin: .5em 0; } #primary .main .thisArticle .photos .photo-item p { -ms-text-size-adjust: 85%; margin: .5em 0 .5em 0; } #footer-bar .contact { float: none; clear: both; display: block; text-align: center; margin: 0 0 15px 0; } #footer-bar .menu { float: none; clear: both; display: block; text-align: center; } #footer-bar .menu li { display: inline-block; float: none; } #footer-bar .menu li:first-child { padding-left: 0; } .cookies p { width: 100%; } #content .listOfContents .contents ul li { margin: 0 0% 0px 0; width: 97%; float: left; } #nav-mobile > nav::before { -ms-text-size-adjust: none; } #fourth .main .thisArticle .gallery .item { float: left; width: 50%; } #primary .main .thisArticle .photo-block-multi-2-items, #primary .main .thisArticle .photo-block-multi-3-items { margin: 0 0 0.85em 0; } #primary .main .thisArticle .photo-block-multi-2-items figure, #primary .main .thisArticle .photo-block-multi-3-items figure, #primary .main .thisArticle .photo-block-multi-3-items-no-slimbox figure { max-width: 90%; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w40 figure, #primary .main .thisArticle .photo-block-multi-1-items-w50 figure, #primary .main .thisArticle .photo-block-multi-1-items-w60 figure, #primary .main .thisArticle .photo-block-multi-1-items-w70 figure, #primary .main .thisArticle .photo-block-multi-1-items-w80 figure { max-width: 90%; margin: 0 0%; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left, #primary .main .thisArticle .photo-block-multi-1-items-w40-left, #primary .main .thisArticle .photo-block-multi-1-items-w50-left, #primary .main .thisArticle .photo-block-multi-1-items-w30-right, #primary .main .thisArticle .photo-block-multi-1-items-w40-right, #primary .main .thisArticle .photo-block-multi-1-items-w50-right { overflow: hidden; text-align: center; float: none; width: 100%; margin: 0 0 1em 0; } #primary .main .thisArticle .photo-block-multi-1-items-w30-left figure, #primary .main .thisArticle .photo-block-multi-1-items-w40-left figure, #primary .main .thisArticle .photo-block-multi-1-items-w50-left figure, #primary .main .thisArticle .photo-block-multi-1-items-w30-right figure, #primary .main .thisArticle .photo-block-multi-1-items-w40-right figure, #primary .main .thisArticle .photo-block-multi-1-items-w50-right figure { max-width: 90%; } #primary .main .thisArticle .video-container-16-9 { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #primary .main .thisArticle .video-container-16-9 iframe, #primary .main .thisArticle .video-container-16-9 object, #primary .main .thisArticle .video-container-16-9 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #primary .main .thisArticle .video-container-4-3 { position: relative; padding-bottom: 75%; padding-top: 30px; height: 0; overflow: hidden; } #primary .main .thisArticle .video-container-4-3 iframe, #primary .main .thisArticle .video-container-4-3 object, #primary .main .thisArticle .video-container-4-3 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #fourth .main .thisArticle .video-container-16-9 { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #fourth .main .thisArticle .video-container-16-9 iframe, #fourth .main .thisArticle .video-container-16-9 object, #fourth .main .thisArticle .video-container-16-9 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #fourth .main .thisArticle .video-container-4-3 { position: relative; padding-bottom: 75%; padding-top: 30px; height: 0; overflow: hidden; } #fourth .main .thisArticle .video-container-4-3 iframe, #fourth .main .thisArticle .video-container-4-3 object, #fourth .main .thisArticle .video-container-4-3 embed { position:absolute; top:0; left:0; width:100%; height:100%; } #primary .leader.newsletter { background: #fff; } #primary .leader.search-pro-quality { background: #fff; } #primary #badania-news { background: #fff; } #primary #pro-quality-news { background: #fff; } #primary #pro-quality-rules { background: #fff; } #primary #badania-news p { width: 100%; } #primary #pro-quality-news p { width: 100%; } #primary #pro-quality-rules p { width: 100%; } #primary .news-highlight section p { font-size: 1em; line-height: 150%; margin: 1em 0; text-shadow: 1px 1px 0 #fff; } #content .leader .pq-map-col { width: 100%; float: none; } #content .leader .pq-data-col { width: 100%; float: none; margin: 0 0 12px 0; } #content .leader #marker_list li { margin: 0 1% 6px 0; padding: 2% 4%; width: 41%; float: left; } #content .leader #marker_list li:nth-child(odd) { margin: 0 1% 6px 0; padding: 2% 4%; width: 41%; float: left; clear: left; } #content .leader #marker_list li:nth-child(even) { margin: 0 0 6px 1%; padding: 2% 4%; width: 41%; float: left; } #content .box.two-in-row { margin-bottom: -3px; } #primary .main .thisArticle #pinForm p, #primary .main .thisArticle #trainingForm p { margin: 0; } #trainingForm .text input { width: 93%; } #trainingForm .textarea textarea { width: 96.5%; } #trainingForm .text .selectWrapp { width: 93%; } #pinForm .text input { width: 93%; } #pinForm .textarea textarea { width: 96.5%; } #pinForm .text .selectWrapp { width: 93%; } #primary #build.countdown { width: 100%; } #primary #conf.countdown { width: 100%; } #primary #umowy.countdown { width: 100%; } #primary #fuszera.countdown { width: 100%; } #footer-block.co-op .box { width: 20.0%; } } @media screen and (min-width: 0px) and (max-width: 370px) { #bar .yt-btn, #bar .fb-btn { display: none; } } @media screen and (min-width: 340px) and (max-width: 600px) { #select-window-type .window-type { width: 50%; float: left; background: #7becb8; min-height: 35px; } #select-window-type .window-type a { padding-top: 0px; line-height: 34px; border-bottom: 1px solid #fff; } #content .leader #voi ul li { width: 33.33%; } #voi ul li a { font-size: .8em; } } @media screen and (min-width: 0px) and (max-width: 339px) { #select-window-type .window-type { width: 50%; float: left; background: #7becb8; min-height: 35px; } #select-window-type .window-type a { padding-top: 0px; line-height: 34px; border-bottom: 1px solid #fff; } #content .leader #voi ul li { width: 50%; } #voi ul li a { font-size: .8em; } } @media only screen and (max-device-width: 480px) and (orientation: landscape) and not (-webkit-min-device-pixel-ratio: 2) { } /* style for primary. Views: home, category, archive, company list */ #primary .cnt.auto { margin: 0 auto 17px auto; clear: both; overflow: hidden; } #primary .thisInfo { clear: both; overflow: hidden; margin: 0 0 12px 0; } #primary .addCompany { border: 1px solid #d2e6ff; background: #f2f6fb url(../img/info-icon.png) no-repeat 10px center; border-radius: 5px; margin: 0 0 20px 0; } #primary .addCompany:hover { background: #eff5fc url(../img/info-icon-hover.png) no-repeat 10px center; } #primary .addCompany h3 { margin: 0; display: block; font-size: 14px; line-height: 100%; } #primary .addCompany h3 a, #primary .addCompany h3 span { display: block; padding: 10px 15px 10px 45px; } #primary .photo { display: block; position: relative; overflow: hidden; } #primary .photo.left { float: left; margin: 0 15px 17px 0; } #primary .photo.right { float: right; margin: 0 0 17px 15px; } #primary .cnt.auto > .photo {} #primary .cnt.auto > .photo.left { margin: 0 15px 0 0; } #primary .cnt.auto > .photo.right { margin: 0 0 0 15px; } #primary .photo.auto { margin: 0 auto 17px auto; } #primary .photo img { padding: 1px; border: 1px solid #ddd; display: block; } .single #primary .photo p { font-size: 10px; line-height: 120%; text-align: center; margin: 0; } #primary table .photo.left { float: left; margin: 0 15px 0 0; } #primary table .photo.right { float: right; margin: 0 0 0 15px; } #primary table .photo.auto { margin: 0 auto 0 auto; } #primary table .photo img { padding: 1px; border: 1px solid #fff; display: block; } #primary .photoExpand { background: url(../img/photoExpand-bg.png) repeat; display: none; box-shadow: inset 0 0 10px #ddd; position: absolute; right: 2px; top: 2px; left: 2px; color: #fff; font-size: 16px; text-align: center; line-height: 100%; -webkit-transition: opacity 1s linear; opacity: 0; } #primary table .photoExpand { box-shadow: none; } #primary .photo a:hover .photoExpand { display: block; opacity: 1; } #primary .photo a:hover img { border: 1px solid #bbb; } #primary table .photo a:hover img { border: 1px solid #fff; } #primary .photoExpand .icon { background-position: 0 -137px; position: absolute; width: 45px; height: 45px; left: 50%; margin: -22px 0 0 -22px; top: 50%; } #addCompanyForm .startDate, #addCompanyForm .years { display: none; } #moreInfo { height: 1px; } .contact-form { margin: 0; width: 100%; } .contact-form { position: relative; overflow: hidden; } .contact-form > div { margin: 7px 0 10px 0; overflow: hidden; } .contact-form > div > div.w50 { float: left; width: 50%; } .contact-form > div.nm { margin: 0; overflow: hidden; } .contact-form > div.last { margin: 7px 0 0 0; } .contact-form > div.checkbox { min-height: 20px; margin: 0 0 15px 0; padding: 10px 0 0 0; } .contact-form > div.checkbox label { margin: 0 0 0 0px; width: 340px; float: right; padding: 0; text-align: left; } .contact-form > div.checkbox label.error { margin: 0 0 0 0px; padding: 3px 0 0 150px; text-align: left; display: block; clear: both; overflow: hidden; } .contact-form > div.checkbox input { float: left; margin: 1px 0 0 150px; } #contactDiscount.contact-form div.last { margin: 7px 0 15px 0; } .contact-form div.captcha > * {} .contact-form label span { color: red; font-weight: bold; } .contact-form label { display: block; width: 100%; line-height: 120%; margin: 0 0 5px 0; } .contact-form label.chbx { display: inline-block; width: auto; } .contact-form .text label.error { color: red; display: block; font-size: .8em; font-weight: 700; } .contact-form .textarea label.error { color: red; display: none; font-size: .8em; font-weight: 700; } .contact-form input { width: 95%; padding: 7px 5px; line-height: 100%; outline: 0; border: 1px solid #d7d7d7; } .contact-form.discount input { width: 362px; } .contact-form input#recaptcha_response_field { padding: 0px !important; margin: 0 0 5px 0 !important; border-radius: 0; } .contact-form input[type="file"] { width: 364px; padding: 2px 3px; -webkit-appearance: none; -webkit-border-radius: 0; } .contact-form input[type="checkbox"] { width: auto; } .contact-form input[type=text] { -webkit-appearance: none; -webkit-border-radius: 0; } .contact-form input.error, .contact-form input.formError, .contact-form input.error:focus { border: 1px solid #d7d7d7; } .contact-form textarea { width: 95%; height: 112px; min-height: 112px; max-height: 112px; padding: 7px 5px; display: block; resize: none; line-height: 120%; outline: 0; border: 1px solid #d7d7d7; font-family: Arial; -webkit-appearance: none; -webkit-border-radius: 0; } .contact-form input:focus { border: 1px solid #bbb; } .contact-form textarea:focus { resize: none; border: 1px solid #bbb; } .contact-form textarea.error, .contact-form textarea.formError, .contact-form textarea.error:focus { border: 1px solid #d7d7d7; resize: none; } .contact-form .countdown { font-size: 11px; font-weight: bold; color: green; } .contact-form .hint { padding: 0 0 0 146px; font-size: 11px; font-weight: bold; } .contact-form p.rodo { display: none; } .contact-form .more-rodo { color: blue; cursor: pointer; } .contact-form .selectWrapp { width: 96%; padding: 7px 5px; line-height: 100%; vertical-align: middle; outline: 0; border: 1px solid #d7d7d7; } .contact-form .selectWrapp.kf14-filter { width: 99.60%; padding: 0px 0px; line-height: 100%; vertical-align: middle; outline: 0; border: 1px solid #d7d7d7; } .contact-form .selectWrapp.kf14-filter select { width: 100%; padding: 7px 0 7px 5px; } .contact-form .fakeInput { padding: 5px; height: 15px; width: 360px; } .contact-form select { width: 100%; line-height: 120%; border: none; -webkit-appearance: none; -webkit-border-radius: 0; font-size: 1em; } .contact-form select:focus { outline: 0; } .contact-form .obligatory { padding-left: 135px; font-size: 10px; } .contact-form .obligatory span { color: red; font-weight: bold; } .contact-form #message { padding: 40px 0 0 0; } .contact-form #message h2 { text-align: center; font-size: 22px; } .contact-form #message p { text-align: center !important; font-size: 13px; } #contactFormMessage, #contactCompanyMessage { display: none; } #contactFormMessage h3, #contactCompanyMessage h3 { margin: 0; } #contactFormMessage p, #contactCompanyMessage p { margin: 0; } #addCompanyForm .error { display: none; } .contactForm {} .contact-form button { font-size: 1.2em; padding: 8px 0; width: 100%; } .contact-form button:hover {} .contact-form .send { padding: 0 0 0 30px; background: url(../img/email-sent.jpg) no-repeat left 2px; margin: 30px 0 0 0; } .pro-quality { margin: 0 0 15px 0; } .pro-quality th { background: #e2e2e2; border-bottom: 1px solid #ddd; } .pro-quality td { border-bottom: 1px solid #ddd; } .pro-quality tr:nth-child(even) td { background: #efefef; } .pro-quality tr:nth-child(ood) td { background: #f2f2f2; } .contact-form.training .multi input[type="checkbox"] { display: block; width: 18px; height: 18px; margin: 0 auto; } .contact-form.training .multi label { } .contact-form.training .multi input[type="text"] { float: left; width: 92%; } .contact-form.training .multi .col50 { float: left; width: 50%; } .contact-form.training .row { width: 100%; } .contact-form.training .row .text { margin: 0 0 10px 0; } #primary .contact-form.training input[type="text"].formError { border: 1px solid #e83f3f !important; }