@media (min-width:981px){.et_pb_gutter.et_pb_gutters2 #left-area{width:77.25%}.et_pb_gutter.et_pb_gutters2 #sidebar{width:22.75%}.et_pb_gutters2.et_right_sidebar #left-area{padding-right:3%}.et_pb_gutters2.et_left_sidebar #left-area{padding-left:3%}.et_pb_gutter.et_pb_gutters2.et_right_sidebar #main-content .container:before{right:22.75%!important}.et_pb_gutter.et_pb_gutters2.et_left_sidebar #main-content .container:before{left:22.75%!important}.et_pb_gutters2 .et_pb_column,.et_pb_gutters2.et_pb_row .et_pb_column{margin-right:3%}.et_pb_gutters2 .et_pb_column_4_4,.et_pb_gutters2.et_pb_row .et_pb_column_4_4{width:100%}.et_pb_gutters2 .et_pb_column_4_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_module{margin-bottom:1.5%}.et_pb_gutters2 .et_pb_column_3_4,.et_pb_gutters2.et_pb_row .et_pb_column_3_4{width:74.25%}.et_pb_gutters2 .et_pb_column_3_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_3_4 .et_pb_module{margin-bottom:2.02%}.et_pb_gutters2 .et_pb_column_2_3,.et_pb_gutters2.et_pb_row .et_pb_column_2_3{width:65.667%}.et_pb_gutters2 .et_pb_column_2_3 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_2_3 .et_pb_module{margin-bottom:2.284%}.et_pb_gutters2 .et_pb_column_3_5,.et_pb_gutters2.et_pb_row .et_pb_column_3_5{width:58.8%}.et_pb_gutters2 .et_pb_column_3_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_3_5 .et_pb_module{margin-bottom:2.551%}.et_pb_gutters2 .et_pb_column_1_2,.et_pb_gutters2.et_pb_row .et_pb_column_1_2{width:48.5%}.et_pb_gutters2 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:3.093%}.et_pb_gutters2 .et_pb_column_2_5,.et_pb_gutters2.et_pb_row .et_pb_column_2_5{width:38.2%}.et_pb_gutters2 .et_pb_column_2_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_2_5 .et_pb_module{margin-bottom:3.927%}.et_pb_gutters2 .et_pb_column_1_3,.et_pb_gutters2.et_pb_row .et_pb_column_1_3{width:31.3333%}.et_pb_gutters2 .et_pb_column_1_3 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_3 .et_pb_module{margin-bottom:4.787%}.et_pb_gutters2 .et_pb_column_1_4,.et_pb_gutters2.et_pb_row .et_pb_column_1_4{width:22.75%}.et_pb_gutters2 .et_pb_column_1_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_4 .et_pb_module{margin-bottom:6.593%}.et_pb_gutters2 .et_pb_column_1_5,.et_pb_gutters2.et_pb_row .et_pb_column_1_5{width:17.6%}.et_pb_gutters2 .et_pb_column_1_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_5 .et_pb_module{margin-bottom:8.523%}.et_pb_gutters2 .et_pb_column_1_6,.et_pb_gutters2.et_pb_row .et_pb_column_1_6{width:14.1667%}.et_pb_gutters2 .et_pb_column_1_6 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_6 .et_pb_module{margin-bottom:10.588%}.et_pb_gutters2 .et_full_width_page.woocommerce-page ul.products li.product{width:22.75%;margin-right:3%;margin-bottom:3%}.et_pb_gutters2.et_left_sidebar.woocommerce-page #main-content ul.products li.product,.et_pb_gutters2.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:30.64%;margin-right:4.04%}}.dp_ppp_modal { max-width: 90%; height: 95%; } .et_pb_portfolio_item img { -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -o-filter: grayscale(90%); -ms-filter: grayscale(90%); filter: grayscale(93%); transition-duration:.1s; } .et_pb_portfolio_item img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); transition-duration:.3s; } .et_pb_dpfilterable_blog_0 .et_pb_grid_item { -webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.1); border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 0px solid #000000; transition-duration:.1s; } .et_pb_dpfilterable_blog_0 .et_pb_grid_item:hover{ -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); transition-duration:.3s; } .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta { text-align: center; margin-top: -2px; } .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a { color: #7CD3C8; } .ds-vertical-align { display: flex; flex-direction: column; justify-content: center; } @media all and ( min-width: 981px ) { .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item.first_in_row{ clear:none !important; } .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item{ width:23% !important; margin:1% !important; } } .et_portfolio_image { text-align:center; } #folio .et_pb_filterable_portfolio .et_pb_portfolio_item h2 { text-align:center !important; font-size:18px; text-transform:uppercase; margin-top: 0; } #folio .et_pb_filterable_portfolio .et_overlay { -webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px none #000000; height:110%; } #folio .et_pb_filterable_portfolio .et_overlay:before { display:none; } #folio .et_overlay {background-color:rgba(255,255,255,0.1); } #folio .et_pb_filterable_portfolio .et_pb_portfolio_item { margin-bottom:30px !important; margin-top:20px; } .et-pb-controllers { bottom:0 !important; } #portfolio-ramka {background-color:transparent !important; margin: 0 !important; padding: 0 !important; } @media all and ( min-width: 981px ) { #portfolio-fotki { height: calc(100vh - 50px); padding:0px 0; margin-top:0px; } #portfolio-opis { padding-right: 50px; } } #portfolio-opis h3 { font-size:13px !important; font-weight:600; padding-top:10px; padding-bottom:0; text-transform:uppercase !important; text-align:center; } #portfolio-opis p { text-align:center; } #portfolio-opis { margin-bottom:30px; } @media all and (max-width: 980px) { .et_pb_row.et_pb_row_fullwidth { width:100% !important; } #btn-folio { z-index:100000; } #portfolio-opis { padding: 30px; } } .tytul h2 { font-size:40px; font-weight:500; text-transform:uppercase; margin-bottom:15px; } .tytul hr { border: 0px; background: #7CD3C8; height: 6px; width:40px; margin-bottom:25px; } .tytul h3 { font-size:40px !important; font-weight:100; line-height: 1em; } .tytul { margin-bottom:30px; } .et_pb_button, .caldera-grid input[type=submit] { color:#666666 !important; border: 1px solid #666666 !important; padding:3px 8px !important; font-size:14px !important; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1); } .et_pb_button:hover, .caldera-grid input[type=submit]:hover { color:white !important; background-color:#666666 !important; -webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); } .et_pb_button:after { display:none !important; } #start-kol-druk, #start-kol-opieka, #start-kol-strony { padding: 50px 5px 0 5px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #start-kol-druk:hover, #start-kol-opieka:hover, #start-kol-strony:hover { -webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.14); border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px none #000000; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background-color: rgba(255,255,255,0.1); } .blurb-hover .et_pb_column { position: relative; } .blurb-hover .et_pb_button { zoom: 1; filter: alpha(opacity=0); opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } blockquote { border-color: #F8C255 !important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active:hover { background-color: #F8C255 !important; border-color: #F8C255; color:black !important; } .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover { background-color: RGBA(248, 194, 85, .30); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cf-toggle-switch .btn-success { background-color: #F8C255 !important; border-color: #F8C255 !important; color:black !important; } .cf-toggle-switch .btn-default:hover { background-color: RGBA(248, 194, 85, .30) !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .border-hover .et_pb_column { overflow: hidden; position: relative; } .border-hover .et_pb_column img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-left: 2px solid white; border-bottom: 2px solid white; } .border-hover .et_pb_promo_description img { border:none; } .border-hover .et_pb_column:hover img { transform: scale(1.1); } .border-hover .et_pb_column:hover .et_pb_image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); content: ''; } .border-hover .et_pb_column .et_pb_promo_description:before { top: 20px; right: 20px; bottom: 20px; left: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; position: absolute; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .border-hover .et_pb_column .et_pb_promo_description:after { top: 20px; right: 20px; bottom: 20px; left: 20px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; position: absolute; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .border-hover .et_pb_column:hover .et_pb_promo_description:before, .border-hover .et_pb_column:hover .et_pb_promo_description:after { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .border-hover .et_pb_column .et_pb_promo_description h2 { opacity: 1; color: #fff; position: absolute; top: 0; right:0; width: auto; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin: 0; padding: 5px; background-color: #7CD3C8; z-index:2; } .border-hover .et_pb_column .et_pb_promo_description p { opacity: 0; color: #fff; position: absolute; top: 10%; width: 100%; text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .border-hover .et_pb_column:hover .et_pb_promo_description h2 { opacity: 1; right:19px; top:20px; text-align: center; color: #fff; } .border-hover .et_pb_column:hover .et_pb_promo_description p { opacity: 1; position: absolute; top: 50px; width: 100%; text-align: center; color: #fff; } .border-hover .et_pb_promo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .border-hover .et_pb_promo_button { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @font-face { font-family: 'Pe-icon-7-stroke'; src:url(//szymanik.waw.pl/styl/fonts/Pe-icon-7-stroke.eot?d7yf1v); src:url(//szymanik.waw.pl/styl/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'), url(//szymanik.waw.pl/styl/fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'), url(//szymanik.waw.pl/styl/fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'), url(//szymanik.waw.pl/styl/fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #ikonka { font-size:5em; color:#F8C255; margin-top: -20px; } #oferta p { padding-top:20px; font-size: 16px; color: gray; } #oferta h3 { font-size: 24px; } .icon-monitor:before { content: "\e634"; } .icon-print:before { content: "\e61f"; } .icon-edit:before { content: "\e659"; }