body{
font-family: "Lato",arial;
font-size:14px;
line-height:20px;
background:#fff;
overflow-x: hidden;
color:#666;
}

  .row:before, .row:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .row:after {
    clear: both; }

.language{float:right; text-align:right;}
.language{float:right; text-align:right;}
	.language a{padding:7px;  color:#777; font-weight:900; display:block;}
	.language a.active{background:#ec8710; color:#fff; }

blockquote{display:block; background:url(images/blockquote.jpg) center; padding:15px 30px; margin-left:-50px; margin-right:-50px; text-align:center; color:#616472;  font-size:16px; font-weight:700; -transform:uppercase; letter-spacing:2px; line-height:30px; }
blockquote p{border:10px solid #d6dfe5; padding:30px 30px;}


.hero{position: absolute; top:25%; width: 100%; z-index: 100; font-size:18px; font-weight:300 }
.hero h1{font-size:55px; line-height: 66px; font-family: "Dosis"; font-weight: 700; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8)}
.hero ul{margin: 0px; padding: 20px 30px;}
.hero li{list-style-type: none;  position: relative; padding: 0px 0px 20px; margin: 0px; color:#fff;}
.hero li:after{content:''; position: absolute; width:30px; bottom:8px; left:0px;  left:50%; margin-left: -15px; height:1px; border-bottom: 1px solid #c99e67; }


.vslide{display: flex; align-items: center;}
.vslide .vhalf{  flex: 1;}


.ikony{ overflow:hidden; margin-top:30px; background:url(images/tl.jpg); padding:30px 0px; }
.ikona{text-align:center; min-height:260px; line-height:19px; color:#525356;}
.ikona .img{ width:100px; height:100px; background:#abadb1; border-radius:50px; margin:0px auto; transition:0.5s all;}
.ikona .img img{padding:15px 0px 0px 0px;}
.ikona h2{color:#525356; font-weight:700; font-size:19px; text-transform:uppercase; transition:0.5s all;}
.ikona:hover .img{ background:#f59316;}
.ikona:hover h2{color:#f59316;}
.ikony h1{font-weight:300; font-size:27px; color:#525356; }


.partnerzy{ overflow:hidden; margin-top:10px; background:#fff; padding:20px 0px 0px; }
.partnerzy h1{font-weight:300; font-size:27px; color:#333; }


.formularz{background:url(images/form.jpg) right top; width:100%; padding:35px 30px; color:#fff; transition:0.5s all; cursor:pointer;}
.formularz:hover h1,.formularz:hover h2,.formularz:hover {color:#31200a;}
.formularz h1{ font-size:34px; line-height:32px;  font-weight:900; color:#fff; margin:0px; padding:0px; transition:0.5s all}
.formularz h2{font-size:30px; line-height:30px; font-weight:300; color:#fff; margin:0px; padding:0px; transition:0.5s all}


.newsletter{background:url(images/news.jpg); width:100%; padding:35px 30px; color:#fff;}
.newsletter h1{ font-size:34px;  font-weight:900; color:#fff; margin:0px; padding:0px;}
.newsletter h2{font-size:24px; font-weight:300; color:#fff; margin:0px; padding:0px;}
.newsletter input{background:#7b7b7b; border-color:#7b7b7b; color:#eee; margin-top:21px;}
.newsletter .btn {background:#ff8625; border-color:#ff8625; font-size:14px; letter-spacing:0px; font-weight:900; padding:7px 0px; color:#fff; margin-top:10px;}


img.desaturate{

-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%);
filter: gray; filter: grayscale(100%);
transition:0.5s all;
}
.adbaner{margin-top:20px;}
.adv {position:relative; line-height:18px; border-radius:10px;}

.adv .off{position:absolute; padding:8px 0px; bottom:0px; background:rgba(0,0,0,0.7); font-size:14px; text-transform:uppercase; opacity:1; font-weight:700; color:#fff; text-align:center; width:100%; transition:0.5s all;}


.adv .on{ opacity:0; position:absolute; top:0px; color:#fff; padding:20px;width:100%; height:100%; background:rgba(255,135,37,0.9); text-align:center;  transition:0.5s all;}
.adv .on h1{ font-size:14px; color:#fff; font-weight:900; }
.adv:hover .on{opacity:1;}
.adv:hover .off{opacity:0;}

#navigation li{list-style-type:none;}
#navigation li a{color:#fff; font-size:14px; text-transform:none; padding:5px 0px;}

img.desaturate:hover{ -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);
filter: gray; filter: grayscale(0%);
}

a{text-decoration:none; color:#333;}
a.big{ font-size:12px; margin-bottom:10px; line-height:14px;   font-weight:700; text-transform:uppercase;  transition:0.5s all; letter-spacing:1px; }
.projekt {  padding:10px; overflow:hidden; line-height:16px; text-align:center;   cursor:pointer; min-height:245px; }
.projekt img{margin-top:10px;  margin-bottom:10px;}
.projekt:hover a.big{color:#f7941e;}
img{max-width:100%; height:auto!important;}
.new h1{text-transform:uppercase; color:#fff;}

.orange{background:url(images/orang.jpg); padding:62px 30px 30px; color:#fff; position:relative; margin-top:-80px;}
.orange h1{color:#fff; font-size:34px;}


.new{background:url(images/new.png); padding:20px 30px 30px; color:#fff; position:relative; top:-50px;}
#main{ background: #fff; width:100%;padding-bottom:30px; }
.normy{right:-8px; top:-7px; position:absolute;}

.text a{ color:#010042; font-weight:500;}
.text a:hover{ color:#f25b22;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.text p,
.text li,
.text a
{font-family:Roboto, Arial;}


.padd20{padding:20px;}
.padd30{padding:30px;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.font18{font-size:18px; line-height:29px; font-weight:300}
.f-left{float:left;}
.f-right{float:right;}

h1{font-weight:900; font-size:40px; line-height:43px; margin:0px;  color:#2fb8f8; text-transform:uppercase;}
h2{font-weight:700; font-size:25px; line-height:30px; color:#555; margin:15px 0px 10px; letter-spacing:0px; text-transform:uppercase; }
h3{font-weight:700; font-size:22px; color:#555; line-height:25px;}

input,textarea{border:none; padding:8px 10px; margin-bottom:10px;  font-style:italic; width:100%; color:#fff; background:none; border-bottom: 2px solid #799138; position:relative;}
.input{width:300px; position:relative;}
textarea{ position:relative; border-top:2px solid #799138; height:112px; margin-top: 43px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

input.btn{background: none; border: none;}
.input:after{content:''; height:34px; border-left:1px solid #ddd; position:absolute;right:10px; display:block;  top:22px; }
.social-links{font-size:34px; floaT:left; width:100%; margin-top:100px;}
.social-links a{float:left; margin-right:10px; color:#777}
.social-links a:hover{color:#000;}
.text h1{ margin-top:15px;}

.h300{height:300px;}
.h200{height:200px;}
.mu{background:url(images/menu.jpg) top center; margin-top:-30px; position:relative; z-index:100; margin-bottom:0px;}

.btn {background:#ca9e67; transition:all 0.5s;  display: inline-block; float: right;
   width:auto; font-style: normal; text-transform: uppercase;  color:#fff; font-size:14px; height:auto;
    font-family:"Dosis"; letter-spacing:0px;   line-height:14px; padding:16px 20px 9px; font-weight:900; text-align:center;  text-transform:uppercase; margin-top:20px;}
.btn:hover{background:#333; color:#fff; }

.btn-reverse{border:1px solid #23b9db; transition:all 0.5s; color:#fff; font-size:14px; font-weight:900; padding:10px 30px; text-align:center;  background:#23b9db; text-transform:uppercase; margin-top:20px}
.btn-reverse:hover{background:none; color:#fff; border:1px solid #fff;}

.film{padding:30px 0px; background:#f3f3f3;}

i.glyphicons{padding-left:15px;}
i.glyphicons:before{font-size:12px; padding:0px; margin-top:-7px;}

img.left{float:left; max-width:50%;margin-right:15px;}
img.right{float:right;  max-width:50%; margin-left:15px;}
.detail{margin-top:20px;}
.detail h1{font-weight:100; font-size:40px; line-height:44px;}

.text table{border-collapse:collapse; border:none!important; width:100%!important; text-align:center;}
.text table td{ border:1px solid #cacfdc; padding:20px; color:#222; }
.text table th strong{color:#f7941e; font-weight:700; }
.text table td em {color:#aaa;}
.text table.bordered td{ border:1px solid #eee; padding:10px; color:#222; }
.text table th{ border:1px solid #1f8fbe; padding:30px; font-size:20px; font-weight:900; color:#fff; font-weight:900; background:#22a9e1; }
.text table caption{color:#f7941e; font-size:18px; padding:0px 0px 15px;}
.text tr:nth-child(even) {background: #f5f5f5; color:#777;}
.text tr:nth-child(odd) {background: #FFF}
.text .niezebra tr:nth-child(even) {background: #fff}
.text .niezebra tr:nth-child(odd) {background: #fff;}
.text table p{margin:0px; padding:0px;}
.text tr:nth-child(even) td{ color:#777;}
.text table h2{font-size:17px; margin:0px; padding:0px;}
.brand{margin:0px 0px 0px 10px; float:left;  transition:0.5s all}
.brand.mobile{display: none;}
.text li{padding:0px 0px 8px;}
h1,h2,h3{font-family: 'Dosis'}
.slogan{ margin:29px 0px 0px 68px; font-weight: 300;font-size:17px; line-height: 24px;padding: 240px 100px 0px;float:left;}
.slogan h1{color:#009fe3; font-size:30px; text-align: right;  padding: 50px;line-height:42px; text-transform: none; font-family: font-weight:900; margin:0px;  }
.slogan h2{color:#666; font-size:20px;padding-right:50px; line-height:22px; font-weight:300; margin:0px; }
.slogan img{padding-right:50px;}
.szkolenie{text-transform:uppercase; text-align:right; margin:20px 15px 0px 0px; float:right;}
.szkolenie h1{color:#2daeea; font-size:27px; line-height:27px; font-weight:900; margin:0px; padding:0px; }
.szkolenie h2{color:#2daeea; font-size:27px; line-height:27px; font-weight:300; margin:0px; padding:0px;}
.szkolenie h3{color:#444; font-size:17px; line-height:19px; font-weight:300; margin:0px 0px 5px; padding:0px;}
.szkolenie  .btn{font-size:20px; line-height:20px; margin-right:-30px; margin-top:19px;float:right; padding:15px 30px;}


.baner{
  background-position: 0% 20%; background-repeat: no-repeat; background-size: cover
}


.baner .content{margin-top: 270px; z-index:2; position: relative;float:none; width:100%; padding: 0px 200px; font-size:24px;font-weight: 200; line-height: 34px; text-align: center;}
.baner .content.color-light h1{color:#fff; text-shadow: none;}
.baner .content.color-light{color:#fff;}




body.down .topbar.fixed {
    top:0;
}


.topbar.fixed{height:100px; position: fixed;
 z-index: 1000; width: 100%;background: rgba(255,255,255,0.94);


     left: 0;
     right: 0;
     z-index:999;

}

.topbar.fixed .brand{padding-top: 0px; margin-top: 0px;}
.topbar.fixed .navi{padding-top: 17px; margin-top: 0px;}


#banery{position:relative; text-align:center; width:100%; height:235px;}
#body-main #banery{ height:605px;}
a.fb{float:left;  margin:-20px 0px 0px 74px; background:#405d9b; color:#fff; padding:10px 20px; font-size:16px; font-weight:900; text-transform:none; transition:0.5s all;}
a.fb:hover{background:#333;}
#mean{display:none;}
/*TOPBAR*/
#body-main .topbar{position: fixed}
.topbar { width:100%;padding-top:0px; top:0px;
   position:relative;  z-index:3000;  transition:0.5s all}
.offer{padding: 60px 0px; overflow: hidden; width: 100%; }
.offer h1{text-align: center; font-weight: 200; color:222; }
.offerbox{padding:0px; text-align: center; font-size:17px; line-height: 24px; }
.offerbox .title{font-weight: 700; color:#222; font-size: 22px;}
.offerbox .icon{width:90px; height:90px; margin: 0px auto 10px;}

.heading{text-align: center; padding:15px 0px;}
.heading h1{color:#fff; font-weight: 800; font-size:42px; line-height: 47px; }
.heading span{font-size:13px; text-transform:  uppercase; letter-spacing: 2px; }

.topbar .container{background-size: cover; height: 140px;  }
.cookie{cursor:pointer; margin-right:170px;}
.topbar .contact  i{margin-left:20px; }
.topbar .contact .glyphicons::before{color:#f7941e}
.topbar .contact strong{font-weight:400; color:#888; font-size:12px;}
.logo{padding-top:10px;  }

.navi{ transition:0.5s all; float:right; text-align: right;}

.testimonial{
  float:left;
  padding:20px 40px;

  font-style:italic;
}

div.polowki h2{color:#fff;}
div.polowki .half {
  width:65%;
  float: left;
  padding: 70px 100px 60px;
  font-size:16px;
  color:#fff;
  line-height: 24px;
}

div.polowki .half ul{margin: 0px 0px 0px 30px; padding: 0px;}
div.polowki .half ul li{list-style-type:none; position: relative; margin: 0px;line-height: 20px; padding-bottom: 12px;}
div.polowki .half ul li:after{      content: "\e812";
      font-family: 'konstruownia';
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      /*--adjust as necessary--*/
      color: #3f8fd1;
      font-size: 20px;
      padding-right: 0px;
      position: absolute;
      top: 0px;
      left: -28px;}



div.polowki h2{position: relative; color:#fff; font-weight:700; font-size: 26px;  text-transform: none;  letter-spacing: 0px;margin-bottom: 30px;line-height: 36px; transition: 0.5s all }
div.polowki .half-img {
  width: 35%;
  float: left;
    position: relative;
  height: 450px;
  background: url(images/half.jpg) 50% 50%;
  background-size: cover;
}
div.polowki .half-img {
  float:left;
}



div.polowki:nth-child(1n){background: #6da397}
div.polowki:nth-child(2n){background: #5e8873}
div.polowki:nth-child(3n){background: #496974}
div.polowki:nth-child(4n){background: #6a8350}
div.polowki:nth-child(5n){background: #77a567}



div.polowki:nth-child(2n+1) .half-img {
  float:right;
}

.polowki .wrap{
  width: 100%
  font-weight: 400;
  padding: 0px 100px;
  float:right;
  position: relative;
  z-index:10;
  line-height: 26px;
  overflow: inherit;
}

div.polowki a{color:#222;
}
div.polowki strong{font-weight: 600; color:#222; transition: 0.5s all }
div.polowki:nth-child(2n) .wrap{
  float:left;
}

div.polowki:nth-child(2n+1) .wrap{
  float:right;
}




div.polowki:hover:before{
  opacity:1;

}

.tresc{width: 100%;  overflow: hidden; padding: 50px 0px 50px; }


div.polowki{
  position: relative;
  width:100%;
  float:left;
  transition: 0.5s all;
  overflow: hidden;
  margin: 0px 0px;
  color:rgba(0,0,0,0.7);
  padding: 0px 0px 0px;

}



.efects{text-align: center; position: relative; margin-top: 40px;}

.efects .point{ cursor:pointer; position: absolute; transition: 0.5s all; width: 50px; height:50px; border-radius: 30px; background: #8ea25a; color:#fff; font-weight: 900; font-family: "Dosis";  line-height: 40px; padding: 0px; font-size:30px;}
.efects .point:before{content:''; position: absolute; width: 80px; height:80px; border-radius: 40px; left:-15px; top:-15px; border:2px solid #119ed2; }
.efects .point:hover{background: #119ed2;}
.efects .point .title{font-size:40px; position: absolute; font-weight: 800; font-family:"Dosis"; color:#2b2758;}
.efects .point .wrap{display: none;transition: 0.5s all;position: absolute; top:0; text-align: left;left:80px; background: #fff;
   box-shadow:10px 10px 0px rgba(0,0,0,0.15); padding: 40px; color:#333; width: 600px; font-size: 15px; line-height: 24px; font-weight: 300; z-index: 100;}
.efects .point.active .wrap{display:block;}
.efects .point .wrap h1{margin: 0px;}
.efects .point .wrap strong{font-weight: 800;}
.efects .point.mrr{top:-17%; left:46%; }
.efects .point.mrr .title{top:0; left:80px; }

.efects .point:after{
  content:'';
  position: absolute;
  width:40px;
  height:2px;
  background: #119ed2;

}
.efects .point.neuro:after{
  top: -8px;
  left: -45px;
  transform: rotate(30deg);
}
.efects .point.gat:after{
  top: -8px;
  right: -45px;
  transform: rotate(-30deg);
}
.efects .point.mrr:after{
  bottom: -36px;
  left: 5px;
   transform: rotate(90deg);
}

.efects .point.neuro{top:62%; left:70%; }
.efects .point.neuro .title{top:0; left:80px; }
.efects .point .wrap .close{position: absolute; right:20px; top:20px; font-size:24px;}
.efects .point.gat{top:62%; left:22%; }
.efects .point.gat .title{top:0; right:80px; }



.efects .point.active{background: #222;}
.efects .point.active:before{border-color:#222;}



div.polowki.islink{cursor: pointer;}
.blog-post{font-size:15px; text-align: left;padding: 0px 15px;font-weight: 400; line-height: 24px;}
.blog-post .data{font-weight: 300; font-size:14px; color:#777; float:left; width: 100%; margin-top: 15px;}
.blog-post .foto{max-height:210px; overflow: hidden; margin-bottom: 10px;}
.blog-post .big{float:left; width: 100%; color:#009fe3; font-size: 23px; line-height: 28px;  margin: 10px 0px 20px; font-weight: 800; font-family: "Dosis";
text-transform: none; letter-spacing: 0px;}

.aktualnosci{padding: 100px 300px; overflow: hidden; background:#e9edee;color:#161616; font-size: 18px; font-weight: 300; line-height: 26px;  background-size: cover;}
.aktualnosci h1{font-size:30px; color:#3c3f40; margin-bottom: 50px; text-align: center;}


.efekty .row.wline  .col-sm-6 p{margin: 0px 0px 10px;}
.efekty .row.wline .col-sm-6:last-child{text-align: left; border-left: 3px solid #7bd4f5; padding-left: 60px; position: relative;}
.efekty .row.wline  .col-sm-6:first-child{text-align: right;  padding-right: 60px;}
.efekty .row.wline  .col-sm-6:last-child::after{content:''; position: absolute; top:0px; left:-21px; width: 40px; height:40px; background:#e9edee; border-radius: 30px; border:6px solid #7bd4f5;}
.efekty .col-sm-4{padding: 0px 30px;}

.shorter{width:400px;}
.shorter.left{float:right;}

.zespol{padding: 40px 0px 0px;background:#e9edee;color:#161616; font-size: 18px; font-weight: 300; overflow: hidden;line-height: 26px;  background-size: cover;}
.zespol h1{font-size:30px; color:#3c3f40; margin-bottom: 40px; text-align: center}


.efekty .btn{float:none; display: inline-block; border:1px solid #fff; color:#fff; font-family: "Dosis"; line-height: 30px; font-size: 16px; font-weight: 300; padding: 6px 50px 10px; text-transform: uppercase; background: none;}
.efekty{padding: 100px 100px;background:#e9edee;color:#161616; font-size: 18px; font-weight: 300; line-height: 26px; text-align: center; background-size: cover;}
.efekty h1{font-size:30px; color:#3c3f40; margin-bottom: 90px;}
.efekty li{font-weight:800; }
.efekty .point li{font-weight: 300;}
.efekty li strong{color:#119ed2}

.efekty h2{margin: 0px; padding: 0px 0px 30px;}
.celprojektu .btn{float:none; display: inline-block; border:1px solid #fff; color:#fff; font-family: "Dosis"; line-height: 30px; font-size: 16px; font-weight: 300; padding: 6px 50px 10px; text-transform: uppercase; background: none;}
.celprojektu{padding: 200px 300px; color:#fff; font-size: 19px; font-weight: 300; line-height: 26px; text-align: center; background-size: cover;}
.celprojektu h1{font-size:30px; color:#fff; margin-bottom: 50px;}
.aktualnosci .btn{float:none; display: inline-block; border:1px solid #333; color:#333; font-family: "Dosis"; line-height: 30px; font-size: 16px; font-weight: 300;  margin-top: 40px;padding: 6px 50px 10px; text-transform: uppercase; background: none;}
.aktualnosci{text-align: center;}
.blog-details-page{padding: 50px 150px;}
.blog-details-page .btn{float:none; display: inline-block; border:1px solid #333; color:#333; font-family: "Dosis"; line-height: 30px; font-size: 16px; font-weight: 300;  margin-top: 40px;padding: 6px 50px 10px; text-transform: uppercase; background: none;}
.bottombtn{text-align: center; width: 100%; padding: 30px 0px;}
.testimonials {background:url(images/testimonials.jpg); color:#fff; padding: 70px 0px; width:100%; font-weight: 200; overflow: hidden; font-size:17px; line-height: 25px;}
.testimonials .title{font-style:normal; font-weight: 600; width: 100%; text-align: right; display: block; margin: 15px 0px 0px; color:#ffac30}
ul.navi {margin-left:-15px; padding:0px; margin-right:-15px; margin-top:17px; margin-bottom:30px;}
.navi li {list-style:none; float:left; padding:9px 20px;  }
.navi a{ cursor: pointer; text-align:center; text-transform:uppercase; margin-top:0px;
   float:left; font-weight:900; font-family: "Dosis"; transition:0.5s all; color:#666; font-size:16px; display:block; letter-spacing:0px; }
.navi li:last-child a{border:none;}
.navi a:hover{color:#111;}
.navi li.active a{  background: -webkit-linear-gradient(30deg, #2e97d9, #2d4588);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; color:#2e97d9}
.navi{margin-top:10px; overflow:hidden;}
.topbar .navi {margin-top:0px; margin-left:0px; display:block; padding-top: 40px}

.blog-list{float:left; width: 100%; padding: 60px 0px;}
 .topbox{margin-left:-50px; margin-right:-50px; margin-top:-45px;}

 h1.page-title{position:absolute; margin-top:0px; z-index:200; top:73px;  color:#fff; font-size:44px; line-height:46px; text-shadow:0px 0px 10px rgba(0,0,0,0.5);}

/*BANER */

@-webkit-keyframes zoomin {
0% {
    -webkit-transform: scale(1);
}
100% {
    -webkit-transform: scale(1.1);
}
}




.adwokatura{position: absolute; bottom:40px; left:80px; z-index: 3}




/* --------------------------------------------------------------- Comeon --------------------------------------------------------------- */
section.comeon{
  padding:100px 200px;
  overflow: hidden;
  background: #dfdfdf;
  color:#2e2e2e;
  line-height: 27px;
  font-size:19px;
  font-weight: 400;
}


section.okancelarii{
  background-size:cover;
  padding:100px 150px;
  overflow: hidden;
  color:#fff;
  line-height: 27px;
  font-size:17px;
  font-weight: 400;
}



body.down .menumobiletoggle{}
.menumobiletoggle{position: fixed; top:24px;  display: none; right:20px; z-index: 10001; font-size:24px; cursor: pointer;}
.menumobiletoggle:after{
  position: absolute;
  top:0;
  color:#222;
  right:0;
  content: "\e814";
  font-family: "law";
  padding:10px;
  background: rgba(255,255,255,0.8);
  font-size:32px;
  transition: 0.5s all;
}
.menumobiletoggle.open:after{
  content: "\e820";
  color:#333;
  background: #fff;
}

.sidepanel li{list-style-type: none; padding: 10px 0px;}
.sidepanel li a{font-weight: bold; font-size:17px; text-transform: uppercase;}

.sidepanel{position: fixed;
  overflow: auto;
  transition: 0.5s all;
    top:0px;

   width:300px; background: #fff; padding: 40px 30px; z-index: 10000; height:100%;
   right:-360px; box-shadow: 0px 0px 50px rgba(0,0,0,0.3)}
.sidepanel.open{right:0;}

.bl{display: block!important}



.pace .pace-progress {
  background: #2b2758;
  position: fixed;
  z-index: 2000;
  top: 10px;
  right: 100%;
  width: 100%;
  height: 2px;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

section.okancelarii h1{text-align: center; font-family: "Dosis"; font-weight: bold; font-size:29px; line-height: 45px; color:#fff; margin-bottom: 30px;  text-decoration: underline;}
section.okancelarii h2{font-weight: 900; color:#fff;  font-size:25px; border-bottom: 2px solid #ceb089; padding: 0px 0px 5px; line-height: 25px; display: inline-block;  margin: 0px 0px 20px;}

section.okancelarii p{margin: 0px 0px 5px; }

section.okancelarii img{float: right;}

#loader{position: fixed; left:50%;  text-align: center; width:300px; color:#777;  margin-left:-150px; top:40%; font-size:20px; z-index: 3000;}

.loading{position: relative; font-style: italic; font-weight: 300;}
.loading:after {
  content:  ' .';
  animation: dots 1s steps(5, end) infinite;}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: #333;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 #333,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 #333,
      .5em 0 0 #333;}}



#page{opacity:0; transition: 0.6s all;   box-shadow: 0px 0px 33px rgba(0,0,0,0.15);
}
#page.visible{opacity: 1;}


section.specjalizacje{
  background-size:cover;
  padding:100px 150px;
  overflow: hidden;
  color:#fff;
  line-height: 27px;
  font-size:17px;
  font-weight: 300;
}
.specjalizacje .col-sm-3:last-child{border: none;}
.specjalizacje .col-sm-3{
  border-right:1px solid #c99e67;
  padding:0px 30px 0px;
  margin-top: 20px;
}
.specjalizacje .col-sm-3 a{color:#c99e67; font-weight: bold; font-family: "Dosis"; margin: 10px 0px 0px; text-decoration: underline; display: block;}



.specjalizacje h1{text-align: center; font-family: "Dosis"; font-weight: bold; font-size:29px; line-height: 45px; color:#c99e67; margin-bottom: 30px;  text-decoration: underline;}
.specjalizacje h2{font-weight: 700; color:#c99e67;  font-size:17px; text-decoration: underline; padding: 0px 0px 5px; line-height: 22px; display: inline-block;  margin: 0px 0px 20px;}

.specjalizacje ul {margin: 0px; padding: 0px;}
.specjalizacje li{list-style-type: none;  position: relative; padding: 0px 0px 20px; margin: 0px;}
.specjalizacje li:after{content:''; position: absolute; width:30px; bottom:8px; left:0px;  left:50%; margin-left: -15px; height:1px; border-bottom: 1px solid #c99e67; }

.specjalizacje p{margin: 0px 0px 5px; }

.specjalizacje img{float: right;}

section.wspolpraca{
  background: url(images/sygnet.png) no-repeat 50% 16% #dfdfdf;
  padding:100px 300px 50px;
  overflow: hidden;
  color:#333;
  line-height: 27px;
  font-size:17px;
  font-weight: 300;
}
.wspolpraca.dark{
  color:#fff;
  padding:100px 150px;
  background-size:cover;
}
.wspolpraca h1{text-align: center; font-family: "Dosis"; font-weight: bold; font-size:29px; line-height: 45px; color:#c99e67; margin-bottom: 30px;  text-decoration: underline;}
.wspolpraca h2{font-weight: 300; color:#333;   font-family: "Dosis"; font-size:37px; text-decoration: none; text-align: center; padding: 0px 0px 5px; line-height: 42px; width:100%;  margin: 36px 0px 36px;}
.wspolpraca.dark h2{ font-weight: 700; font-size:20px; line-height: 30px; color:#fff; text-decoration: underline; text-align: left;}
.wspolpraca.dark .col-sm-3{text-align: justify;}

section.kontakt h1{text-align: center; font-family: "Dosis"; font-weight: bold; font-size:29px; line-height: 45px; color:#fff; margin-bottom: 30px;  }

section.kontakt{
  background-size:cover;
  padding:100px 200px 40px;
  overflow: hidden;
  color:#fff;
  line-height: 27px;
  font-size:17px;
  font-weight: 300;
}
section.kontakt .col-sm-4{margin-top: 55px;}
section.kontakt .col-sm-8{margin-top: 61px}
section.kontakt h2{font-weight: 600; color:#fff; font-family: "Dosis"; font-size:20px; text-decoration: none; text-align: left; padding: 0px 0px 5px; line-height: 22px; width:100%;  margin: 36px 0px 36px;}

.wspolpraca .col-sm-3{
  padding:0px 30px 0px;
}
.hideme.left{ left:-300px; }
.hideme.left.visible{left:0; }

.hideme.right{ right:-300px; }
.hideme.right.visible{right:0; }







.hideme{opacity: 0; transition: 1.5s all;  position: relative; }
.hideme.visible{opacity: 1;  }

.baner{ width:100%; height:100vh; position: relative;

    background-size:cover;

    background-position-x: 50%;
    background-position-y: 0%;}


    @-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
    }

.baner.small{height:auto; overflow: hidden; color:#fff;}
.baner.small .slogan{padding: 150px 400px;}
.baner.small .slogan h1{color:#fff;}

.baner .mainpic{margin-top:25px;}
.baner .wrap{ position:absolute;  left:50%; margin-left:0px; width:560px; top:5%; text-align:right; margin-top:80px; margin-right:0px; color:#fff; }
.baner li{height:500px; background-position:top center;}
.baner strong{font-weight:900;}
.baner .btn{ background:url(images/act.jpg) #f7941e;  float:right; margin-top:30px; padding:18px 35px; border:none; margin-top:15px; color:#fff; font-weight:900; font-size:14px; letter-spacing:0px; transition:0.5s all}
	.baner .btn:hover{ background:#222;}

.listabox{margin:0px 0px 0px; padding:0px;}
.listabox li{list-style-type:none;}

#content{ overflow:hidden; font-size:16px; font-weight:300; line-height:26px;}
#content h1{font-weight:900; font-size:28px; text-transform:uppercase; letter-spacing:0px; }
.oferta p{margin:0px;}
.oferta {min-height:90px;margin-top:10px; font-size:14px;}
.oferta .f-left{margin-right:20px; margin-top:20px; margin-bottom:20px;}
.oferta h1{text-transform:uppercase; font-size:20px; color:#333;}

.oferta section{cursor:pointer;}
.error{color:#ea4024; font-size:12px; font-weight:bold; display:block; margin:0px 0px 5px;}
.msg{color:#68bb0f; font-size:12px; font-weight:bold; display:block; margin:0px 0px 5px;}


#content.kontakt .btn-reverse:hover{background:none; color:#333; border:1px solid #333;}

.promopopup {
    background: rgba(0,0,0,0.8);
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
	display:none;
    z-index: 100000;
}
.relative{position:relative;}
.promopopup .wrap {
    margin: 50px auto 0px;
	width:600px;
	background:#fff;
	padding:50px;

	color:#888;
    position: relative;
}
.mapbox {
    margin-left: -35px;
    margin-right: -35px;
    margin-top: -30px;
	margin-bottom:30px;
}
.mapbox img{max-width:none; }

#map{width:100%; height:500px;}

img.right-side{margin-right:-50px; max-width:50%; float:right; margin-left:20px;}
img.left-side{margin-left:-50px; max-width:50%; float:left; margin-right:30px;}
img.fullw{margin-left:-50px; margin-top:25px; margin-bottom:25px;  margin-right:-50px; display:block; max-width:114%;}

.copy{margin-left:26%;}

.contactus{width:100%; background:#22262e; clear:both; overflow:hidden; margin-top:0px; color:#fff; padding:0px 0px 20px 0px; line-height:24px; font-size:12px;}
.contactus .container{padding:20px 0px; text-transform:uppercase;}
.contactus h1 {font-size:20px; color:#fff; margin-bottom:15px;}
.contactus input,.contactus textarea{ padding:5px 10px; background:#282c35; color:#fff; border-color:#474c56;}
.contactus .btn{ background:#f7941e;    padding:10px 35px; border:none; margin-top:6px; color:#fff; font-weight:900; font-size:14px; letter-spacing:0px; transition:0.5s all}
	.contactus .btn:hover{ background:#222;}


.footer{width:100%;  clear:both; overflow:hidden; margin-top:0px; color:#fff; padding:0px 0px 20px 0px; line-height:24px; font-size:12px;}
.footer .container{padding-bottom: 0px; text-transform:uppercase; color:#fff}
.footer .author{color:rgba(255,255,255,0.2); font-weight: 300;}
.footer .nav{padding:0px; margin:0px;}
.footer .nav ul{margin:0px; padding:0px; float:right; text-align:right;}
.footer .nav li{display:inline; list-style-type:none;  margin-bottom:10px; margin-left:15px;}
.footer .nav li a{color:#d6d9de; font-size:12px;  padding:0px 0px 10px 0px; }
.footer .nav a:hover{color:#f7941e;}
.footer i.glyphicons:before{color:#fff;}

.fullw{display:block; background:url(images/ramka.jpg) center;  text-align:center; padding:41px; font-weight:300; letter-spacing:2px;  font-size:16px; color:#fff; text-transform:uppercase; position:absolute; width:25%; top:450px; left:0px; }