@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');
body,html {margin: 0px; padding: 0px; width: 100%; font-size:16px;font-family: 'Titillium Web';overflow-x:hidden;}

.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 18px; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color:#616161;}
a:hover {color:#000}

p{ margin:0px 0px 5px 0px; padding:0px;  }
.no-padding { padding:0px;}
.no-padding1 { padding:0px;}
.no-padding-left { padding-left:0px;}
.no-padding-right { padding-right:0px;}
img.alignleft , .alignleft{ float:left; margin-right:10px;}
img.alignright { float:right; margin-left:10px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}
.downbutton img{ cursor:pointer;}
.container { width:1500px;max-width:100%;}
img.thumbnail { border:0px solid !important;box-shadow:none !important;padding:0px !important;border-radius:0px !important;}

.marginleftright { padding-left:40px;padding-right:40px;}
.marginleftright1 { padding-left:75px;padding-right:75px;}
.text-right { text-align:right;}

/*top*/
#rlogo { position:absolute;top:16px;left:20px;z-index:60000;display:none;}
#rlogo img { height:38px;}
.top { float:left;position:absolute;background:none;width:auto;height:auto;z-index:1000;padding-top:0px;top:0px;left:0px;right:0px;font-family: 'Titillium Web', sans-serif;color:#000;}
.top.scrolled { background:#fff;z-index:1000;
-webkit-box-shadow: -2px 7px 10px 3px rgba(0,0,0,0.1); 
box-shadow: -2px 7px 10px 3px rgba(0,0,0,0.1);}

#bodybg { background:rgba(0,0,0,0.2);position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:100;display:none;}
.kontenerslider { margin-top:80px;}
#rev_slider_74_2_wrapper .clean_arrows.tparrows:hover::before {color:#ff0000; }

/*logotyp*/
.menulogo { display:flex;padding-left:0px;}

#logo {display:flex;width:100%; height:100%;margin:0px 0px 0px 30px;text-align:center;min-height:70px;align-items:center;margin:4px 0px 4px 0px;height:70px;}
#logo img { max-width:100%;height:auto;}
#logo a { display:block;width:100%;height:auto;margin:0px 0px 0px 30px;}

/*pug menu*/
#menuburger { margin:11px 0px 0px 10px;display:none;}
#menuburger a { display:block;padding:7px 4px 3px 4px;background:none;width:auto;}
.sidebarlogotyp { display:block;margin:30px 20px 30px 20px;}
.btn-side-bar .slicknav_icon-bar { background:#fff !important;}

#pugmenu { text-align:right;margin:15px 20px 10px 0px;float:left;}
.sf-menu { display:flex;align-items:flex-start;justify-content:flex-start;align-content:flex-start;float:right;margin-bottom:0px;}
.sf-menu > li { background:none;margin:0px 0px 0px 0px;width:auto;}
.sf-menu > li:hover { background:none !important;}
.sf-menu > li:hover > a { color:#ff0000;background:none;}
.sf-menu a { border:0px;color:#fff;text-transform:uppercase;width:100%;padding:16px 20px 16px 20px;font-size:15px;font-weight:600;}
.sf-menu a.sf-with-ul { padding-right:30px;}
.sf-menu li > ul:after { position:absolute;content:"";top:6px;left:0px;background:url(../kikom/arrowdrop.png) top center no-repeat;width:100%;height:8px;}
.sf-menu a:hover { color:#000000;text-transform:uppercase;}
.sf-menu > li > ul { padding-top:13px;box-shadow:none;width:100%;}
.sf-menu ul li a { background:#fff;color:#000;padding:11px 15px 11px 15px;text-align:left;width:100%;font-size:13px;border:0px;} 
.sf-menu ul li a:hover { color:#004785;border:0px;}
.sf-arrows a.sf-with-ul::after { position:absolute;right:11px;bottom:21px;top:auto;background:url(../kikom/down.png) center center no-repeat;border:0px;width:12px;height:8px;}
.sf-arrows a.sf-with-ul:hover::after { position:absolute;right:11px;bottom:21px;top:auto;background:url(../kikom/up.png) center center no-repeat;border:0px;width:12px;height:8px;}
.sf-menu > li:hover > a.sf-with-ul::after { position:absolute;right:11px;bottom:21px;top:auto;background:url(../kikom/up.png) center center no-repeat;border:0px;width:12px;height:8px;}

.sf-menu > li > ul  a.sf-with-ul::after { position:absolute;right:11px;bottom:40%;top:auto;background:url(../kikom/arrowright1.svg) top 0px center no-repeat;border:0px;width:12px;height:12px;}
.sf-menu > li > ul  a.sf-with-ul:hover::after { position:absolute;right:11px;bottom:40%;top:auto;background:url(../kikom/arrowright.svg) top 0px center no-repeat;border:0px;width:12px;height:12px;}

.sf-menu a,.top.toppodstrona .sf-menu a { color:#000;}
.sf-menu > li:hover > a,.top.toppodstrona .sf-menu > li:hover > a { color:#1db6c8;}
.top.toppodstrona .sf-menu a:hover,.top.toppodstrona .sf-menu li:hover,.sf-menu a:hover,.sf-menu li:hover {color:#1db6c8 !important;}
.top.toppodstrona .sf-menu ul li a,.sf-menu ul li a { background:#fff;color:#000;padding:11px 15px 11px 15px;text-align:left;font-size:11px;border:0px;} 
.top.toppodstrona .sf-menu ul,.sf-menu ul {bborder:1px solid #eee;}
.top.toppodstrona .sf-menu ul li a,.sf-menu ul li a { }
.top.toppodstrona .btn-side-bar .slicknav_icon-bar,.btn-side-bar .slicknav_icon-bar { background:#004785;}

.top.toppodstrona .sf-arrows a.sf-with-ul::after,.sf-arrows a.sf-with-ul::after { position:absolute;right:11px;bottom:21px;top:auto;background:url(../kikom/down1.png) center center no-repeat;border:0px;width:12px;height:8px;}
.top.toppodstrona .sf-arrows a.sf-with-ul:hover::after,.sf-arrows a.sf-with-ul:hover::after { position:absolute;right:11px;bottom:21px;top:auto;background:url(../kikom/up1.png) center center no-repeat;border:0px;width:12px;height:8px;}

.top.toppodstrona .sf-menu > li:hover > a.sf-with-ul::after,.sf-menu > li:hover > a.sf-with-ul::after { position:absolute;right:11px;bottom:21px;top:auto;background:url(../kikom/up1.png) center center no-repeat;border:0px;width:12px;height:8px;}
.top.toppodstrona .sf-menu > li > ul  a.sf-with-ul::after,.sf-menu > li > ul  a.sf-with-ul::after { position:absolute;right:11px;bottom:40%;top:auto;background:url(../ddom/arrowright1.svg) top 0px center no-repeat;border:0px;width:12px;height:12px;}
.top.toppodstrona .sf-menu > li > ul  a.sf-with-ul:hover::after,.sf-menu > li > ul  a.sf-with-ul:hover::after { position:absolute;right:11px;bottom:40%;top:auto;background:url(../ddom/arrowright.svg) top 0px center no-repeat;border:0px;width:12px;height:12px;}

.top.toppodstrona .dropdown-selected a,.dropdown-selected a { color:#004785;background:url(../kikom/down1.png) center right no-repeat;padding-right:16px;}

.top.toppodstrona a.showfavorites span,a.showfavorites span { background:#004785;color:#fff;}
.top.toppodstrona  .ikony ul li a, .ikony ul li a { background:#004785;}
.top.toppodstrona  .ikony ul li a:hover, .ikony ul li a:hover { background:#ff0000;}

.top.toppodstrona .btn-side-bar .slicknav_icon-bar,.btn-side-bar .slicknav_icon-bar  { background:#000 !important;}
#slide-bar-megamenu .slicknav_icon-bar { background:#000 !important;}

.tooltip-inner {
  background: #000000;
}
.blocker { z-index:1000 !important; }
#modalkontakt { width:800px !important;max-width:100%;z-index:10000;}
.modal a.close-modal { top:5px !important;right:5px !important;}



/*technologia*/
.o-kikom { padding-top:50px;padding-bottom:50px;}
.o-kikom h2 { width:100%;text-align:left;color:#004785;font-size:2.4rem;font-weight:400;color:#000;margin:28px 0px 20px 0px;text-transform:none;}
.o-kikom .item--style-3 {margin-left:0px; }
.margines-prawa .wpb_text_column .wpb_wrapper { padding-right:20%;}
.margines-lewa .wpb_text_column .wpb_wrapper { padding-left:20%;}

a.wiecej { float:left;position:relative;width:auto;background:#1f998a;font-size: 1.2em;color:#fff;line-height:1rem;margin:20px 0px 10px 0px;padding:14px 20px 14px 20px;font-weight:700;border-radius:5px;}
a.wiecej:hover {background:#40b5a7 !important; }

/*oferta*/
.oferty-pudelkowe { padding-top:50px;padding-bottom:0px;background:#2ea092;color:#fff;}
.oferty-pudelkowe h2 { width:100%;text-align:left;color:#fff !important;font-size:2.4rem;font-weight:400;color:#000;margin:28px 0px 20px 0px;text-transform:none;}
.oferty-pudelkowe .item--style-3 {margin-left:0px; }

.oferty-pudelkowe a.wiecej { float:left;position:relative;width:auto;background:#fff;font-size: 1.2em;color:#1f998a;line-height:1rem;margin:20px 0px 10px 0px;padding:14px 20px 14px 20px;font-weight:700;border-radius:5px;}
.oferty-pudelkowe a.wiecej:hover {background:#40b5a7 !important;color:#fff; }

/*jakdzialamy*/
.jak-dzialamy { padding-top:50px;padding-bottom:50px;min-height:600px}
.jak-dzialamy h2 { width:100%;text-align:left;color:#004785;font-size:2.4rem;font-weight:400;color:#000;margin:28px 0px 20px 0px;text-transform:none;}

/*kontaktowe*/
.napiszdonas h2 { width:100%;text-align:center;color:#004785;font-size:2.4rem;font-weight:400;color:#000;margin:28px 0px 20px 0px;text-transform:none;padding-top:50px;padding-bottom:40px;}

/*oferujemy*/
.oferujemy h2 { width:100%;text-align:center;color:#004785;font-size:2.4rem;font-weight:400;color:#000;margin:28px 0px 20px 0px;text-transform:none;padding-top:50px;padding-bottom:40px;}
.oferujemy { padding-top:0px;padding-bottom:60px;}


/*zapiszsie*/
.zapiszsie { padding-top:60px;padding-bottom:60px;}
.zapiszsie .item--style-3 {margin-left:0px; }
.zapiszsie h3 { width:100%;text-align:left;color:#004785;font-size:1.5rem;font-weight:700;color:#000;margin:0px 0px 20px 0px;}
.zapiszsie .wpcf7-form input[type=text],.zapiszsie .wpcf7-form input[type=email],.zapiszsie .wpcf7-form input[type=tel] { width:100%;background:#fff;border:0px;border:0px;margin:0px 5% 20px 0px;padding:14px 14px 14px 14px;text-transform:none;color:#000000;font-size:13px;border-radius:5px;}
.zapiszsie .wpcf7-form input[type=submit] { 
	border:0px;text-transform:none;float:right;position:relative;width:auto;background:#40b5a7;font-size: 1.2em;color:#000;line-height:1rem;margin:20px 0px 20px 0px;padding:16px 42px 16px 42px;font-weight:700;border-radius:5px;
}
.zapiszsie .wpcf7-form input[type=submit]:hover { 
background:#e2f2f5;
}

/*buttony*/
figure.effect-goliath { width:auto !important;float:none !important;display:inline-block !important;background:none !important;text-align:center;min-height:500px;border:1px solid #ccc;border-radius:5px;margin:0px 40px 0px 40px !important;}
.vc-interactive-banner { text-align:center;}
figure.effect-goliath h2 { text-align:left !important;margin:30px 0px 30px 0px !important;font-size:1.4rem !important;width:100%  !important;text-align:center  !important;font-weight:600 !important; }
figure.effect-goliath:hover div:after { opacity:1;}

figure.effect-goliath img { height:auto !important;width:auto !important;}
figure.effect-goliath figcaption { }
figure.effect-goliath h2, figure.effect-goliath p { position:relative !important;opacity:1 !important;color:#000 !important;padding:0px !important;letter-spacing:0px !important;line-height:auto !important;transform:none !important;}
figure.effect-goliath p { color:#000 !important;}

.grid figure figcaption { position:initial !important;}

.grid figure figcaption > a { z-index:200 !important;}

.grid figure figcaption:hover { top:0px !important;}
figure.effect-goliath:before { opacity:0;content:"";position:absolute;background:rgba(37, 156, 141, 0.8);top:0px;left:0px;width:100%;height:100%;z-index:100;}
.grid figure figcaption { z-index:101;}
.grid figure { padding:60px 30px 120px 30px;}
.grid figure img { display:inline-block !important;}

figure.effect-goliath:after {position:absolute;bottom:0px;content:"Więcej";text-transform:none;background:#b2b2b2;font-size: 1em;color:#fff;line-height:1rem;margin:20px 0px 40px -40px;padding:14px 20px 14px 20px !important;font-weight:400;border-radius:5px;font-family: 'Titillium Web'; }
figure.effect-goliath:hover:after { opacity:1;background:#fff;color:#259c8d;}





/*formularz*/
.formularzkontaktowy { padding:40px;background:#fff;}
.napiszdonas { background:#eef7f9;padding-bottom:120px;}
.wpcf7-form { margin:40px 0px 40px 0px ;float:left;width:100%;clear:both;}
.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form input[type=tel] { width:100%;background:none;border:0px;border-bottom:1px solid #777;margin:0px 5% 20px 0px;padding:14px 14px 14px 14px;text-transform:none;color:#000000;font-size:13px;}
.wpcf7-form input[type=text]:focus,.wpcf7-form input[type=email]:focus,.wpcf7-form input[type=tel]:focus { color:#000000;border-bottom:1px solid #000;}
.wpcf7-form textarea { font-size:13px;color:#000;width:100%;background:none;height:125px;border:0px;border-bottom:1px solid #777;margin:0px 5% 20px 0px;padding:8px 14px 8px 14px;text-transform:none;color:#000000;}
.wpcf7-form textarea:focus { color:#000000;border-bottom:1px solid #000;}
.wpcf7-form select { background:#eee;}
div.wpcf7-response-output { position:relative;width:100%;clear:both;margin:20px 0px 20px 0px !important;float:left;}
div.wpcf7-validation-errors,div.wpcf7-mail-sent-ok { width:100%;float:left;clear:both;color:#000;border:2px solid #95c238;width:100%;margin:30px 0px 0px 0px;}

.wpcf7-form input[type=submit] { 
	border:0px;text-transform:none;float:right;position:relative;width:auto;background:#40b5a7;font-size: 1.2em;color:#fff !important;line-height:1rem;margin:20px 0px 20px 0px;padding:16px 42px 16px 42px;font-weight:700;border-radius:5px;
}
.wpcf7-form input[type=submit]:hover { 
background:#e2f2f5;color:#000 !important;
}

.wpcf7-date { background:#000000;color:#fff !important;border:1px solid #fff;}

div.wpcf7-validation-errors,div.wpcf7-mail-sent-ok { width:100%;float:left;color:#0f7bc0;border:0px solid #004284;margin:0px;padding:30px 0px 30px 0px;}
.ajax-loader { display:none !important;}
span.wpcf7-not-valid-tip { display:none !important;}

.wpcf7 {float:left;width:100%;}
.wpcf7-form p {font-family:'Titillium Web';color:#000000;clear:both; }

.wpcf7-list-item { float:left;margin:15px 7px 15px 0px;}
.wpcf7-list-item div { float:left;}
.wpcf7-list-item span { float:left;margin:-2px 0px 0px 10px;}

span.wpcf7-list-item { margin: 0px 5px 0px 0px !important;}

div.wpcf7-validation-errors { color:#ff0000;}
div.wpcf7-mail-sent-ok { color:#ccb671;}
.forminfo { padding-bottom:40px;}
.klauzule { font-size:12px;margin:0px 0px 30px 0px;}
.klauzule p { display:flex;}


/*footer*/
.footerbackground { background:#000;}

a.footerlogotyp { display:flex;margin:35px 0px 0px 0px;flex-direction:row;text-align:center;}
a.footerlogotyp img { align-self:center;max-width:100%;height:auto;}
a.footerlogotyp span { color:#fff;font-size:0.9rem;margin:12px 0px 0px 0px;}

.footeradresy { padding-top:40px;padding-bottom:40px;}
.footeradresy p { color:#fff;font-size:1rem;font-weight:500;}
.footeradresy h5 { color:#fff;font-size:1rem;font-weight:900;display:block;margin:15px 0px 0px 0px;padding:0px;text-transform:uppercase;}
.footeradresy h5 span { color:#fff;font-size:1rem;font-weight:900;display:block;margin:0px 0px 0px 0px;width:100%;padding:0px;}
.footeradresy a { color:#fff;}
.footeradresy img {display:block;margin-bottom:30px;}

.footermenu ul { float:left;margin:30px 0px 0px 0px;padding:0px;width:100%;list-style:none;}
.footermenu li { display:block;width:100%;margin:0px 0px 0px 0px;}
.footermenu li a { display:block;color:#999999;font-size:1rem;}
.footermenu li a:hover { color:#666;}

.realizacja { padding-top:30px;padding-bottom:30px;color:#fff;font-size:0.8rem;}

.virtualmedia { padding-top:15px;padding-bottom:15px;padding-right:60px;color:#fff;font-size:0.8rem;color:#333;}

.dolmenu ul { margin:0px 0px 20px 0px;padding:0px;width:100%;display:block;list-style:none;}
.dolmenu ul li { display:inline-block;}
.dolmenu ul li a { display:block;padding:4px;color:#999;}
.dolmenu ul:nth-child(2) { margin-bottom:30px;}
.dolmenu { color:#999999;}

.newsletter .wpcf7-form input[type=text],.zapiszsie .wpcf7-form input[type=email],.zapiszsie .wpcf7-form input[type=tel] { width:100%;background:#fff;border:0px;border:0px;margin:0px 5% 20px 0px;padding:14px 14px 14px 14px;text-transform:none;color:#000000;font-size:13px;border-radius:5px;}
.newsletter .wpcf7-form input[type=submit] { 
	border:0px;text-transform:none;float:right;position:relative;width:auto;background:#40b5a7;font-size: 1.2em;color:#000;line-height:1rem;margin:20px 0px 20px 0px;padding:16px 42px 16px 42px;font-weight:700;border-radius:5px;font-size:1.2rem;
}
.newsletter .wpcf7-form input[type=submit]:hover { 
background:#e2f2f5;
}
.newsletter p { font-size: 0.7rem;}
.newsletter .wpcf7 form.invalid .wpcf7-response-output, .newsletter .wpcf7 form.unaccepted .wpcf7-response-output, .newsletter .wpcf7 form.payment-required .wpcf7-response-output { color:#fff;}

/*aktualnosci*/
.rowflex { display:flex;flex-flow: row wrap;}
.rowflex > * { flex: 0 1 33%;}
.aktualnosci { position:relative;padding-top:20px;padding-bottom:0px;color:#000;}
.aktualnoscihome { position:relative;padding-top:15px;padding-bottom:40px;color:#000;}
.aktualnosc { display:flex;}
.aktualnosc a { position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#fff;color:#000;line-height:22px;text-align:left;padding:0px 0px 50px 0px;}
.aktualnosc .krotki { display:inline-block;height:100%;padding:0px 10px 0px 10px;font-size:1.2rem;line-height:1.1rem;color:#85888f;}
.aktualnosc a h3 { color:#000;font-size:1.8rem;font-weight:300;height:auto;text-transform:none;margin:0px 0px 0px 0px;display:block;width:100%;text-align:left;padding:10px 10px 15px 10px;}
.aktualnosc a h3 span:nth-child(1) {display:inline-block;width:100%;font-size:1rem;margin:0px 20px 0px 0px;color:#9a9a9a; }
.aktualnosc a span.wiecej { position:relative;width:auto;display:inline-block;align-self:flex-end;background:#004785;font-size: 0.8em;color:#fff;line-height:1rem;margin:20px 0px 0px 0px;padding:12px 22px 12px 22px;font-weight:500;text-align:right;text-transform:uppercase;}
.aktualnosc a:hover span.wiecej { background:#e12931;color:#fff;}
.aktualnosc img { max-width:100%;height:auto;}
.aktualnosc img:hover { scale:1.05;}
.aktualnoscifoto { position:relative;overflow:hidden;width:100%;height:auto;min-height:350px;}

a.archiwum { text-transform:none;letter-spacing:1px;color:#004785;text-decoration:underline;font-size:0.8rem;}
a:hover.archiwum { color:#000;}	

/*naglowek*/
h2.naglowek { font-size:2.4rem;font-weight:900;letter-spacing:0px;text-transform:none;color:#000000;display:inline-block;margin:80px 0px 40px 0px !important;padding:10px 0px 10px 0px;}
h2.naglowekwiekszy { font-size:2rem;letter-spacing:0px;text-transform:none;color:#000000;display:inline-block;margin:40px 0px 0px 0px;padding:10px 0px 10px 0px;}
.wpb_content_element h2.naglowek { width:100%;text-align:center;}

/*ikony*/
.ikonyjezyki { position:relative;margin-top:19px;display:flex;float:right;margin-right:0px;}
.ikony,.jezyki { position:relative;z-index:7000;}
.ikony ul { display:flex;justify-content:flex-end;text-align:right;list-style:none;margin: 9px 20px 6px 0px;padding:0px;}
.ikony ul li { margin:0px 18px 0px 0px;}
.jezyki { margin-top:0px;margin-right:10px;}
.ikony img:hover,.ikonysocial img:hover,.ikonysocialsidebar img:hover { opacity:0.8;}

/*language*/
.language-selector { color:#000;position:relative;z-index:7000;}
.dropdown-lang { display:none;}
.dropdown-lang ul { margin:0px;padding:0px;list-style:none;}
.dropdown-lang ul li { float:left;width:100%;height:auto;}
.dropdown-lang ul li a { color:#000;display:block;padding:6px 20px 6px 20px;font-size:0.8rem;}
.dropdown-lang ul li a:hover { background:#eee;color:#000;}
.dropdown-selected { position:relative;display:block;padding:4px;border-radius:50%;background:#40b5a7}
.dropdown-selected a { color:#000;background:url(../kikom/down.png) center right no-repeat;padding-right:10px;font-size:0.7rem;color:#fff;font-weight:700;}


.dropdown-lang {
	background:#fff;
	position:absolute;right:0px;top:30px;
	padding: 0px 0;
	border: none;
	font-size: inherit;
	border-radius: 3px;
	box-shadow: 0 0 25px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.15);
	z-index:7000;
}



/*inne*/
.slick-dots { display:none !important;}
.slick-prev, .slick-next { z-index:1000;}


/*social*/
.ikonysocialsidebar { position:relative;z-index:10010;display:block;margin:20px 0px 0px 20px}
.ikonysocialsidebar ul { padding:0px;list-style:none;}
.ikonysocialsidebar ul li { float:left;width:auto;margin:0px 10px 0px 0px;text-align:center;}
.ikony img,.ikonysocial img,.ikonysocialpodstrona img,.ikonysocialsidebar img { max-width:20px !important;height:auto !important;}


/*zaufali*/
.zaufalinam hr { border:1px solid #f3a077;}
.zaufalinam h3 { font-size:1.4rem;color:#000;display:inline-block;margin:20px 0px 20px 0px;padding:0px;font-weight:500;width:100%;text-align:center;}
.carousel-caption .content-section { display:none !important;}
.mega-post-carousel3 .mega-post-image img { width:auto !important;}


/*up*/
a.scrolltotop { background: rgba(0, 0, 0, 0) url(../kikom/top.jpg) no-repeat scroll top center;bottom: 100px;display: none;height: 50px;position: fixed;right:30px;width: 30px;z-index: 3000; }
a:hover.scrolltotop { background: rgba(0, 0, 0, 0) url(../kikom/top.jpg) no-repeat scroll top 5px center;}
.activescroll { display:block !important;}

/*podstrona naglowek*/
#sliderpodstrona { position:relative;float:left;width:100%; height:auto;margin-top:80px;background-position: top center;background-repeat: no-repeat;}
#sliderpodstrona h1 { position:absolute;left:0px;top:50%;z-index:10000;float:left;width:100%;text-align:center;font-weight:300;text-transform:none;letter-spacing:0px;color:#fff;margin:-70px auto 0px 0px;padding:0px 0px 0px 0px;font-size:4rem;text-transform:uppercase;font-weight:300;letter-spacing:5px;}
#sliderpodstronaabsolute {position:absolute;float:left; width:100%; height:auto;z-index:100;}
.sliderpodstrona1 { position:relative;z-index:101;}


/*buttony sklep firmowy*/
.buttonysklepfirmowy .vc_column_container > .vc_column-inner { padding-left:3px;padding-right:3px;}
.buttonysklepfirmowy .vc_col-sm-1 { width:0%;}
.buttonysklepfirmowy .vc_col-sm-2 { width:20%;}




/*md5*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
	flex: 0 0 20%;
	max-width: 20%;
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
	flex: 0 0 20%;
	max-width: 20%;
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
	
	table.tablesorter tbody tr:hover { border-bottom:1px solid #eee;background:#f8f8f9 !important;}
    .col-md-5ths {
	flex: 0 0 20%;
	max-width: 20%;
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
	flex: 0 0 20%;
	max-width: 20%;
        width: 20%;
        float: left;
    }
}

/*podstrona*/
.podstrona { position:relative;margin:0px;line-height:27px;font-family: 'Titillium Web', sans-serif;padding-top:40px;padding-bottom:50px;}
.podstronakontakt { position:relative;margin:0px;line-height:27px;font-family: 'Titillium Web', sans-serif;padding-top:180px;padding-bottom:0px;}
.podstrona table { max-width:100%;}
.podstrona table { height:auto !important;}

.podstrona h1 {margin:0px 0px 20px 0px;clear:both;width:auto;text-align:left;font-size:2.5rem;color:#333;background:none;padding:0px;font-weight:300;text-transform:none;letter-spacing:-2px;line-height:100%}
.podstrona h2 {margin:20px 0px 20px 0px;width:auto;font-size:2.5rem;color:#333;background:none;padding:0px;font-weight:500;text-transform:none;letter-spacing:-2px;line-height:100%}
.podstrona h3 {margin:20px 0px 20px 0px;width:auto;font-size:2rem;color:#333;background:none;padding:0px;text-transform:none;letter-spacing:-2px;line-height:100%;font-weight:500;}
.podstrona h4 {margin:20px 0px 20px 0px;width:auto;font-size:1.5rem;color:#333; background:none;padding:0px;text-transform:none;letter-spacing:0px;line-height:100%;font-weight:500;}
.podstrona img { max-width:100%;height:auto;}
.podstrona p { margin-bottom:0px;}

/*.podstronatekstowa .vc_row.vc_row-flex > .vc_column_container:nth-child(1) > .vc_column-inner { padding-right:60px;}
/*.podstronatekstowa .vc_row.vc_row-flex > .vc_column_container:nth-child(2) > .vc_column-inner { padding-left:60px;}*/*/

.ikonylegenda .123vc_column_container { padding-left:15px !important;}


/*bread*/
p#breadcrumbs { font-size:15px;margin:10px 0px 45px 0px;float:left;width:100%;color:#777;text-transform:none;text-align:center;text-transform:uppercase; }
p#breadcrumbs a{ font-size:15px;color:#777; }
p#breadcrumbs a:hover { color:#000;}
p#breadcrumbs span.breadcrumb_last { color:#000000;}

/*mapa*/
#mapa { width:100%;min-height:500px;margin-top:0px; }
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom:0px;}
.landscape,.portrait { min-height:280px !important;height:280px !important;max-height:280px !important;margin-right:20px !important;}

dt.gallery-icon a { position:relative;}
dt.gallery-icon a:before { content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:100;
background:rgba(32,42,68,0);}
dt.gallery-icon a:hover:before { content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:100;
background:rgba(32,42,68,0.7);
}


/*paginacja*/ 
#paginacja { background:#fff;position:relative;z-index:3000;margin:auto;display:inline-block;width:100%;margin:80px 0px 0px 0px;text-align:center;float:left;clear:both;}
.wp-pagenavi { display:inline-block;margin:auto; padding:10px 0px 10px 0px;   }
.pages { float:left; padding:8px 10px; background:#fff; color:#777; margin-right:10px;   }
.wp-pagenavi a { padding:8px; background:#fff; color:#777; margin-right:2px; float:left;width:40px;height:42px; }
.wp-pagenavi .current , .wp-pagenavi a:hover { float:left;  background:#004284; margin-right:2px; color:#ffffff;width:40px;height:42px; }	
.wp-pagenavi a, .wp-pagenavi span { border:0px;padding: 8px 9px;}
a.button { float:left;position:relative;margin:auto;width:100%;text-align:center;}


#pbOverlay { z-index:30000;}

/*animacje*/
.jaktodziala a,.sf-menu > li:hover > a,figure.effect-goliath div:after,figure.effect-goliath:before,figure.effect-goliath:after,.realizacjafoto img,.button1:after,.button2:after,.button3:after,.button4:after,.button5:after,.aktualnosc img,.realizacje .mega-post-carousel2 .mega-post-image,.slick-active,.wykladzinydywanowe a span.wiecej,.berryalloc a,a.wiecejinformacji,a.wiecejinformacji1,.obslugainwestycji ul li a,.podlogitarasowe a span.wiecej,.akcesoria a span.wiecej,.aktualnosc a span.wiecej,dt.gallery-icon a::before,.modal #bmieszkanie a,.hoverbutton > div,.hoverbutton > div > .wpb_wrapper:hover img,.hoverbutton > div > .wpb_wrapper:hover p,.hoverbutton > div > .wpb_wrapper:hover h2,.hoverbutton > div > .wpb_wrapper:hover,.wyszukiwaniemieszkan input[type="Submit"],.wyszukiwaniemieszkan input[type="Button"],.tablesorter a,.ikony img,.ikonysocial img,.zaufalinam img,.slicknav_nav a,p#breadcrumbs a,.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a,.slicknav_nav .slicknav_row,.top,.aktualnosc a,.aktualnosc a span.wiecej,.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"],.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"],.footermenu1 li a,a.scrolltotop,.wpcf7-form input[type="submit"],a.wiecej {
    -moz-transition: all 300ms !important;
    -webkit-transition: all 300ms !important;
    -o-transition: all 300ms !important;
    -ms-transition: all 300ms !important;
    transition: all 300ms !important;
    animation: all 300ms !important;	
}

{ 
    -webkit-transform: (0.95) !important;
    -moz-transform: scale(0.95) !important;
    -o-transform: scale(0.95) !important;
    -ms-transform: scale(0.95) !important;
    transform: scale(0.95) !important;	
}


.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area cite b {
	font-weight: normal;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
	font-weight: bold;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {

    font-size: 13px;
	
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}


#respond form label {
	display: block;
	line-height: 1.714285714;
	margin-bottom:20px;
}


#respond form input[type="text"],#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	padding: 10px;
	width: 500px;
	border:1px solid #9aa0ac;
	
}
#FSContact1 input[type="text"],#FSContact1 textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	padding: 10px;
	width: 670px !important;
	max-width: 670px !important;
	background:#2d3951;
	border:1px solid #9aa0ac;

}


ol.commentlist li { border-bottom:1px solid #ccc;margin-bottom:20px;}
ul.children { margin-left:40px;margin-top:20px;}
ul.children ol.commentlist li { border-bottom:0px;}
#respond form input[type="submit"], #FSContact1 input[type="submit"]
{
	width:150px;
	height:40px;
	border:0px;
	background:#2d3951;
	color:#fff;
	border:1px solid #9aa0ac;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
#respond form input[type="submit"]:hover,#FSContact1 input[type="submit"]:hover {
	background:#888;	
}
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 710px;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}

#reply-title {margin:0px; padding:0px; font-size:28px; color:#363636; float:left; width:100%;font-weight:bold; }
div.artykul:first-child{margin-top:0px;}
#artykuly #breadcrumbs { margin-top: 30px}

p.nocomments { display:none;}
.slideshowlink { display:none;}
.ngg-galleryoverview { margin:30px 0px 30px 0px;}


@-moz-keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	
}

@-webkit-keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% { -webkit-transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	
}

@-o-keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% { -o-transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	
}

@-ms-keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% {-ms-transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	
}

@keyframes bg { 
	0% { -moz-transform: scale(1); }
	50% { transform: scale(1.3); }
	100% { -moz-transform: scale(1); }	

}

.menu_top .navtoogle{
	display: none;
}


#nav-icon3 {
  display:block;
  width: 27px;
  height: 22px;
  position: relative;
  margin: 0px 0px 0px 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.btn-side-bar .slicknav_icon-bar {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#slide-bar-megamenu .btn-side-bar .slicknav_icon-bar { 
	background: #000000;
}

/* Icon 3 */
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 5px;
}

#nav-icon3 span:nth-child(4) {
  top: 13px;
}
#slide-bar-megamenu #menuburger { position:absolute;right:10px;top:-10px;}

.slide-bar-open-left #nav-icon3 span:nth-child(1){
	top: 13px !important;
	width: 0 !important;
	left: 50% !important;
}

.slide-bar-open-left #nav-icon3 span:nth-child(2) {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}

.slide-bar-open-left #nav-icon3 span:nth-child(3) {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
}

.slide-bar-open-left #nav-icon3 span:nth-child(4) {
  top: 5px !important;
  width: 0% !important;
  left: 50% !important;
}








/*select*/
:root {
  --background-gradient: linear-gradient(30deg, #f39c12 30%, #f1c40f);
  --gray: #004785;
  --darkgray: #004785;
}
select {
  /* Reset Select */
  appearance: none;
  outline: 0;
  border: 0;
  box-shadow: none;
  /* Personalize */
  flex: 1;
  padding: 0 2em;
  color: #fff;
  background-color: var(--darkgray);
  background-image: none;
  cursor: pointer;
  text-transform:uppercase;
}
/* Remove IE arrow */
select::-ms-expand {
  display: none;
}
/* Custom Select wrapper */
.select {
  position: relative;
  display: flex;
  width: auto;
  height: 3em;
  border-radius: 0px;
}
.select option { padding:0px;font-family:"Titillium Web";font-weight:400;border-radius:0px;text-transform:uppercase;font: -moz-pull-down-menu;font-size:1rem;}
/* Arrow */
.select::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0px;
  padding: 0px;
  width:29px;
  height:100%;
  transition: .25s all ease;
  pointer-events: none;
  background:#40b5a7 url(../kikom/down1.png) center center no-repeat;
}
/* Transition */
.select:hover::after {
  background: #dff1f4 url(../kikom/down1.png) center center no-repeat;

}
.odddowhite { color:#f8f8f9;}
.oddo { display:flex;align-items:center;justify-content:center;}
.oddo select {
  /* Reset Select */
  appearance: none;
  outline: 0;
  border: 0;
  box-shadow: none;
  /* Personalize */
  flex: 1;
  padding: 14px 29px 14px 4px;
  color: #000;
  font-size:1rem;
  background-color: #fff;
  background-image: none;
  cursor: pointer;
  text-transform:uppercase;
  min-width:90%;
  text-align:center;
  border-bottom:1px solid #777;
}
.oddo select { min-width:90px;}
.oddo option {
	font-size:1rem;
}
.oddo div { margin:0px 5px 0px 5px;}
.select div:nth-child(2) { position:absolute;right:-40px;bottom:10px;}
.oddo .select {
  position: relative;
  display: flex;
  width: auto;
  height: auto;
  border-radius: 0px;
}
.oddo .select::after {
  content: '';
  position: absolute;
  top: 0;
  bottom:0;
  right: 0px;
  padding: 1em;
  transition: .25s all ease;
  pointer-events: none;
  background:#efeff2 url(../ddom/dol.png) center center no-repeat;
}

.oddoform,.oddoform select,.oddoform option,.oddoform span { width:100% !important;text-align:left !important;font-size: 13px  !important;color:#666 !important;text-transform:none  !important;}
.oddoform select,.oddoform { background:none !important}
.oddoform { margin: 5px 5% 20px 0px;}

p.telefonform { float:left;width:100%;margin:15px 0px 0px 0px;}



@media screen and (max-width: 1500px) {
	.container { width:auto;}
}
@media screen and (max-width: 1400px) {
	.footermenu1 ul { display:block;margin:34px 0px 20px 0px;}
	.oddo select { min-width:73px;}
	#sliderpodstrona h1 { font-size:3rem;}
	.podstrona h2 { font-size:2rem; }
	.podstrona { font-size:13px;}
	.oddo select {font-size:1rem;}
	.select div:nth-child(2) { position:absolute;right:-25px;bottom:10px;}
	figure.effect-goliath { margin: 0 30px !important;}
}
@media screen and (max-width: 1195px) {
	figure.effect-goliath { margin: 0 10px !important;}
	.marginleftright { padding-left:8%;padding-right:8%;}
	
	#sliderpodstrona h1 { font-size:2rem;}
	.ikony ul { margin-right:0px;}
	.footermenu1 li a { padding: 4px 4px 4px 4px;}
}
@media only screen and (max-width : 992px) {
	.margines-lewa .wpb_text_column .wpb_wrapper,.margines-prawa .wpb_text_column .wpb_wrapper { padding:20px !important;}
	#logo { position:absolute;right:15px;width:auto;}
	.kontenerslider { margin-top:50px;}
	.oferujemytresc { padding-bottom:0px;}
	.technologia h2,.zapiszsie h2,h2.naglowek,.jaktodziala h2 { font-size:1.5rem;}
	
	h2.naglowek { margin:20px 0px 20px 0px!important;}
	.technologia img { max-width:100%;height:auto;}
	#logo a img { width:130px;min-width:130px;}
	.buttonysklepfirmowy .vc_col-sm-2 { width:100%;} 
	p#breadcrumbs { margin-bottom:0px;}
	.referencje .slick-active { opacity:1 !important;}
	.referencje .slick-active + .slick-active { opacity:1 !important; }
	.referencje .slick-active + .slick-active + .slick-active { opacity:1 !important; }
	#sliderpodstrona { margin-top:60px;}
	#logo { min-height:48px;height:48px;}
	.cd-timeline-content h2 { font-size:21px !important; }
	#menuburger { display:block;}
	.czyinwestycja { flex-direction:column;}
	table.tablesorter tbody tr:hover { background:unset !important;}
	table.stacktable { margin-bottom:60px !important;}
	.menu-item-object-custom > a,.menu-item-object-post > a{ margin-left:-2px;}
	.slicknav_nav .slicknav_arrow { display:none;}
	.modal { max-width:100% !important;}
	.modal img { max-width:100%;height:auto;}
	.modal #bmieszkanie { flex-direction:column;}

	.wzgodzieznatura h2 { font-size:2rem !important;}

	.wyszukiwaniemieszkan input[type="Button"] { margin-left:0px;margin-bottom:40px;}
	.oinwestycji > .vc_column_container:nth-child(2) > .vc_column-inner { padding-left:0px;}
	.oddo select { width:100% !important;min-width:70px;display:block;}
	/*.podstronatekstowa .vc_row.vc_row-flex > .vc_column_container:nth-child(1) > .vc_column-inner { padding-right:30px;}
	.podstronatekstowa .vc_row.vc_row-flex > .vc_column_container:nth-child(2) > .vc_column-inner { padding-left:30px;}*/
	.podstrona .vc_row { padding-top:20px;margin-top:0px !important;margin-bottom:0px !important;}
	
	.sidebarlogotyp { text-align:center;}
	.ikonysocialsidebar { text-align:center;display:inline-block;}
	.realizacja { padding-top:0px;}
	.rowborder { padding-bottom:0px;}
	a.footerlogotyp { display:none;}
	#slide-bar-megamenu { text-align:center;}
	#slide-bar-megamenu .slicknav_menu:nth-child(3) { display:block;}
	.small-only { display:block !important;}
	.stacktable tbody { width:100%;display:block;}
	.stacktable tbody tr { display:flex;}
	.stacktable tbody td { width:50%;} 
	.large-only { display:none;}
	.footeradresy span { float:none;}
	.rowflex > * { flex: 0 1 50%;}
	.marginleftright { padding-left:40px;padding-right:40px;}
	.marginleftright1 { padding-left:15px;padding-right:15px;}
	.slicknav_nav .slicknav_item { text-align:center;}
	.slicknav_nav a { text-align:center;}

	.slide-bar.open { width:100% !important;}
	.menulogo { padding-left:10px !important;}
	.ikonysocial,.ikonysocialpodstrona,.ikony { display:none;}
	.menuright { padding-right:20px;}
	
	.podstrona { padding-top:0px;margin-top:30px;}
	.ikonysocialpodstrona { top:-150px;}
	#sliderpodstrona h1 { margin-top:230px;font-size:1.5rem;}
	.top { left:0px;right:0px;}
	.ikony ul li { margin-right:5px;}
	.jezyki { margin-right:0px;margin-left:10px;}
	.top .col-xs-6 { width:50%;}

	.d-xs-none { display:none !important;}
	.no-padding-left { padding-right:0px;}
	.no-padding-right { padding-left:0px;}
	#pugmenu { display:none;}

	.podstrona h2 { font-size:2rem;}
	.topright { padding:0px;}
	.topright .text-right { padding:0px;}
	
	.aktualnosc img { width:100%;height:auto;}
	
	.footermenu1 ul { display:block;margin:27px 0px 20px 0px;}

	
	.newsletterlewa { padding: 100px 0px 30px 0px;}
	.newsletter { padding:20px 0px 20px 0px;}
	.zaufalinam img,.unia img { width:100%;height:auto;}
	
	a.scrolltotop { display:none !important;}

	.no-padding { padding-left:15px;padding-right:15px;}
	
}
@media screen and (max-width: 768px) {
	.rowflex > * { flex: 0 1 100%;}
	#gallery-1 .gallery-item { width:100% !important;}
	.landscape, .portrait { margin-right:0px !important;}
	/*.podstronatekstowa .vc_row.vc_row-flex > .vc_column_container:nth-child(1) > .vc_column-inner { padding-right:15px;}
	.podstronatekstowa .vc_row.vc_row-flex > .vc_column_container:nth-child(2) > .vc_column-inner { padding-left:0px;}*/
}
@media screen and (max-width: 452px) {
	.wyszukiwaniemieszkan input[type="Button"] { min-width: 223px; margin-bottom:20px;}
}

.white-popup-block {
	display:inline-block;
	width:auto;
    background: #fff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 650px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
}
#wyrownanie {
	display:block;
	width:auto;
    background: #fff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 650px;
    position: relative;
    text-align: left;
}
.white-popup-block h2 { float:left;width:100%;font-family: 'ralewaybold', sans-serif;text-align:left;text-transform:uppercase;letter-spacing:1px;color:#000;margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;font-size:26px;}


/*cookie*/
.cookiepolicy { display:none;bottom:30px;right:40px;padding:20px;position:fixed;z-index:1000;width:300px;color:#333;border:2px solid #fff;border-radius:3px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.2); font-size: 12px; line-height: 1.4;}
.cookiepolicy span { display:block;padding:12px;float:left;}
.cookiepolicy span:nth-child(1) a { display:inline;padding:9px 0;text-decoration:none;color:#333;font-size:12px;font-weight:500;}
.cookiepolicy span:nth-child(1) a:hover { color:#999;}

.cookiepolicy a#cookiepolicy { display: inline-block;margin: 5px 0;padding: 10px;cursor: pointer;-webkit-transition: all .3s ease-in;transition: all .3s ease-in; text-decoration: none;color: #333;border: 2px solid #333;border-radius: 3px; }
.cookiepolicy a:hover#cookiepolicy,.cookiepolicy a:hover#cookiepolicy1 { -webkit-transition: all .3s ease-in;transition: all .3s ease-in;color:#fff;background-color:#333;}
.open { display:block;}


/*--------------------------------------------------------*/
ul.sub-menu a { font-size:0.7rem;padding-left:20px;}
.slicknav_menu { background:none;}
.slicknav_nav .slicknav_item { position:relative;}
.slicknav_nav .sf-arrows .sf-with-ul::after { display:none;}
i.ddomclosed { width:12px;height:12px;background:url(../kikom/arrowright.svg) top left no-repeat;display:block;position:absolute;right:6px;top:6px;}
i.ddomopened { width:12px;height:12px;background:url(../kikom/arrowdown.svg) top left no-repeat;display:block;position:absolute;right:6px;top:6px;}
.slicknav_nav a,.slicknav_nav .slicknav_row:hover { border-radius:0px;}

.slide-bar {
	position: fixed;
	width: 320px;
	height: 100%;
	top: 0;
	background-color: #FFF;
	overflow: auto;
	z-index: 10050;
}

@media (max-width: 360px) {
	.slide-bar {
		width: 280px;
	}	
}

.slide-bar-right {
    left: auto;
    right: 0;
	transform: translate(320px, 0);
	-webkit-transform: translate(320px, 0);
	-ms-transform: translate(320px, 0);
}

.slide-bar-left {
    left: 0;
    right: auto;
	transform: translate(-320px, 0);
	-webkit-transform: translate(-320px, 0);
	-ms-transform: translate(-320px, 0);
}

@media (max-width: 360px) {
	.slide-bar-right {
		transform: translate(280px, 0);
		-webkit-transform: translate(280px, 0);
		-ms-transform: translate(280px, 0);
	}

	.slide-bar-left {
		transform: translate(-280px, 0);
		-webkit-transform: translate(-280px, 0);
		-ms-transform: translate(-280px, 0);
	}
}

body.slide-bar-open-right .slide-bar-right.open {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
}

body.slide-bar-open-left .slide-bar-left.open {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
}

body.slide-bar-open-right .slide-bar-right.open, body.slide-bar-open-left .slide-bar-left.open {
    -moz-transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}

body.slide-bar-open-right, body.slide-bar-open-left{
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

body.slide-bar-close-right .slide-bar-right.open {
	transform: translate(320px, 0);
	-webkit-transform: translate(320px, 0);
	-ms-transform: translate(320px, 0);
}

body.slide-bar-close-left .slide-bar-left.open {
	transform: translate(-320px, 0);
	-webkit-transform: translate(-320px, 0);
	-ms-transform: translate(-320px, 0);
}

@media (max-width: 360px) {
	body.slide-bar-close-right .slide-bar-right.open {
		transform: translate(280px, 0);
		-webkit-transform: translate(280px, 0);
		-ms-transform: translate(280px, 0);
	}

	body.slide-bar-close-left .slide-bar-left.open {
		transform: translate(-280px, 0);
		-webkit-transform: translate(-280px, 0);
		-ms-transform: translate(-280px, 0);
	}	
}

body.slide-bar-close-right .slide-bar-right.open, body.slide-bar-close-left .slide-bar-left.open {
    -moz-transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}

body.slide-bar-close-right, body.slide-bar-close-left{
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.slide-bar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20,20,20,0.5);
    visibility: hidden;
    z-index: 1040;
    opacity: 0;
}

.slide-bar-close-right .slide-bar-backdrop, .slide-bar-close-left .slide-bar-backdrop {
    visibility: visible;
    opacity: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: opacity ease 300ms;
    -webkit-transition: opacity ease 300ms;
    -o-transition: opacity ease 300ms;
    transition: opacity ease 300ms;
}

.slide-bar-open-right .slide-bar-backdrop, .slide-bar-open-left .slide-bar-backdrop {
    visibility: visible;
    opacity: 1;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: opacity ease 300ms;
    -webkit-transition: opacity ease 300ms;
    -o-transition: opacity ease 300ms;
    transition: opacity ease 300ms;
}





/*----------Search-----------*/

.search-box-wrapper {
    position: fixed;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
    visibility: hidden;
    overflow: hidden;
	opacity: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 20000;
}

body.search-box-opened .search-box-wrapper {
	opacity: 1;
    visibility: visible;
    -moz-transition: opacity ease 300ms;
    -webkit-transition: opacity ease 300ms;
    -o-transition: opacity ease 300ms;
    transition: opacity ease 300ms;
}

.search-box-wrapper .search-box-inner {
    position: absolute;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
    overflow: hidden;
}

.search-box-wrapper .search-box-close {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 1;
	cursor: pointer;
	width: 60px;
	height: 60px;
}

.search-box-wrapper .search-box-close::before {
	content: '';
	height: 29px;
	width: 2px;
	background: #ffffff;
	position: absolute;
	left: 50%;
	top: 15px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.search-box-wrapper .search-box-close::after {
	content: '';
	height: 29px;
	width: 2px;
	background: #ffffff;
	position: absolute;
	left: 50%;
	top: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body.search-box-opened {
    overflow: hidden;
}

.search-box-wrapper .search-box-backdrop {
    position: absolute;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
    background-color: rgba(0,0,0,0.85);
}

.search-box-wrapper .search-box-content {
	position: relative;
	margin-top: 150px;
    color: #fff;
}

.search-box-wrapper .search_query  {
    height: 70px;
    font-size: 2.2rem;
	padding-top: 0px;
	padding-right: 50px;
    color: #fff;
    background-color: transparent;
	border-bottom-width: 2px;
	border-bottom-color: #666;
}

@media (min-width:768px) {
	.search-box-wrapper .show-cat .search_query{
		padding-left: 0px;
	}
}

.search-box-wrapper .mdl-textfield__label  {
	color: #FFF;
	font-size: 2.2rem;
	padding: 20px 0px 20px 0;
	margin: 0;
	top: 24px;
}

@media (min-width:768px) {
	.search-box-wrapper .show-cat .mdl-textfield__label{
		padding-left: 0px;
	}
}

.search-box-wrapper .mdl-textfield__label::before {
    background-color: #ffffff !important;
}

.search-box-wrapper .is-focused .mdl-textfield__label, .search-box-wrapper .is-dirty .mdl-textfield__label {
    color: #ffffff !important;
    font-size: 1.8rem;
    padding: 0 0;
    top: -10px;
}

.search-box-wrapper .search_tags{
	margin-top: 20px;
	color: #999999;
}

.search-box-wrapper .search_tags label{
	color: #ffffff;
	font-size: 1.6rem;
	margin-right: 5px;
}

.search-box-wrapper .search_tags a{
	color: #999999;
	margin-right: 3px;
}

.search-box-wrapper .button-search {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    color: #fff;
    bottom: 22px;
    padding: 0;
    width: 45px;
    height: 45px;
	overflow: hidden;
	background:url(../kikom/ico4.svg) center center no-repeat;
}

.search-box-wrapper span.zmdi {
    font-size: 30px;
}

.search-box-wrapper span.fa {
    font-size: 18px;
}

.searchbox:not(.loading) .button-search .search-loading {
    display: none;
}

.searchbox.loading .button-search .search-loader {
    display: none;
}

.searchbox .search-result{
	position: absolute;
	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
	left: 0;
	z-index: 98;
	right: 0;
	background: #fff;
	margin: 0;
	max-height: 350px;
	overflow: auto;
	display: none;
	top: 100%;
	margin-top: -10px;
	padding: 0 10px;
}

.search-widget .searchbox .search-result{
	max-height: 360px;
}

@media (min-width:768px) {
	.search-box-wrapper .show-cat .search-result {
		left: 200px;
	}
}

.searchbox .search-result.open {
	display: block;
}

.select_active .search-result.open {
	display: none;
}

.searchbox .search-result .no-result {
    padding: 10px;
    background: #f0f0f0;
    color: #575757;
    text-align: center;
	font-size: 2.2rem;
	margin: 0 -10px;
}

.searchbox .search-result .title {
	color: #282828;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 10px;
	padding: 10px;
	background: #f0f0f0;
	margin-left: -10px;
	margin-right: -10px;
}

.searchbox .search-result .item-search {
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 80px;
	border-bottom: 1px solid #e9e7e7;
}

.search-widget .searchbox .search-result .item-search {
    padding-left: 70px;
}

.searchbox .search-result .item-search::after{
	content: '';
	display: table;
	clear: both;
}

.searchbox .search-result .item-search:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.searchbox .search-result .item-search .left-search-ajax{
	width: 80px;
	margin-left: -80px;
	float: left;
	margin-right: 20px;
	border: 1px solid #e9e7e7;
	background: #fff;
	padding: 1px;
}

.search-widget .searchbox .search-result .item-search .left-search-ajax {
    width: 70px;
    margin-left: -70px;
    margin-right: 10px;
}

.searchbox .search-result .item-search img {
	max-width: 100%;
	height: auto;
}

.searchbox .search-result .item-search .right-search-ajax p{
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
	font-size: 1.4rem;
}

.search-widget .searchbox .search-result .item-search .right-search-ajax p{
	font-size: 1.3rem;
}

.searchbox .search-result .item-search .right-search-ajax .sku-search-ajax{
	color: #777777;
	margin-bottom: 5px;
	font-size: 1.4rem;
}

.searchbox .search-result .item-search .right-search-ajax .sku-search-ajax span{
	margin-right: 3px;
}

.searchbox .search-result .item-search .right-search-ajax .price-regular-ajax{
	margin-right: 10px;
	font-weight: 500;
	font-size: 1.6rem;
}

.search-widget .searchbox .search-result .item-search .right-search-ajax .price-regular-ajax{
	font-size: 1.4rem;
}

.searchbox .search-result .item-search .right-search-ajax .price-ajax{
	font-weight: 500;
	font-size: 2rem;
}

.search-widget .searchbox .search-result .item-search .right-search-ajax .price-ajax{
	font-size: 1.4rem;
}

.search_filter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.select-styled span {
    display: none;
}

.search_filter {
	cursor: pointer;
}

.search-widget .select-styled {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.search-widget .select-options-wrapper{
	max-height: 200px;
	overflow: auto;
	margin: 0;
	padding: 7px 0;
}

.search-widget .select-options {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 97;
	margin: 0;
	list-style: none;
	background-color: #fff;
	width: 300px;
	visibility: hidden;
    max-height: 0;
	overflow: hidden;
	opacity: 0;
	-moz-transition: all ease 500ms;
	-webkit-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.search-widget .select-options.open {
	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
    visibility: visible;
    max-height: 350px;
    opacity: 1;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.search-widget .select-options li {
    font-size: 1.4rem;
    margin: 0;
    padding: 7px 14px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.search-widget .select-options li:last-child{
	margin-bottom: 7px;
}

.search-widget .select-options li:hover, .select-options li.select_active {
    color: #b33a3a;
}

.search-widget .select-options li span:not(:last-child){
	padding-left: 20px;
}

.search-widget .select-options li span:last-child{
	padding-left: 15px;
	position: relative;
}

.search-widget .select-options li span:last-child::before{
	content: '\f278';
	font-family: 'Material-Design-Iconic-Font';
	font-size: 15px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	line-height: 1;
	left: 0;
}

.search-widget .select-options li[data-depth="0"] span:last-child::before{
	content: '\f273';
}

.search-widget .select-options li[rel="hide"] {
    display: none;
}

/************************************************/

.search-box-wrapper .search_filter {
    cursor: pointer;
    position: absolute;
    font-size: 2.2rem;
    width: 200px;
    padding: 20px 0;
    bottom: 0;
    top: 19px;
}

.search-box-wrapper .select-styled {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	padding-right: 20px;
}

.search-box-wrapper .select-styled::after{
	content: '\f2f9';
	font-family: 'Material-Design-Iconic-Font';
	font-size: 30px;
	line-height: 30px;
	top: 50%;
	position: absolute;
	right: 0;
	margin-top: -15px;
}

.search-box-wrapper .select-options-wrapper{
	max-height: 350px;
	overflow: auto;
	margin: 0;
	padding: 7px 0;
}

.search-box-wrapper .select-options {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 97;
	margin: 0;
	list-style: none;
	background-color: #333;
	width: 300px;
	visibility: hidden;
    max-height: 0;
	overflow: hidden;
	opacity: 0;
	-moz-transition: all ease 500ms;
	-webkit-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	transition: all ease 500ms;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.search-box-wrapper .select-options.open {
    visibility: visible;
    max-height: 350px;
    opacity: 1;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.search-box-wrapper .select-options li {
    font-size: 1.4rem;
    margin: 0;
    padding: 7px 14px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.search-box-wrapper .select-options li:last-child{
	margin-bottom: 7px;
}

.search-box-wrapper .select-options li:hover, .select-options li.select_active {
    color: #b33a3a;
}

.search-box-wrapper .select-options li span:not(:last-child){
	padding-left: 20px;
}

.search-box-wrapper .select-options li span:last-child{
	padding-left: 15px;
	position: relative;
}

.search-box-wrapper .select-options li span:last-child::before{
	content: '\f278';
	font-family: 'Material-Design-Iconic-Font';
	font-size: 15px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	line-height: 1;
	left: 0;
}

.search-box-wrapper .select-options li[data-depth="0"] span:last-child::before{
	content: '\f273';
}

.search-box-wrapper .select-options li[rel="hide"] {
    display: none;
}

@media (max-width:767px) {
	.search-box-wrapper .search-box-content {
		padding: 0 20px;
	}
	.search-box-wrapper .search_filter {
		width: 100%;
		padding: 0;
		bottom: 100%;
		top: auto;
		border: 1px solid #ffffff;
		border-radius: 5px;
		margin-bottom: 35px;
	}
	.search-box-wrapper .select-styled {
		padding: 13px 30px 13px 10px;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	.search-box-wrapper .select-styled::after {
		line-height: 1.6rem;
		right: 10px;
		margin-top: -8px;
	}
	.search-box-wrapper .select-options {
		margin-top: 5px;
		width: 100%;
	}
	.search-box-wrapper .mdl-textfield__label {
		color: #FFF;
		font-size: 1.6rem;
		top: 22px;
	}
	.search-box-wrapper .search_query {
		font-size: 1.6rem;
	}
	.search-box-wrapper .is-focused .mdl-textfield__label, .search-box-wrapper .is-dirty .mdl-textfield__label {
		font-size: 1.6rem;
	}
	.search-box-wrapper .button-search {
    	bottom: 15px;
	}
	.search-box-wrapper .search-result {
		max-height: 250px;
	}
}

/*-------------------------------------------------------------------*/


.mdl-textfield {
    position: relative;
    font-size: 1.2rem;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px 0
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 10px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid #e1e1e1;
	display: block;
	font-size: 1.2rem;
	margin: 0;
	width: 100%;
	background: 0 0;
	text-align: left;
	color: #9c9c9c;
	height: 40px;
	box-shadow: none;
}

.mdl-textfield__input[type="number"] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,
.mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: #9c9c9c;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
	margin: 0;
	line-height: 1;
}

.mdl-textfield__label.required::after {
    color: red;
    content: "*";
    margin-left: 3px;
}

.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(63, 81, 181);
    font-size: 1.2rem;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield__label:before {
    background-color: rgb(63, 81, 181);
    bottom: 10px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:before {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 1.2rem;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    max-width: .1px
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder,
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:before {
    bottom: 0
}

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-ripple.is-animating {
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1)
}

.mdl-ripple.is-visible {
    opacity: .3
}

.mdl-js-ripple-effect{
	overflow: hidden;
	position: relative;
}

#modalfavorites { padding:30px 50px 30px 50px !important;}

/* Navigation Bar: vertical position */
#swipebox-bottom-bar {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: 0;
  background:transparent;
  transition: none;
}
/* Navigation Bar: override position when is active */
#swipebox-bottom-bar.visible-bars {
   -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/* Navigation arrows: horizontal position */
#swipebox-arrows {
  max-width: 100%;
  width: 99%;
}







/* items */
.item {
	position: relative;
	width: 500px;
	max-width: 100%;
	margin: 0 auto 0 auto;
	cursor: pointer;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;
	user-select: none;
	grid-column: span 2;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.item:nth-of-type(even) {
	margin: 0 auto 0 0;
}

.item:first-of-type {
	grid-column: span 1;
}

.item__svg {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	max-height: 150px;
	margin: 0 auto;
}

.item__clippath,
.item__deco,
.item__img {
	transform-origin: 50% 50%;
}

.item__meta {
	position: absolute;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.item__number {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 12.5% 0 0 3em;
	letter-spacing: 0.5em;
	text-transform: uppercase;
}

.item__specimen {
	font-size: 5em;
	font-weight: 500;
	line-height: 0.9;
	vertical-align: text-bottom;
	letter-spacing: -0.025em;
}

.item__reference {
	font-size: 1.25em;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.item__title {
	font-size: 2.4rem;
	font-weight: 600;
	width: 100%;
	margin: 0px 0 0 0;
	text-align: center;
	color: #fff;
}

.item__subtitle {
	font-size: 1em;
	font-weight: 500;
	margin: 0.5em 0 0;
	text-align: center;
	letter-spacing: 0.15em;
	opacity: 0;
}
.item--style-1 .item__background {
	background: #000;
}
/* Individual styles */
.item--style-1 .item__deco {
	fill: #dcdcde;
}

.item--style-2 .item__deco {
	fill: #404040;
}

.item--style-3 .item__deco {
	fill: #000;
}

.item--style-3 .item__title {
	color: #131314;
}

.item--style-4 .item__deco {
	fill: #dcdcde;
}

.item--style-5 .item__deco {
	fill: #404040;
}

.item--style-6 .item__deco {
	fill: #dcdcde;
}

.item--style-7 .item__deco {
	fill: #fff;
}

.item--style-7 .item__title {
	color: #131314;
}

.item--style-8 .item__deco {
	fill: #404040;
}

.item--style-9 .item__deco {
	fill: #dcdcde;
}

@media screen and (max-width: 60em) {
	.item:first-of-type {
		grid-column: span 2;
	}
	.content--grid {
		grid-row-gap: 25vh;
	}
}

@media screen and (max-width: 40em) {
	.codrops-header__title {
		font-size: 1em;
	}
	.content--grid {
		padding: 2vh 8vw;
	}
	.item__number {
		font-size: 0.75em;
	}

}