@charset "utf-8";
/* CSS Document */

html { margin-top:0 !important;}
body, h1, h2, h3, h4, p, ul, ol, li { margin:0; padding:0;}

body { font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; font-weight:300; color:#000;}

#top { background:url(gfx/background1.jpg) no-repeat center top; background-size:1920px; height:750px; color:#fff; display:flex; flex-flow: row wrap; align-content:space-between;}

#top #logo-menu { background:rgba(0,0,0,0.75); margin-top:65px; height:122px; display:inline-block; width:100%;}
#logo-menu-content { max-width:1100px; padding:0 50px; margin:0 auto; display:flex; justify-content:space-between;}

#top #logo-menu #logo-menu-content #top-logo { margin-top:-65px; margin-left:-140px; text-align:center;}
#top #logo-menu #logo-menu-content #top-logo a {}
#top #logo-menu #logo-menu-content #top-logo a img { width:533px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }

#top #logo-menu #logo-menu-content #top-menu { height:82px; padding:20px 0; flex:1 100%;  }
#top #logo-menu #logo-menu-content #top-menu ul { list-style:none; display:flex; height:82px; flex-wrap:wrap;}
#top #logo-menu #logo-menu-content #top-menu ul li { margin:auto 0 auto auto; height:30px; line-height:30px; font-size:20px;}
#top #logo-menu #logo-menu-content #top-menu ul li ul { display:none !important;}
#top #logo-menu #logo-menu-content #top-menu ul li:hover ul { display:none !important;}
#top #logo-menu #logo-menu-content #top-menu ul li a { font-weight:100; color:#fff; text-decoration:none; margin-left:10px; display:inline-block; text-transform:uppercase; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}
#top #logo-menu #logo-menu-content #top-menu ul li a:hover { font-weight:600; letter-spacing:1px;}

@media only screen and (min-width: 768px) {
#top.anchor { align-content:flex-end;}
#top.anchor #logo-menu { position:fixed; z-index:99; top:0; margin-top:0 !important; height:60px !important; background:rgba(0,0,0,1) !important;}
#top.anchor #logo-menu #top-logo { margin-top:-18px !important; margin-left:-50px !important;}
#top.anchor #logo-menu #top-logo a img { width:220px !important; }
#top.anchor #logo-menu #top-menu { height:40px !important; padding:10px 0 !important;}
#top.anchor #logo-menu #top-menu ul { height: auto !important;}
#top.anchor #logo-menu #top-menu ul li { height:40px !important; line-height:40px !important;}
}


#top #top-pole { max-width:1100px; padding:0 50px 50px 50px; margin:0 auto 0 auto; }
#top #top-pole .pole { color:#fff;}

#content { max-width:1100px; padding:60px 50px;  margin:0 auto;}
#content h1, #content .content_title { text-align:center; font-size:46px; line-height:54px; margin-bottom:35px; font-weight:100;}
#content h2 { text-align:center; font-size:26px; line-height:30px; font-weight:300; }
#content h2.content_description { margin-top:-20px;}


#content .rw_ct_reach_text strong { font-weight:500;}
#content .rw_ct_reach_text table { width:100%; margin:30px 0;} 
#content .rw_ct_reach_text table td { padding:10px;}
#content .rw_ct_reach_text p { margin:0 0 20px 0;}
#content .rw_ct_reach_text p:last-child { margin-bottom:0;}

#content .rw_ct_reach_text img[style*="float: right;"] {float: right; margin: 0 0 20px 30px;}
#content .rw_ct_reach_text img[style*="float: left;"] {float: left; margin: 0 30px 20px 0;}
#content .rw_ct_reach_text img { max-width:100%; height:auto;}


@media only screen and (min-width: 768px) {
#content [id^="section"] { height: 90px; margin-top: -90px;}
}
@media only screen and (max-width: 768px) {
#top { height:auto; background-size:auto 100%;}
#top #logo-menu { height:auto; background:none; margin-top:0;} 
#logo-menu-content { display:block; max-width:100%; padding:0;}
#top #logo-menu #logo-menu-content #top-logo { margin:32px auto 0 auto; background:rgba(0,0,0,0.75); height:90px;}
#top #logo-menu #logo-menu-content #top-logo a img { width:320px; margin-top:-38px; }

#top #logo-menu #logo-menu-content #top-menu { height:auto; padding:0; margin:30px 0 30px 0;}
#top #logo-menu #logo-menu-content #top-menu ul { height:auto; justify-content:center;}
#top #logo-menu #logo-menu-content #top-menu ul li { margin:0 20px;}
#top #logo-menu #logo-menu-content #top-menu ul li a { margin:0;}

#top #top-pole { padding:0 30px 30px 30px;}

#content { max-width:1140px; padding:40px 30px;}
#content h2 { margin-bottom:20px;}

#content table { margin-top:15px;} 
#content table.res td { display: block; width:auto !important; clear: both;}
}



#contact { background:#f7f7f7;}
#contact-content { max-width:1100px; padding:60px 50px;  margin:0 auto; display:flex; }

#contact .contact-left { width:calc(75% - 50px); margin-right:50px;}
#contact .contact-right { width:25%;}

#contact p { margin:0 0 20px 0;}
#contact a { color:#000;}



.form-auto table, .form-auto tbody, .form-auto tr, .form-auto td { display:block; font-size:16px;}
.form-auto table tr td:first-child { text-align:left; padding:0 0 0 10px !important;}
.form-auto table tr {width:100%; margin-bottom:8px;}
.form-auto tbody { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; column-gap:40px;}

.form-auto table tr:nth-child(3)  { -webkit-column-break-after: always; display: grid;}

.form-auto td { padding:0 !important; margin:0;}
.form-auto input, .form-auto textarea { margin:0; padding:10px; width:calc(100% - 20px);}
.form-auto select { margin:0; padding:10px; width:100%;}
.form-auto input[type="submit"] { width:250px;}

.form-auto table tr td:last-child { position:relative;}
.form-auto .required-asterix { display:block; position:absolute; top:5px; right:10px; color:#df0a5a;}


ul.rwContentBox.children-list { list-style:none; display:flex; margin-top:30px; justify-content:space-around; flex-wrap:wrap;}
ul.rwContentBox.children-list li { width:300px; margin-bottom:50px;}
ul.rwContentBox.children-list li a { text-align:center; display:block; font-size:22px; color:#000; text-decoration:none; }
ul.rwContentBox.children-list li a span.img-child { display:block; width:300px; height:200px; border-radius:10px; overflow:hidden; margin-bottom:15px;}
ul.rwContentBox.children-list li a img { display:block; max-width:300px; max-height:200px; filter: blur(5px); -webkit-filter: blur(5px); -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}

ul.rwContentBox.children-list li a:after { content:'otwórz'; display:block; border:2px solid #00a99e; color:#00a99e; margin:15px auto 0 auto; padding:5px 10px 5px 30px; width:110px; font-weight:500; background: url('gfx/lock.png') no-repeat 22px center; background-size:17px;-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}

ul.rwContentBox.children-list li a span.name { display:block;}
ul.rwContentBox.children-list li a span.name::nth-last-word(1) { color:#F00;}

ul.rwContentBox.children-list li a:hover img { filter: blur(5px) brightness(80%); -webkit-filter: blur(5px) brightness(80%);}
ul.rwContentBox.children-list li a:hover:after { background-color:#00a99e; color:#fff;}


@media only screen and (max-width: 768px) {
#contact-content { display:block; max-width:1140px; padding:40px 30px;}
#contact .contact-left { width:100%; margin:0;}
#contact .contact-right { width:100%; margin-top:30px;}
#contact .contact-right p { text-align:center !important;}
}
@media only screen and (max-width: 950px) {
.form-auto tbody { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto;}
.form-auto input[type="submit"] { margin: 0 auto !important; display: block;}
}


#footer { background:#000; color:#fff; font-size:14px;}
#footer a { color:#fff; text-decoration:none;}
#footer-content { max-width:1100px; padding:0 50px; margin:0 auto; display:flex; }

#footer #footer-logo { margin-left:-50px;}
#footer #footer-logo a { }
#footer #footer-logo a img { height:160px; display:block;}

#footer #footer-center { display:flex; flex-flow: row wrap; justify-content:space-between; flex:2; margin-top:40px;}

#footer #footer-center .social { display:flex; justify-content:space-between; margin-right:15px;}
#footer #footer-center .social a.social-icon { display:inline-block; margin-right:15px;}
#footer #footer-center .social a.social-icon img { width:31px;} 

#footer #footer-center #footer-menu { flex:1; margin-top:-8px;}
#footer #footer-center #footer-menu ul { list-style:none; display:flex; flex-wrap:wrap; }
#footer #footer-center #footer-menu ul li { width:115px;}
#footer #footer-center #footer-menu ul li a { -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
#footer #footer-center #footer-menu ul li a:hover { font-weight:500;}

#footer #footer-center #footer-menu ul li ul { display:none !important;}
#footer #footer-center #footer-menu ul li:hover ul { display:none !important;}

#footer #footer-center .copyright { flex:100%;}
#footer #footer-center .copyright p { margin:0; padding:0;}

#footer #footer-right { width:300px; text-align:right; flex:1; margin-top:40px; margin-left: 30px; display:flex; flex-flow: row wrap; justify-content:flex-end;}

#footer #footer-right .footer-contact { margin-top:-8px;}
#footer #footer-right .footer-contact p {margin:0; padding:0;}
#footer #footer-right .footer-contact p a {}

#footer #footer-right #footer-autor { font-size:12px;}
#footer #footer-right #footer-autor p {margin:0; padding:0;}
#footer #footer-right #footer-autor p a { color:#e07900;}


@media only screen and (max-width: 768px) {
#footer-content { max-width:1140px; padding:0 30px 30px 30px; display:block; }
#footer #footer-logo { margin:0 auto; text-align:center;}
#footer #footer-logo a img { height:auto; width:100%; display:inline-block;}

#footer #footer-center { display:block; margin-top:0;}
#footer #footer-center .social { margin:0; justify-content:center;}
#footer #footer-center .social a.social-icon { margin:0 15px; width:40px;}
#footer #footer-center .social a.social-icon img {-webkit-box-shadow: 0px 0px 30px 18px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 30px 18px rgba(0,0,0,0.8);
box-shadow: 0px 0px 30px 18px rgba(0,0,0,0.8); width: 36px;}

#footer #footer-center #footer-menu { margin-top:10px; }
#footer #footer-center #footer-menu ul { justify-content:center;}
#footer #footer-center #footer-menu ul li { width:auto; margin:0 20px;}

#footer #footer-center .copyright { text-align: center; margin-top: 20px;}

#footer #footer-right { width:auto; margin-left:0; text-align:center; display:block; margin-top:20px; }
#footer #footer-right #footer-autor { margin-top:20px;}
}


.rwContentBox, .ie_dump { width:auto !important; float:none !important;}
.rwContentBox > div { padding:0 !important;}