95e0ff95e0ff95e0ff95e0ff95e0ff95e0ff95e0ff/*
Theme Name: Dni Sąsiadów nowe
Description: Wordpress theme made by trustudio.pl
Text Domain: dnisasiadow
Version: 1.2
Author: fry.li
Author URI: http://trustudio.pl
*/


@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&subset=latin-ext');

body { -ms-overflow-style: scrollbar;}


/*--------------------------*
/*  UWAGA! Tryb czarno-biały
/*--------------------------*/


html body.zaloba { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }

.container {
    /* max-width: 1000px; */
}

.pink { color: #2b96c2;}
mark { background: #c1ffdf; padding: 0px;}
/*!---------- COMMON STYLES ----------*/

.pa10 { padding: 10px !important;}
.pa20 { padding: 20px !important;}
.pa30 { padding: 30px !important;}
.pa40 { padding: 40px !important;}
.pa50 { padding: 50px !important;}

.pud10 { padding-top: 10px !important; padding-bottom: 10px !important;}
.pud20 { padding-top: 20px !important; padding-bottom: 20px !important;}
.pud30 { padding-top: 30px !important; padding-bottom: 30px !important;}
.pud40 { padding-top: 40px !important; padding-bottom: 40px !important;}
.pud50 { padding-top: 50px !important; padding-bottom: 50px !important;}

.pt0 { padding-top: 0px !important;}
.pt10 { padding-top: 10px !important;}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px !important;}
.pt50 { padding-top: 50px !important;}
.pt100 { padding-top: 100px !important;}
.pt150 { padding-top: 150px !important;}

.pb0 { padding-bottom: 0px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb100 { padding-bottom: 100px !important;}
.pb150 { padding-bottom: 150px !important;}

.mb0 { margin-bottom: 0px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb100 { margin-bottom: 100px !important;}
.mb150 { margin-bottom: 150px !important;}



html { font-size:62.5% ;}
html.font0 { font-size:40% ;}
html.font1 { font-size:47% ;}
html.font2 { font-size:54% ;}
html.font3 { font-size:62.5% ;}
html.font4 { font-size:75% ;}
html.font5 { font-size:82.5% ;}
html.font6 { font-size:100% ;}

html.dark * { color: #fff !important; background: #000 !important; }
html.dark .logoColumn, html.dark .logoColumn * { background: #7d7d7d !important;}
html.dark footer, html.dark footer * {  color: #000 !important; background: #fff !important;}
html.dark .mybtn { color: #000 !important; background: #fff !important;}

body { font-size:1.4rem; }
body { font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; line-height: 2.4rem; color: #000; background: url(images/body-bg.jpg) repeat; background-attachment: fixed;}
section {  }
img { max-width: 100%; height:auto; }
*:focus { outline: none; border: none;}
a, a:hover, a:focus, button, input, textarea{ color: inherit; text-decoration: none; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
a { color:#2b96c2;  }
a * {-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
a:hover { opacity:0.8;}

table a, table a * {-webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out;}
table a:hover { opacity:1;}
button, button:focus { outline: none; border: none;}
.clr, .clear { clear:both;}

h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: 300; }
.alt-font { font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; }
.bold-title { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 700; }
.thin-title { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 100; }
.block-title { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 400; text-transform:none; letter-spacing: 0.03em; }
.uppercase { text-transform: uppercase; }
.through { text-decoration: line-through; }
.thin { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 100; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.bg-inverse h1, .bg-inverse h2, .bg-inverse h3, .bg-inverse h4, .bg-inverse h5, .bg-inverse h6 { color: #000; }
.bg-inverse { color: #000; }
.aligncenter { text-align: center;}
h1,h2,h3,h4,h5,h6 { color:#000;}
h1  { font-size: 3rem; }
h1.mainTitle  { font-size: 3.6rem; }
h1.jumbo { font-size: 3.2rem; font-weight: 700; }
h2 { font-size: 3.2rem; margin: 0 0 30px 0;  font-weight:300; color:#000; }
h3 { font-size: 2.4rem; font-weight: 300; }
h4 { font-size: 1.8rem; font-weight: 300; margin: 10px 0 20px 0; }
h5 { font-size: 1.3rem; font-weight: lighter; margin: 10px 0 20px 0; }
h6 { font-size: 1.2rem; font-weight: lighter; margin: 10px 0 20px 0; }
p { font-size: 1.5rem; font-weight: 500; line-height: 2.4rem; margin-bottom: 12px;  color:#000; text-align: left; }
p strong { font-weight:700;}
p.title { font-size: 1.3rem; 	font-weight: 400; 	line-height: 2.8rem; 	margin-bottom: 24px;  }
ul { list-style: none; padding-left: 5px; margin-bottom: 0px; }
ul li { font-size:1.5rem;}

.mybtn { background: #95e0ff; padding: 5px 10px; border-radius: 5px; color: #fff; }

img.alignleft { float:left; margin:0px 20px 20px 0px;}
label { font-weight:400;}

hr{  border-bottom: 1px solid #ddd; padding: 0px; }

::-moz-selection { background: #555; color: #fff; text-shadow: none; }
::selection { background: #555; color: #fff; text-shadow: none; }

::-webkit-input-placeholder { font-weight:normal; color:#aaa; }
::-moz-placeholder {  font-weight:normal;  color:#aaa;}
:-ms-input-placeholder { font-weight:normal;  color:#aaa;}
:-moz-placeholder { font-weight:normal;  color:#aaa;}

.greenbtn { background:#2b96c2; padding:5px 15px; color:#fff; }
.greenbtn:hover { background:#6a6a6a; color:#fff;}


.no-gap { padding-left:0px !important; padding-right:0px !important;}
.no-gap-left { padding-left:0px !important; }
.no-gap-right { padding-right:0px !important; }
/*!---------- TOP STYLE ----------*/

html { min-height:100%;}
body { }

#wrapper { padding: 0px;}


.logoColumn { }
.logoColumn .mainlogo {  padding:10px 30px; position: static; top:0px; left:0px; text-align: center; background: #95e0ff;}
.logoColumn .mainlogo a { display: block;}
.logoColumn .jestem-zgdanska { text-align: left;}

.contentColumn { background: #fff;}

.topSection { padding: 20px 0px;}
.topSection ul { margin-bottom: 0px;} 
.topSection ul::after { content: ''; display: block; clear: both;} 
.topSection ul li { float: left; margin-left:20px; margin-bottom: 0px;}
.topSection ul li a { color: #000;}
.topSection ul li a:hover { color: #2b96c2; }
.topSection ul li.larger a { font-size:1.8rem;}
.topSection::after { content: ''; display: block; clear: both;} 

.helpcontainer button { background: none; border: none; border-right:1px solid #000; padding: 5px 15px; font-size:16px; cursor: pointer; color: #000;}
.helpcontainer button#largerfont { font-size:18px; font-weight: bold;}
.helpcontainer button#smallerfont { font-size:14px; font-weight: bold; }
.helpcontainer button:last-child {border-right:none;}
.helpcontainer button:hover { color:#2b96c2;}

.newheader { margin-bottom: 20px; background: #95e0ff;}

#mainHeader {  }

#mainHeader .menuSection { padding-top:0px; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; margin-bottom: 5px; }
#mainHeader .menuSection::after { content: ''; display: block; clear: both;} 
#mainHeader .mainmenu { margin-right:0px; }
#mainHeader .mainmenu ul#fmenu { display: flex;  justify-content:space-between; padding-left: 15px; }
#mainHeader .mainmenu ul#fmenu > li { display: inline; position: relative; padding: 5px 0px 10px 0px; }
#mainHeader .mainmenu ul#fmenu > li > a { font-weight:600; color:#fff; font-size:1.4rem; text-transform: uppercase; }
#mainHeader .mainmenu ul#fmenu > li > a > span { border-bottom: 2px solid #95e0ff; }

#mainHeader .mainmenu ul#fmenu > li.current_page_item a { color:#000; }

#mainHeader .mainmenu ul#fmenu > li.menu-item-has-children > a:after{  font-family: 'FontAwesome'; content: '\f107'; margin:0 5px 0 5px; }
#mainHeader .mainmenu ul#fmenu > li.megamenu > a:after{  font-family: 'FontAwesome'; content: '\f107'; margin:0 5px 0 5px; }
#mainHeader .mainmenu ul#fmenu > li > ul.sub-menu { padding: 10px 0px 0px 0px; pointer-events: none; opacity: 0; position: absolute; z-index: 100; top:60px; transition: all 0.25s ease-out;  left:0px; width: 210px;  background:#fff; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);}
#mainHeader .mainmenu ul#fmenu > li > ul.sub-menu > li { }
#mainHeader .mainmenu ul#fmenu > li > ul.sub-menu > li > a { padding: 8px 18px 8px 28px; display: block; position: relative; color: #000; font-size:1.5rem; font-weight: 400; }
#mainHeader .mainmenu ul#fmenu > li > ul.sub-menu > li > a:before { content: '\f105'; font-weight: 400; font-family: 'FontAwesome'; float: left; margin-left: -0.7em; color:#BDBDBD;}
#mainHeader .mainmenu ul#fmenu > li > ul.sub-menu > li > a:hover { color:#000000; background: #f3f3f3; }
#mainHeader .mainmenu ul#fmenu > li > ul.sub-menu > li > a:hover:before { color:#000;}
#mainHeader .mainmenu ul#fmenu > li:hover  > ul.sub-menu{ pointer-events: all; opacity: 1; top:35px; }

#mainHeader .mainmenu ul#fmenu > li:hover > a { color:#000; }
#mainHeader .mainmenu ul#fmenu > li:hover > a > span { border-bottom: 2px solid #000;}


section.fullContent { margin-bottom: 30px;}
section.fullContent::after { content: ''; display: block; clear: both;} 
section.fullContent h2 { font-weight:bold; color:#2b96c2; margin-bottom:10px;}
section.fullContent ul { margin-bottom: 20px;}
section.fullContent ul li { padding-left: 15px;}
section.fullContent ul li:before { font-family: 'FontAwesome';  content: '\f105'; margin:0 5px 0 -15px; color: #2b96c2; }

.pageHeader { position:relative;  background: #e6e6e6; padding: 40px 0px 0px 0px; margin-bottom: 40px;}
.pageHeader .whiteBg { background: #fff; padding: 0px 15px 0px 15px; margin-top: 10px; float:left; display: block; margin-right: 10px;}
.pageHeader .whiteBg.smaller { opacity:0.6;}
.pageHeader p.subtitle { display:block;line-height:2rem; color:#666; clear: both; padding-bottom: 0px; margin-bottom: 0px; }
.pageHeader h1.mainTitle  { display: block; padding-left:0px; color:#2b96c2; font-size: 2.4rem; font-weight: normal; float: left;   margin-bottom: 0px; margin-right: 20px;}
.pageHeader .mainTitle.noMenu { }
.pageHeader .subtitle { padding-left:0px;}
.pageHeader .subtitle.noMenu { padding-left:0px;}
.pageHeader .contactBtns { }
.pageHeader .contactBtns.noMenu { padding-left:0px;}



#allBody { margin-bottom:30px; min-height: 350px; padding: 0px 0px;}
#allBody.homepage { }
#allBody.homepage .fullContent {}
body.home section.contentSection { padding:50px 0px; height: 100%;}
body.home section.contentSection.grey { background:#eee;}

.slick-prev { left: 25px; z-index: 120; }
.slick-next { right: 25px; z-index: 120;}
.slick-prev::before, .slick-next::before { color: #fff;}
.slickarrow { color:#fff; font-size:6rem; position:absolute; z-index:10; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer;}

.home .fullContent { margin-bottom: 50px;}
.homeboxes { font-size:1.2rem; line-height: 1.8rem; margin-bottom: 50px;}
.homeboxes::after { content: ''; display: block; clear: both;} 
.homeboxes p { font-size:1.2rem; line-height: 1.8rem;}
.homeboxes h2 { margin-bottom: 5px;  font-size:2rem;}
.homeboxes h2 img { max-height: 64px; width: auto; padding-left: 20px;}

section.boxsection { padding: 0px 0px; }
section.boxsection.grey { background: #f2f2f2;}
section.boxsection .imageBox { min-height: 200px; height: 100%;}
section.boxsection .textLeft .inside { padding:30px 50px 30px 0px;}
section.boxsection .textRight .inside { padding:30px 0px 30px 50px;}
section.boxsection.onlyText { margin-bottom: 30px;}
section.boxsection h2 { color:#2b96c2;}
section.boxsection ul { padding-left: 15px;}
section.boxsection ul li::before {  content: '\f105'; font-weight: 700; font-family: 'FontAwesome'; float: left; margin-left: -0.7em;}
section.boxsection.grey ul li { color: #000;}


section.padded { padding:25px 0px;}


a.squareLink { display:block;  width:100%; padding-bottom: 100%; height: 0; background:#CCC;  background-size:100% 100%; float:left; margin:0px 0px 30px 0px; font-weight:bold; color:#fff; font-size:3.6rem; text-decoration:none; text-transform:uppercase; overflow:hidden; position:relative;   text-align:left; } 
a.squareLink:hover { background-position:  center 20px; opacity:1; }
a.squareLink .blackBg {  padding:10px; background:rgba(0,0,0,0.6); height:0; padding-bottom: calc(100% - 10px); width: 100%; padding-top: 10px;}
a.squareLink .blackBg.resetBg { background: none;}
a.squareLink .circle { display:block; border:5px solid transparent; height:0;  padding:15px; padding-top:30px; padding-bottom: calc(100% - 40px); width: 100%;  }
a.squareLink .circle .inner { display: flex; align-items: center; justify-content: center;  height: 200px; text-align: center;}
a.squareLink .circle img { display: none;}
a.squareLink span { color:#FFF;}
a.squareLink span.title { font-size:2.2rem; font-weight:bold; display:block; margin-bottom:40px; }
a.squareLink span.tech { font-size:1.2rem; line-height:1.8rem; font-weight:normal; display:none; text-transform:none; }

a.squareLink:hover .circle { display:block; border:5px solid rgba(255,255,255,0.7); background:rgba(255,255,255,0.1);}


.galleryContent { background:#fff; padding:20px 0px; }

.nagallery a { float:left;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.nagallery a:hover { opacity:0.5; }



.singlepost { margin-bottom:80px; background:#eee;}
.singlepost h1 { font-size:2.4rem;}
.singlepost img { width:100%; height:auto;}
.singlepost div.date { margin-bottom:10px;}
.singlepost div.date span { background:#2b96c2; font-size:1.2rem; color:#fff; font-weight:bold; padding:5px 15px;}
.singlepost .singlecontent { padding:5px 30px 10px 30px;}
.singlepost a { text-decoration:none;}
.singlepost .imagePart { background: #e0e0e0; height: 100%; padding: 10px; display: flex; align-items: center; justify-content: center;}

.single-post .mainthumb { margin-bottom:20px;}

.singleotherpost { margin-bottom:80px; background:#eee;}
.singleotherpost h1 { font-size:2.4rem;}
.singleotherpost img { width:100%; height:auto;}
.singleotherpost div.date { margin-bottom:10px;}
.singleotherpost div.date span { background:#2b96c2; font-size:1.2rem; color:#fff; font-weight:bold; padding:5px 15px;}
.singleotherpost .singlecontent { padding:15px; height: 160px;}
.singleotherpost a { text-decoration:none;}

.pagination { clear:both; padding:0px 0; position:relative; font-size:1.4rem; line-height:1.8rem; }
.pagination span, .pagination a { display:block;  float:left; margin: 2px 2px 2px 0; padding:6px 12px 5px 12px; text-decoration:none; width: 32px; text-align: center; color:#fff;  background: #2b96c2; }
.pagination a:hover{ color:#fff; background: #6a6a6a; }
.pagination .current{ padding:6px 9px 5px 9px; background: #6a6a6a; color:#fff; }


.section404 { height: 80vh; display: flex; align-items: center; justify-content: center;}

section.fullTitle { margin-bottom: 40px;}

.fotorelacje-box-edycja { float: left; width: 205px; height: 200px; background-color: #95e0ff; margin: 10px 20px 10px 0px; text-align: center; padding: 15px 10px 10px 10px; }
.fotorelacje-box-edycja:hover { background-color: #2b96c2; cursor: pointer; }
.fotorelacje-box-edycja .rok { font-size: 28pt; font-weight: 300; color: #ffffff; margin: 0px 0px 20px 0px; padding: 0px; }
.fotorelacje-box-edycja .fotorelacji { margin: 0; padding: 0px 0px 5px 0px; font-weight: bold; font-size: 12pt; color: #000000; }
.fotorelacje-box-edycja .zdjec { margin: 0; padding: 0; font-weight: bold; font-size: 12pt; color: #000000; }

.fotorelacje-box {  width: 100%; margin: 10px 0px 10px 0px; padding: 0px 10px 10px 10px; display: block;  }
.fotorelacje-box:hover { background: #f9e4eb;}
.fotorelacje-box::after { content: ''; display: block; clear: both;}
.fotorelacje-box .titlecon { height: 46px; display: flex; align-items:  flex-end; }
.fotorelacje-box .tytul { margin: 0px; padding: 0; font-weight: bold; font-size: 12pt; }
.fotorelacje-box .zdjecie { float: left; margin: 5px; width: 100px; height: 100px; }
.fotorelacje-box .link { display: flex; align-items: center; justify-content: center; margin: 5px; font-weight: bold; font-size: 45pt; color: #ffffff; text-decoration: none; padding-bottom: 0px; float: left; height: 100px; width: 100px; background-color: #95e0ff; text-align: center; }
.fotorelacje-box .link:hover { color: #fff; background-color: #2b96c2; cursor: pointer; }
.spotkanie-powrot { width: 100%; background-color: #d9ceb4; font-weight: bold; text-decoration: none; color: #594515; display: block; padding: 5px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.spotkanie-powrot:hover { background-color: #dcc286; cursor: pointer; }

.singlefotorelacja a{  display: block; float:left; margin: 0px 10px 10px 0px;}

span.priv { background: #f1a2f0; border-radius: 8px; font-size:60%; padding: 8px 16px; font-weight: bold; text-transform: uppercase;}
.spotkania-box span.priv{ padding: 3px 6px; display: inline-block;}
.wyroznij { font-weight: bold; color: #e95287; margin: 0; padding: 0; }


.boxdzielnica { float: left;  padding: 15px; background: #2b96c2; margin: 0px 10px 10px 0px; display: flex; align-items: center; justify-content: center; width: 230px; height: 230px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
.boxdzielnica * { color: #fff; margin: 0px; padding: 0px; text-align: center;}
section.fullContent .boxdzielnica h2 { line-height: 20px; font-size:24px; color: #fff;}
.boxdzielnica:hover { background: #95e0ff;}

.spotkania-box { width: 230px; height: 230px; padding: 10px; border:1px solid #95e0ff; display: block; float: left; margin: 0px 10px 10px 0px;}
.spotkania-box h4 { margin-bottom: 20px; }
.spotkania-box .date { margin-bottom: 0px; font-weight:normal; font-size:12px; line-height: 18px;}
.spotkania-box .miejsce { font-weight:normal; font-size:12px; line-height: 18px;}
.spotkania-box:hover { background: #2b96c2;  }
.spotkania-box:hover * { color: #fff;}


#stopka { padding: 20px 0px 0px 0px;}
#stopka .fleft { float:left; margin-right: 20px;}
#stopka .fleft a { margin-right: 20px; display: block; float:left;}
#stopka::after { content: ''; display: block; clear: both;}

#mainFooter { background:#95e0ff; color: #333; text-align: left;}
#mainFooter a { color: #555546;}


#mainFooter .contactInfo { padding:30px 0px 60px 0px;}

#mainFooter p { color:#fff; line-height:1.6rem;}
#mainFooter .fbox { float:left; margin-right:40px;}
#mainFooter .fbox:last-child { margin-right:40px;}
#mainFooter .fbox.social { font-size:3rem; padding-top:6px;}
#mainFooter .fbox.social a:first-child { margin-right:15px;}
#mainFooter .fbox, #mainFooter .fbox p { color:#fff; font-size:1.4rem; line-height:1.8rem; }
#mainFooter .newsletterContainer { padding:20px 20px 10px 0px; color:#fff;}
#mainFooter .newsletterContainer label { display:block;}
#mainFooter .newsletterContainer label input { color:#666;}
#mainFooter .newsletterContainer h3 { font-weight:700; color:#fff; font-size:1.4rem; margin-bottom:6px; margin-top:0px;}
#mainFooter .newsletterContainer label.grey { color:#eee; line-height:1.4rem; font-weight:normal; display:block;}
#mainFooter .newsletterContainer label.grey:hover { color:#fff; transition: color 0.25s ease-out;}

#mainFooter .newsletterContainer label.text { float:left; }
#mainFooter .newsletterContainer .submit-btn { float:left; margin-top: 0px; }

#mainFooter .newsletterContainer label.text input{ width:100%; padding:5px 5px 5px 5px; font-size:1.4rem; height: 31px; border: none; border-radius: 0px !important;}
#mainFooter .newsletterContainer .submit-btn input { cursor: pointer;background:#2b96c2; color:#fff; border:none; font-size:1.4rem; padding:5px 15px 5px 15px; font-weight:400; height: 31px; border-radius: 0px !important; }
#mainFooter .newsletterContainer .submit-btn input:hover { background:#6a6a6a; }


#cn-accept-cookie { background: #ffffff !important; color: #2b96c2 !important; border-radius:0 !important;}
#subfooter { padding:10px; text-align:center; color:#999;  }
#cn-accept-cookie { background:#2b96c2; color:#fff; padding:4px 10px; }

#allBody table { width:100%;}
#allBody tr:nth-child(even) { background-color: #eeeeee; }
#allBody tr td { padding:0px 6px; border-right:1px solid #ddd;}
#allBody tr td:first-child {border-left:1px solid #ddd; }



/* nadpisujemy style bootstrapa */
.nav-pills > li > a { border-radius: 0px; font-size:1.6rem; text-transform:uppercase; color:#000; font-weight: bold;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background:none; color: #2b96c2; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover  { background-color: #2b96c2; background-color:transparent; color:#000; }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: transparent !important; background:none; color: #2b96c2; }
.dropdown-menu > .active > a > ul { background:#fff;}

.modal-content  { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.modal { overflow: inherit; overflow-y: inherit; text-align: center; padding: 0;}
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-dialog { padding: 0; display: inline-block; text-align: left; vertical-align: middle;}

.modal-header { border: 0; padding:0; position:relative; min-height:0px; }
.modal-header .close { margin: 0; position: absolute; top: -10px; right: -10px; width: 28px; height: 28px;   line-height:1rem; background-color: #2b96c2; color: #fff; font-size: 1.2rem; text-align:center; opacity: 1; z-index: 10;}
.modal-header .close:hover { background-color:#6a6a6a}
.modal-content p { }
.modal-body { }



/* domyślna galeria */
.gallery {}
.gallery .gallery-item { }
.gallery .gallery-item img { width: 100%; height: auto;}
.gallery figcaption { display: none;}
.gallery a { background: #2b96c2; display: block; position: relative;}
.gallery a::after { content:""; display: block; clear: both; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top:10px; left:10px; border:5px solid rgba(255,255,255,0); background:rgba(255,255,255,0); transition: all 0.25s ease-out;}
.gallery::after { content:""; display: block; clear: both;}
.gallery a:hover { opacity:1;}
.gallery a:hover::after { border:5px solid rgba(255,255,255,0.7); background:rgba(255,255,255,0.1);}

.galeria a { display: block; float: left; margin:0px 5px 5px 0px;}
.galeria::after { clear: both; content: ''; display: block;}
/* naspisujemy gravity forms */

.gform_wrapper { background: #f6f6f6;}

.gform_body input.medium { border:none; border:1px solid #CCC; background:#eee;}
.gform_body input.medium:focus { background:#ddd; border:1px solid #AAA;}
.gform_wrapper .gfield_required { color: #790000;}
.gform_body textarea { border:none; border:1px solid #CCC; background:#eee; }
.gform_wrapper textarea.medium { height:80px !important;}
.gform_wrapper textarea.medium:focus { background:#ddd; border:1px solid #AAA;}
.gform_wrapper .gform_footer input.button { background:#2b96c2; color:#fff; border:none; font-weight:bold; padding:6px 20px; }
.gform_wrapper .gform_footer input.button:hover { background:#6a6a6a;}

.gform_wrapper ::-webkit-input-placeholder { font-weight:normal; color:#666; }
.gform_wrapper ::-moz-placeholder {  font-weight:normal;  color:#666;}
.gform_wrapper :-ms-input-placeholder { font-weight:normal;  color:#666;}
.gform_wrapper :-moz-placeholder { font-weight:normal;  color:#666;}

.fgalleryform .gform_wrapper h2.gsection_title { padding-left: 10px !important;}
.gform_wrapper span.screen-reader-text { display: none;}
.ginput_container_fileupload ~ .gfield_description { padding-top: 0px !important;}

.gform_wrapper .gform_body ul.gform_fields li.hidetitle { clear: both;}
.gform_wrapper .gform_body ul.gform_fields li.hidetitle::after { clear:both; content:''; display: block;}
.gform_wrapper .gform_body ul.gform_fields li.hidetitle > label.gfield_label { display: none;}
.gform_wrapper .gform_body ul.gform_fields li.hidetitle ul.gfield_checkbox li label { /*display: none;*/}

.gform_wrapper .field_description_below .gfield_description { padding-top: 0px !important; }



.lg-backdrop { background-color: #fff; }
.lg-backdrop.in { opacity: 0.9;}
.lg-actions .lg-next, .lg-actions .lg-prev, .lg-sub-html, .lg-toolbar { background-color: transparent;}
.lg-actions .lg-next, .lg-actions .lg-prev {  color: #000; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #666; }
.lg-sub-html { background:rgba(255,255,255,0.2); color:#000;}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #2b96c2;}
.lg-progress-bar .lg-progress { background-color: #2b96c2; height: 5px; width: 0;}
.lg-toolbar .lg-icon:hover { color: #000;}

.lg-img-wrap img { border:10px solid #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);}

#lg-counter { display:none;}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
    color: #eee;
    background: #ed1c24 !important;
    border-top-color: rgba(255,255,255,.4);
    border-bottom-color: rgba(0,0,0,.8);
}




@media (max-width: 1005px) {
	
	#allBody { min-height: 0px;}
	
	#wrapper {padding: 0px 0px;}
	#allBody { margin-bottom: 30px; padding-top: 0px;}
	.tradeChoiceMenu { display: none;}
	
	#mainHeader .mainlogo { padding-left:0px; }
	#mainFooter .footerLogo { padding-left:0px;}
	#mainFooter .pull-right { float: none !important;}
	
	#allBody.homepage .fullContent { height: auto; position: relative;}
	#homeSlider { height: auto;  overflow: hidden;}
	#allBody.homepage { height: auto; margin-bottom: 0px;}
	#homeSlider .slides .singleslide { height:40vw; overflow: hidden; position: relative;}
	
	.homeContent section.homeContentSection.height700 {  height: auto; }
	.homeContent section.homeContentSection {width: 100%; float: none;  height: auto; }
	.homeContent section.homeContentSection.clientsSection { height: auto;}
	.homeContent section.homeContentSection.clientsSection .clientsslider .opinionslide  { height: auto; }
	.homeContent section.homeContentSection.clientsSection.imageSection { height: 400px;;}
	
	.homeContent section.homeContentSection .fleft {width: 100%; float: none; margin-right: 0%;text-align: center;}
	
	#allBody.homepage .slideText { top:50px; left:25px; width: 90%; }
	#allBody.homepage .slideText h1 {  font-size:2.8rem;}
	#allBody.homepage .slideText h2 {  font-size:2rem; }
	#homeSlider .slick-arrow { width: 20px; height: 20px; top:130px;}
	
	a.squareLink { display:block;  width:calc(50% - 10px);}
	
	.singleProduct .productMainImage {  left:0px;}
	
}

@media (max-width: 768px) {
	.homeContentSection .image-section-inside {  height: 300px;}
	.homeContentSection .text-section-inside { padding: 20px 20px;}
	section.boxsection { padding: 20px 20px;}
	.no-gap-left { padding-left: 0px !important; padding-right: 0px !important}
	.no-gap-right { padding-left: 0px !important; padding-right: 0px !important}
	section.boxsection .textLeft .inside { padding: 20px 0px 20px 0px;}
	section.boxsection .textRight .inside { padding: 20px 0px 20px 0px;}

	body.single-izproduct .pageHeader { padding: 10px 0px 0px 0px; margin-bottom: 30px;}
	.pageHeader { padding: 10px 0px 0px 0px; margin-bottom: 30px;}
	
	#allBody { margin-bottom:30px; min-height: 0px; padding: 0px 0px;}

}

@media (max-width: 578px) {
	p {font-size: 1.3rem; }
	ul li { font-size: 1.4rem;}
	
	#allBody.homepage .slideText h1 { font-size: 2rem;}
	#allBody.homepage .slideText {top: 20px;left: 15px;width: 90%;}
	#homeSlider .slick-arrow { width: 20px; height: 20px; top: 20vw;}
	
	.homeContent section.homeContentSection.clientsSection .clientsslider .opinionslide .singleopinion { padding: 0px 0px;}
	#allBody.homepage .slideText h3 { font-size: 2.6rem;line-height: 3rem;}
	
	a.squareLink { display:block;  width:100%;;}
	.singleProduct .tabslider { width: 100%;}
	.singleProduct #tabs #tabpanes .tabcontent { padding: 20px 10px;}
	.singleProduct .tabbuttons ul li a {font-size: 1.4rem; padding: 7px 9px 10px 9px;}
	
	.singlefilefolder a {height: auto; float: none; box-shadow: -10px 5px 3px 0px rgba(0,0,0,0.2); padding: 15px 5px 10px 5px; margin-bottom: 20px; }
	.singlefilefolder a:hover {top:0px; left:0px;box-shadow: -10px 5px 3px 0px rgba(0,0,0,0.2);}
	.singlefilefolder a span.icon { margin-bottom: 10px;}
	.singlefilefolder a span.icon svg { width: 30px; height: 30px;}

}