/* default
 * ============================================ */
* 			     {margin: 0; padding: 0; outline: 0 none;} 
blockquote		{margin-left: 20px;}
table               {border-color: #beb9b9; margin-bottom: 20px}
table td            {border-color: #beb9b9; padding-left: 5px;}
p         		{padding: 0 0 20px 0; -moz-hyphens: none;}
p img               {vertical-align: middle}
a         		{color: inherit; text-decoration: underline; -webkit-transition: color 0.4s;-moz-transition: color 0.4s;-ms-transition: color 0.4s;-o-transition: color 0.4s;transition: color 0.4s;} 
a:hover   		{text-decoration: none;}
hr             	{border-top: 1px solid #939393; border-width:1px 0 0 0; height: 0; margin: 10px 0;}
h1,h2,h3,h4,h5,h6   {color: #253581; font:50px/1.3 "Montserrat","Arial Narrow",sans-serif; margin: 10px 0;}
h2                  {margin-bottom: 25px; line-height: 1.1;font-size: 40px; font-weight: 700}
h3                  {font-size: 33px; font-weight: 700 !important}
h4,h5,h6            {margin-bottom: 5px; font-size: 22px;font-weight: 700;}
#wrapper            {font: normal 16px/1.6 "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif; color: #00486f; text-align: left; min-height: 100%; overflow: hidden}
#body               {overflow: hidden; position: relative;}


/* content default
 * ============================================ */
.content ul,
.content ol         {margin-left: 20px; margin-bottom: 10px;}
.content ul > li    {list-style: outside disc;}
.content ol > li    {list-style: outside decimal;}

.content img        {max-width: 100%; height: auto !important;}
.content img.left   {margin-bottom: 10px; margin-right: 20px; float: left}
.content img.right  {margin-bottom: 10px; margin-left: 20px; float: right}

.content iframe     {border: 1px solid #beb9b9; max-width: 100%;}

::selection {background: #d1d2d3; color: #fff}
::-moz-selection {background: #d1d2d3; color: #fff}


/* dafault form
 * ============================================ */
form input[type=text], form select {display:block; width:100%; height:32px; line-height: 32px;}
form input[type=text], form select, form textarea {background: #eff3fa;
    padding-left: 10px;
    border: 0px solid #d2d2d2;
    margin-bottom: 7px;
    font-family: inherit;
    color: #5D5757;
    border-radius: 6px;
    height: 45px;}
form input[type=text]:focus, form select:focus, form textarea:focus {border-color: #adaa9f}
input[type="checkbox"] {
    margin: 8px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

form select {padding: 4px 3px 3px 10px;}
form select option {padding: 2px 10px;}
form textarea {padding:8px 10px; width:100%; max-width:100%; min-width:100%; overflow:auto;}
form label {line-height: 28px !important;}
form  input[type=submit] {background: #403C3D; border: 0 none; color: #fff; height: 32px; line-height: 32px; display: block; cursor: pointer; margin-top: 7px; float: right; padding: 0 20px; border-radius: 3px}
form  input[type=submit]:hover {background: #6e6b6b}
form  input[type=submit]:active {background: #525050}
.form-wrap {width: 100%;}

form .one-half:nth-child(2n) {margin-right: 0}

form .captcha-wrap {float: left;}
form .captcha,
form #captcha {float: left; margin-right: 10px; margin-top: 7px}
form input[name=kod],
form input[name=kod2] {width: 140px; float: left; margin-right: 15px; margin-top: 7px}


/* dafault sidebar
 * ============================================ */
.sidebar {margin: 0;}
.sidebar .box {list-style: none outside none; margin-bottom: 15px}
.sidebar .box:last-child {margin-bottom: 0;}

.sidebar h3.box-title {margin-bottom: 25px; font-size: 28px;}
.sidebar .button {float: right}


/* class
 * ============================================ */
.content01     	{float: left; width: 45%;}     
.content02     	{float: left; width: 45%; margin-left: 10%;}
.content03          {float: left; width: 100%; clear: both}
.wrongVal           {background: #ee8282 !important; border-color: #d83939 !important}
.msg                {clear: both; padding: 10px 0 15px;}
.strong             {font-weight: bold}

.wrap               {width: 1300px; margin: 0 auto;}
/*.page .wrap               {width: 1140px; margin: 0 auto;}*/
.clearfix:after     {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix           {display: block;}

.button             {/*background: url('../images/wiecej.png') no-repeat right center;*/ color: #789cba; padding: 0 15px 0 0; display: inline-block; font-family: "HelveticaNeueW01-75Bold","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: bold;}
.button:hover       {text-decoration: none}
.special-container  {background: #ebebec; padding: 30px 100px 10px; color: #fff; font-size: 18px; line-height: 1.3}
.slider-content a.btn    {width: auto; bottom: 150px; color: inherit;width: auto; z-index: 11; position: relative; top: auto;}

.one-half {width: 49%; float: left; margin-right: 2%}
.one-third {width: 32%; float: left; margin-right: 2%; margin-bottom: 50px}
.one-fourth {width: 24%; float: left; margin-right: 1%}

.one-half.last-item, .one-third.last-item,
.one-fourth.last-item {margin-right: 0}

.success    {color: #008000}
.danger     {color: #b40000}

.titlewrap {display:none;}

.btn:focus,.btn:active,
a:focus, a:active   {outline: none !important;}

/* common
 * ============================================ */
.form-wrap, form textarea, form input[type=text],
#main, .content img, #logo, .desc-wrap, .special-container, .one-third {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#nav a, #header a, #nav:not(.active), .button,
.slider-content-nav .slider-prev, .slider-content-nav .slider-next,
#text-97ab, #text-de65, #text-062b, #text-0415  {-webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;}


/* header
 * ============================================ */
#header {margin: auto; position: absolute;
    z-index: 99;
    top: 0;width: 100%}
#header a {text-decoration: none;color: #fff;}
#header a:hover {opacity: 0.8}

#top_row {display: block; width: 100%;}
 
 #top_bar {}

#top {height: 170px}

#top .top-right {float: right; text-align: right; color: #00486f; padding-top: 60px; font: normal 32px/1.2em  "franklin_gothic_medium_condRg","Arial Narrow",sans-serif}

#logo {margin: 0; padding: 12px 0 4px; line-height: 110px;  display: block; float: left;}
#logo img {max-width: 100%; max-height: 100%;  vertical-align: middle;}
.links {float: right; padding-top: 25px; padding-right: 10px; font-size: 13px}
.links li {display: inline-block; margin-left: 20px}

#langs {background: #F4F4F4; position: absolute; right: 0; top: 0; padding: 10px 10px; line-height: 0.8}
#langs li, #langs li span, #langs li a {display: inline-block}
#langs li {margin: 0 5px}
#langs li span, #langs li a {background: url('../images/langs.png') no-repeat; background-size: cover; width: 22px; height: 14px; text-indent: -20px; overflow: hidden;}

#langs li.active {opacity: 0.5}

#langs li.lang-pl span, #langs li.lang-pl a {background-position: left top}
#langs li.lang-en span, #langs li.lang-en a {background-position: left -16px}
#langs li.lang-de span, #langs li.lang-de a {background-position: left -33px}


/* top-row (poziom z menu)
 * ============================================ */

 #top-row {width: 100%;position: absolute; z-index: 100;}

 #top-bar {width: 100%}

 #top-bar .wrap {width: 1300px}

 .top-bar-con {width: 100%; float:left}

 .tbc-box {width: 50%;float:left}

 .tbc-box.tbc-box-1 {width: auto;padding-top: 30px;} 

 .tbc-box.tbc-box-2 {width: calc(100% - 207px);float: right;} 

 .tbcb-con {width: 100%; float: left;}

 .tbcbc-box  {float: left; width: 100%;}

 .tbcbc-box.tbcbc-box-1 {padding-right: 12px;margin-top: 16px;color: #98a3d4;font-family: 'Montserrat'; font-weight: 500; font-size: 14px; letter-spacing: 0.8px;}

 .tbcbc-box.tbcbc-box-2 {margin-top: 35px;}

 .tbcbcb-con {float: left;width: 100%;}

 .contacts-details {}

 .tbcbcbc-box {float: right; width: 100%; }

 .contacts-details .tbcbcbc-box {float: right;width: auto;text-align: right; margin: 0 0 0 40px;}

 .tbcbcbc-box-1  {width: auto; text-align: right;}

 .phone-number-1 {background: url(../img/e-mail-icon.png) no-repeat 36px 2px;}

 .tbcbcbc-box-2 {width: auto; text-align: right;}

 .phone-number-2 {background: url(../img/phone-icon.png) no-repeat 55px 2px;}

 .tbcbcbc-box-3 {}

 .adres-e-mail {background: url(../img/phone-icon.png) no-repeat 38px 2px;}

 .navigation {display: flex; justify-content: flex-end;}

 .menu-box {line-height: 43px;padding-right: 30px;}

 .menu-box ul {list-style: none;}

 .menu-box ul li {display: inline;}

 .menu-box ul li a {overflow: hidden;
margin-right: 15px; position:relative;font-family: 'Montserrat'; font-size: 15px; font-weight: 300; letter-spacing: 0.8px; text-decoration: none;}

 

.menu-box ul li a:hover:after {transform:scaleX(1);}

 .menu-box ul li a:hover {color: #10a8f1;}

 .button-order {}

 .button-order a {overflow: hidden; position: relative;  text-decoration: none; padding: 15px 30px; border-radius: 30px; float: left; font-family: 'Montserrat'; font-size: 13px; letter-spacing: 1px;font-weight: 500;
}

 .order-site {background:  #e42a7b; z-index: 0;}


 .button-order a:before {content: "";
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background:#10a8f1 ;
float: left;
width: 100%;
position: absolute;
border-radius: 0px;
transform: scaleY(0);
transition: all 0.2s ease;}
 .button-order a:hover:before {transform: scaleY(1);}

 .desc p {font-size:18px;color:#929ed6;line-height: 28px;hyphens: none;}

 .slide-description a {
    position: relative;
    padding: 16px 28px;
    border-radius: 30px;
    font-family: 'Montserrat';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 1px;
    float: left;
    overflow: hidden;
}


/* works - row (wiersz z ostatnimi realizacjami)
 * ============================================ */
  
 #works-row {width: 100%}

 #works-bar {width: 100%}

 .works-bar-con {width: 100%; float:left}

 .wbc-box {width: 50%;float:left}

 .wbc-box.wbc-box-1 {padding: 30px 0%; width: 100%; text-align: center;padding: 30px 0%;}

 .wbc-box.wbc-box-2 {margin-bottom: 25px; width: 100%; text-align: center; font-family: 'Montserrat'; font-size: 17px; font-weight: 300; letter-spacing: 0px; color: #909090; line-height: 28px;}

 .slider-works {    width: 100%;}

 .slider-works-con {width: 100%; padding-top: 28%; background: url(../images/slide-works.jpg);}




 /* about - row (wiersz z informacjami o firmie - info o firmie, liczby, oferta)
 * ============================================ */

 #about-row {width: 100%;background: url(../images/bg-about.png) 0px 108px;    padding-bottom: 100px;}

 #about-bar {width: 100%}

 .about-bar-con {width: 100%; float:left}

 .abc-box {width: 100%;float:left}

 .abc-box.abc-box-1 {} 

 .abcb-con {float: left; width: 100%;}

 .abcb-con-1 {}

 .abcb-con-2 { padding: 3% 0% 5% 0%;}

 .abcb-con-3 {}

 .abcbc-box  {width: 50%; float: left;}

 .page  .abcbc-box  {width: 100%; float: left;}

 .abcb-con-2 .abcbc-box {width: 100%;float:left;}

 .abcb-con-2 .abcbc-box .abcbcb-con {width: 100%;float:left;}

 .abcb-con-2 .abcbc-box .abcbcb-con .abcbcbc-box {width: 21%;float:left; margin-right: 5%}

 .abcb-con-2 .abcbc-box .abcbcb-con .abcbcbc-box .abcbcbcb-con {width: 100%;float:left;}

 .abcb-con-3 .abcbc-box {width: 100%;float:left;}

 .abcb-con-1 .abcbc-box-2 {padding: 5% 0%;}

 .abcb-con-1 .abcbcbc-box-2 {color: #7f7f7f; font-size: 15px;  font-family: 'Montserrat'; font-weight: 500; line-height: 26px; padding: 6% 0%;}
 
 .sample-read-more {background: #e42a7b; z-index: 0;}

 .abcb-con-1 .abcbcbc-box-3 a {overflow:hidden; position:relative; float: left; color: #fff; border-radius: 45px; padding: 15px 30px; text-transform: uppercase; text-decoration: none; font-family: 'Montserrat'; font-size: 13px; letter-spacing: 0.8px;}

 .abcb-con-1 .abcbcbc-box-3 a:before {content: ""; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #10a8f1; float: left; width: 100%; position: absolute; border-radius: 0px; transform: scaleY(1); transition: all 0.2s ease; }

 .abcb-con-1 .abcbcbc-box-3 a:hover:before {transform: scaleY(0);}

 .abcb-con-1 .abcbcbc-box-3 a:hover {}

 .abcb-con-2 .abcbcbcbc-box-1 {color: #10a8f1; font-family: 'Montserrat'; font-weight: 700; font-size: 60px;}

 .abcb-con-2 .abcbcbcbc-box-2 {font-family: 'Montserrat'; font-size: 18px; color: #949494;}

 .abcb-con-2 .abcbcbc-box-4 {    margin-right: 0% !important;}

 .abcb-con-3 .abcbc-box-1 {text-align: center; padding: 30px 0%;}

 .abcb-con-3 .abcbc-box-2 {    margin-bottom: 25px; width: 100%; text-align: center; font-family: 'Montserrat'; font-size: 17px; font-weight: 300; letter-spacing: 0px; color: #909090; line-height: 28px;}

 .abcbc-box-1 {}

 .abcbc-box-1 img {padding-left: 12px;padding-right: 24px;max-width: 100%;height: auto;}

 .abcbc-box-2 {}

 .abcbcb-con {float: left; width: 100%;}

 .abcbcbc-box {float: left; width: 100%;}

 .services {}

 .services a {font-size: 17px;
    font-family: 'Montserrat';
    text-decoration: none;
  font-weight: 500;
    letter-spacing: 0.2px;
padding-top: 180px;
display: block;}

 .services .abcbcbc-box {float: left;
    width: 23%;
    margin-right: 2.5%;
    background: url(../img/services-icon-1.jpg) #fff no-repeat center 56px;
    box-shadow: 0px 0px 15px #e8e6e6;
    border-radius: 5px;
    margin-top: 1.5%;
    margin-bottom: 1.5%;
    text-align: center;
    /*padding-top: 15%;
    padding-bottom: 3.5%;*/
    min-height: 290px;
    position: relative;
    top: 0px;
    transition: all 0.3s ease;
    cursor: pointer;
   color: #686a6a;
    padding: 180px 1% 1%;
    margin-left: 0;}

.page-id-4 .services .abcbcbc-box {padding:0px}  

.services .abcbcbc-box:hover {top: -10px; background: url(../images/services-icon-1.jpg) #e42a7b no-repeat center 56px; color: #fff !important;}

 .abcbcbc-box.services-1 {background: url(../images/services-icon-2.png) #fff no-repeat center 56px;}

 .abcbcbc-box.services-1:hover {background: url(../images/services-icon-2.png) #e42a7b no-repeat center 56px;}

 .abcbcbc-box.services-2 {background: url(../images/services-icon-1.png) #fff no-repeat center 56px;}

 .abcbcbc-box.services-2:hover {background: url(../images/services-icon-1.png) #e42a7b no-repeat center 56px;}

 .abcbcbc-box.services-3 {background: url(../images/services-icon-3.png) #fff no-repeat center 56px;}

 .abcbcbc-box.services-3:hover {background: url(../images/services-icon-3.png) #e42a7b no-repeat center 56px;}

.abcbcbc-box.services-4 {margin-right: 0%;background: url(../images/services-icon-5.png) #fff no-repeat center 56px;}

 .abcbcbc-box.services-4:hover {background: url(../images/services-icon-5.png) #e42a7b no-repeat center 56px;}

 .abcbcbc-box.services-5 {background: url(../images/services-icon-4.png) #fff no-repeat center 56px;}

 .abcbcbc-box.services-5:hover {background: url(../images/services-icon-4.png) #e42a7b no-repeat center 56px;}

 .abcbcbc-box.services-6 {background: url(../images/services-icon-6.png) #fff no-repeat center 56px;}

 .abcbcbc-box.services-6:hover {background: url(../images/services-icon-6.png) #e42a7b no-repeat center 56px;}

 .abcbcbc-box.services-7 {background: url(../images/services-icon-7.png) #fff no-repeat center 56px;}

 .abcbcbc-box.services-7:hover {background: url(../images/services-icon-7.png) #e42a7b no-repeat center 56px;}

 .abcbcbc-box.services-8 {margin-right: 0%;background: url(../images/services-icon-8.png) #fff no-repeat center 56px;}

 .abcbcbc-box.services-8:hover {background: url(../images/services-icon-8.png) #e42a7b no-repeat center 56px;}

 .abcbcbc-box-1 {}

 .abcbcbc-box-2 {}

 .abcbcbc-box-3 {}

 .abcbcbc-box-4 {}

 .abcbcbc-box-5 {}

 .abcbcbc-box-6 {}

 .abcbcbc-box-7 {}

 .abcbcbc-box-8 {}

 .abcbcbcb-con {}

 .abcbcbcbc-box {    float: left; width: 100%;}

 .abcbcbcbc-box-1 {}

 .abcbcbcbc-box-2 {}



  /* REVIEWS-ROW (poziom - opis z opiniami)
 * ============================================ */

 #reviews-row {width: 100%; background: linear-gradient(45deg, #2b3c83, #3c54b5);}

 #reviews-bar {width: 100%;background: url(../images/bg-reviews-5.png) -16px;}

 .reviews-bar-con {width: 100%; float:left}

 .rbc-box {width: 50%;float:left}

 .rbc-box.rbc-box-1 {width: 5%;padding-top: 27%;} 

 .rbc-box.rbc-box-2 {/*width: 90%;padding: 0% 5%;*/} 

 .rbc-box.rbc-box-3 {width: 5%;padding-top: 27%;} 

 .rbcb-com {    float: left;width: 80%; margin: 0 10%;min-height: 360px;}

 .rbcbc-box {float: left; width: 100%;}

 .avatar  {text-align: center; padding: 12% 0% 0% 0%;}

 .namecompany {font-size: 30px; font-family: 'Montserrat'; color: #fff; font-weight: 600; text-align: center; padding: 10% 0% 1%;}

 .review-text { font-size: 16px; font-weight: 400; color: #9aa1c6; text-align: center; line-height: 26px;}

 .review-pagin {text-align: center; padding: 3% 0% 10% 0%;}



 /* FORM-ROW (poziom - z formularzem)
 * ============================================ */

 #form-row {width: 100%;border-top: 1px solid #dddada;}

 #form-bar {width: 100%;background: url(../images/bg-form.jpg) 5px;padding-bottom: 85px;}

 .form-bar-con {width: 100%; float:left}

 .fbc-box {width: 100%;float:left}

 .fbc-box.fbc-box-1 {text-align: center;padding: 75px 0% 45px 0;} 

 .fbc-box.fbc-box-2 {} 

 .fbc-box.fbc-box-3 {} 

 #form-contact-wrap {width: 100%;float: left}

 .rows {width: 100%; float: left;padding: 1.3% 0%;}

 label { display: inline-block; margin-bottom: 0.5rem; font-size: 14px; font-weight: 500;float: left; width: 95%; line-height: 22px; color: #525e95;}

 #form-contact-wrap .form-control { border-radius: 0; font-size: 1.1rem; padding-top: 1rem; padding-bottom: 1rem; width: 100%; float: left; background: #eff3fa; border: 0px; border-radius: 4px; padding-left: 15px; font-family: 'Roboto'; font-size: 15px; font-weight: 400; color: #525e95; padding-right: 15px;}

.form-group {width: 32%; float: left; margin-right: 2%;}

.form-group.form-group-last {margin-right: 0%;}

.form-group-2 {width: 23%; float: left; margin-right: 2%;}

.form-group-2.form-group-2-last {margin-right: 0%; width: 50%;padding-top: 0px;}

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; float: left; width: 3%;  margin-top: 2px;}

.form-group-3 {width: 100%;text-align: center;}

.btn.w-100 {position: relative; overflow:hidden; cursor:pointer; margin-top: 10px; color: #fff; border-radius: 45px; padding: 16px 55px; text-transform: uppercase; text-decoration: none; font-family: 'Montserrat'; font-size: 13px; letter-spacing: 0.8px;  border: 0px;}

 .btn.w-100:before {content: ""; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #10a8f1; float: left; width: 100%; position: absolute; border-radius: 0px; transform: scaleX(1); transition: all 0.2s ease; }

 .btn.w-100:hover:before {transform: scaleX(0);}

 .btn.w-100:hover {background: #10a8f1}


.form-control.form-texarea {min-height: 250px;}



/* FOOTER-ROW (poziom - ze stopka)
 * ============================================ */

 #footer-row {width: 100%; background: linear-gradient(45deg, #48475e, #61627e);}

 #footer-bar {width: 100%;padding: 100px 0px;}

 .footer-bar-con {width: 100%; float:left}

 .fobc-box {width: 100%;float:left}

 .fobcb-con {width: 100%; float: left;}

 .footer-menu-row { /*font-family: 'Roboto';*/ font-size: 15px; color: #9c9ca8; padding-bottom: 50px;}

 .footer-copy-row {color: #9c9ca8;border-top: 1px solid #79798e; padding-top: 45px;}

 .fobcbc-box {float: left; margin-right: 14.8%;}

 .fobcbc-box.fobcbc-box-4 {margin-right: 0%;}

 .fobcbc-box.fobcbc-box-5 {margin-right: 0px; width: 50%;}

 .fobcbc-box.fobcbc-box-6 {margin-right: 0px; width: 50%; text-align: right;}

 .footer-m-row2-con {float: left;width: 100%; }

 .footer-m-row2-box {float: left;margin-right: 10px}

 .footer-m-row2-box.footer-m-row2-box-1 {padding-top: 6px;}

 .footer-m-row2-box.footer-m-row2-box-2 {width: 100%; padding-top: 6px;}

 .footer-m-c-box ul {list-style: none;}

 .footer-m-c-box ul li {line-height:35px;}

 .footer-m-c-box ul li a {text-decoration: none}

 .footer-m-c-box ul li a:hover {text-decoration: underline; color:#10a8f1;}

 .footer-m-c-box ul li a:hover {}

 .fobcbc-box.fobcbc-box-1 .footer-m-c-box.footer-m-c-box-1 {margin-bottom: 29px;}
 .footer-m-c-box.footer-m-c-box-1 {margin-top: 13px;font-family: 'Montserrat'; font-size: 15px; color: #fff; margin-bottom: 25px;}
 
 .footer-m-c-box.footer-m-c-box-1.footer-logo {margin-top: 0px;}

 .footer-box-p { padding: 0px; margin-right: 3px; color: #10a8f1; font-weight: 700;display: inline-block;margin-bottom: 0;}

 .fb-link-footer {float: left; width: 33px; height: 30px; background: url(../images/fb-icon-2.png) no-repeat 0px 0px ;}

.fb-link-footer:hover {background: url(../images/fb-icon-2.png) no-repeat 0px -30px;}

.polityka-pryw {text-decoration: none}

.polityka-pryw:hover {text-decoration: underline; color:#e42a7b;}




/* PAGE (podstrony - ogolenie)
 * ============================================ */

#site-title-row {width: 100%}

#site-title-bar {width: 100%;background: url(../images/site-bg.jpg) no-repeat;background-size: 100%;}

.site-title-bar-con {width: 100%; float:left}

.stb-box {width: 100%; float: left;  text-align: center; padding: 13.5% 0% 22% 0%;}

.stb-box h3 {font-size: 50px; font-weight: 600;  color: #fff;}

.stb-box h3:after {content: ""; top: 23px; bottom: 0; left: 0; right: 0;  background: #10a8f1; float: left; width: 16%; height: 2px; margin: 0px 42%; position: relative;}

#page-content-row {width: 100%}

#page-content-bar {width: 100%;border-bottom: 1px solid #e5e5e5; padding-bottom: 5%;}

.page-content-bar-con {width: 100%; float:left}

.pcbc-box {width: 100%;float:left}

.about-row-1-con {width: 100%; float: left;margin-bottom: 6%;}

.ar1c-box {    float: left;width: 50%;}

.ar1cb-con {float: left; width: 100%;}

.ar1cbc-box h2 {margin-bottom: 40px;}

.ar1cbc-box-2-text {line-height: 28px;}

.about-row-2-con {float: left; width: 100%;margin-bottom: 6%;}

.ar2c-box  {background: #eff3fa; font-size: 23px; font-weight: 600; color: #0c0d0f; padding: 5%; border-radius: 7px;  line-height: 35px; text-align: center;}

.ar2c-box a {color: #e42a7b}

.about-row-3-con {float: left; width: 100%;}

.ar3c-box {float: left; width: 100%;}

.ar3cb-con {float: left; width: 100%;}

.ar3cbc-box {float: left; width: 50%;}

.ar3cbc-box h2 {margin-bottom: 40px}

.ar3cbc-box.ar3cbc-box-2 {text-align: right;}

.ar3cbc-box-1-text {line-height: 28px;}

.page #form-bar {background:url(../images/bg-form-page.jpg);}




.slider-read-more {
    background: #3ea9f4;
    z-index: 0;
    position: relative;
    padding: 13px 28px;
    border-radius: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 0.6px;
    float: left;
    overflow: hidden;
    font-weight: 600;
    color:#fff;
}

.slider-read-more:after {
    background: #3ea9f4;
}

.col-md-12-modify-30 {background: #eff3fa;
    border-radius: 8px;font-size: 23px;
    font-weight: 600;
    color: #0c0d0f;
    padding: 5%;
    border-radius: 7px;
    line-height: 35px;
    text-align: center;}


.ref-title {}
.ref-text {}
.ref-pdf {}
.ref-pdf a {    color: #e42a7b;font-weight: 700;text-decoration:none;}
.ref-pdf a:hover {  text-decoration:underline;}
.ref-autor {}
.col-md-6-contener {background: #f5f5ff;  padding: 50px;float: left; border-radius: 8px;}
.row-ref {float: left; margin-bottom: 30px;}

.col-md-7 iframe {border-radius: 30px}


   



/* main
 * ============================================ */
#main {position: relative; padding: 40px 0; color: #00486f}
.page-template-ext #main {padding: 0}
.page-template-ext #main {width: 100%}
.box-text {margin-bottom: 15px}

.page-sidebar-column #content {width: 650px; float: left}
#sidebar-column {float: left; width: 310px; margin-left: 20px}

.sidebar-column-left.page-sidebar-column #content {float: right}
.sidebar-column-left #sidebar-column {margin-left: 0}


/* nav (horizontal)
 * ============================================ */
#nav {}
#nav .menu {padding: 11px 0;margin: 0;}

#nav .menu li {list-style: none outside none; position: relative;}
#nav .menu > li {display: inline-block; border-right: 1px solid rgba(247, 248, 252, .03);}
#nav a {text-decoration: none; font:15px/28px "Montserrat","Arial Narrow",sans-serif; color: #fff; display: block; padding: 0 7px;font-weight: 500;text-transform: uppercase;}
#nav .menu ul li a.level-1-link {color: #253581 !important;text-align: left;letter-spacing: 0px;padding: 5px 30px 5px; font-size: 17px;}
#nav .menu ul li a.level-1-link::before {content: "";}

#nav .menu > li:hover > a,
#nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {color: #e42a7b; opacity: 1}

#nav .menu > li.parent:hover > a {border-radius: 4px 4px 0 0}

#nav .menu > li:last-child {margin-right: 0; border-right: 0}

/* submenu */
#nav .menu ul {background: #fff; position: absolute; left: 0; top: 31px; display: none;  padding: 15px 15px 10px; z-index: 196; min-width: 115%; visibility: hidden; border-radius: 0 4px 4px 4px;}
#nav .menu ul li {border-bottom: 1px dotted #fff; white-space: nowrap;}
#nav .menu li:last-child ul {left: auto; right: 0;}
#nav .menu li:hover > ul {display: block; visibility: visible}
#nav .menu li:hover > ul.not-visible {display: none;visibility: hidden;}
#nav .menu li:hover > ul.visible {}
#nav .menu ul li a {padding: 7px 30px 7px; font-size: 16px; text-transform: none; padding-left: 15px; float: none !important; margin: 0; -webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-ms-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: color 0.4s;}
#nav .menu ul li a:before {content: "→"; float: left; font: normal 13px/1.7 Arial, Helvetica, sans-serif; text-indent: -9px; overflow: hidden; margin-right: 15px; display: inline-block; height: auto; width: auto}
#nav a::after {content: "";
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #db277b;
    float: left;
    width: 100%;
    height: 3px;
   
    transition: all 0.2s ease;
    border-radius: 20px;
    transform: scaleX(0);}

 #nav a:hover::after {content: "";
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #db277b;
    float: left;
    width: 100%;
    height: 3px;
   
    transition: all 0.2s ease;
    border-radius: 20px;
    transform: scaleX(1);}
#nav .menu ul li:last-child {border: none;}
#nav .menu ul a:hover {opacity: 1}

#nav .menu ul ul {left: 100%; top: -15px;} /* level 3 */

#button-mobile-menu {display: none; overflow: hidden}
#button-mobile-menu a {background: url('../images/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; /*opacity: 0.55*/;margin: 5px 5px 5px !important;
-webkit-box-shadow: 0px 0px 4px 0px rgba(44, 62, 132, 1);
-moz-box-shadow: 0px 0px 4px 0px rgba(44, 62, 132, 1);
box-shadow: 0px 0px 4px 0px rgba(44, 62, 132, 1);}
#button-mobile-menu a:hover {opacity: 1}


/* slider
 * ============================================ */
/* dla flexa z foto w background
/*#slider-content-20 img {display: none !important}*/
/*.flexslider .slides {list-style: none outside none}*/
/*#slider-content-20 .slides > li, #header-image {background-position: center center; background-size: cover; float: left; display: block; height: 728px;}*/
/*#header-image {float: none}*/

.slider-content-wrap {background: url('../images/loading.gif') #fff no-repeat center center; padding: 0; position: relative; margin-bottom: 25px;}
ul.slider-content {background: #fff; padding: 0; margin: 0; overflow: hidden;}
.slider-content li.item {background: none; display: block; padding: 0; max-width: 100%; float: left; position: relative}
.slider-content img {max-width: 100%; width: 100%;}
.slider-content .layer-mask {background: url('../images/slider-mask.png'); display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%}
.slider-content-slides {overflow: hidden}
.slider-content-loader {height: 0; padding: 0 0 50.5%}
.slider-content-wrap .desc-wrap:before {background: #bfbfbf; content: ""; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9}
.slider-content-wrap .desc-wrap {position: absolute; z-index: 10; color: #fff; left: 262px; bottom: 130px; top: 0; margin: auto; width: 675px; height: 310px; color: #fff; padding: 5px 5px 5px 50px; line-height: 1.2}
.slider-content-wrap .desc-wrap:after {/*background: url('../images/slider-desc-corner.png');*/ content: ""; width: 12px; height: 7px; display: inline-block; position: absolute; left: 0; bottom: -7px}
.slider-content-wrap .desc-wrap h3 {color: inherit; font-size: 58px; padding: 0;font-family: 'Montserrat';
    font-weight: 700;}

.slider-content a {width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 10}

.slider-content-nav {position: absolute; right: -12px; bottom: 0; top: 0; margin: auto; z-index: 10; height: 45px;}
.slider-content-nav .slider-prev, .slider-content-nav .slider-next {background-image: url('../images/arrows-slider.png'); background-repeat: no-repeat; width: 45px; height: 45px; font-size: 18px; line-height: 18px; vertical-align: middle; display: block; color: #fff; margin: 55px 0 0 1px; text-align: center; text-indent: -2000em; opacity: 0.8}
.slider-content-nav .slider-prev {background-position: 12px 8px; float: left}
.slider-content-nav .slider-next {background-position: -48px 8px; float: left;}
.slider-content-nav.dark-color .slider-prev {background-position: 12px -44px; float: left}
.slider-content-nav.dark-color .slider-next {background-position: -48px -44px; float: left;}
.slider-content-nav .slider-prev:hover, .slider-content-nav .slider-next:hover {opacity: 1; text-decoration: none}

.slider-content-paging-wrap {text-align: center; padding: 0; margin-top: -34px; position: relative; z-index: 10}
.slider-content-paging:before {/*background: url('../images/corner-paging.png') no-repeat left top;*/ content: ""; width: 15px; height: 34px; display: inline-block; position: absolute; left: -15px; top: 0}
.slider-content-paging {/*background: url('../images/bg-paging.png') no-repeat right top;*/ position: relative; display: inline-block !important; padding: 10px 25px 10px 10px; line-height: 0.1em;}
.slider-content-paging a span {background: #cecdcd; display: inline-block; width: 11px; height: 11px; border: 1px solid #fff; overflow: hidden; text-indent: -2000em; border-radius: 13px;}
.slider-content-paging a {border: 1px solid #cecdcd; border-radius: 13px;  margin: 0 4px; display: inline-block !important;}
.slider-content-paging a.selected span {background: #595959}

.caroufredsel_wrapper {background: #fff; overflow: hidden}

.slider-content-paging, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, .slider-content img, .slider-content .desc-wrap, .slider-content-wrap > .desc-wrap {display: none}
.caroufredsel_wrapper .slider-content img {display: block;}
.slider-content-nav .slider-prev.disabled, .slider-content-nav .slider-prevdisabled {visibility: hidden}



/* footer
 * ============================================ */
.footer {background: #2E4B75; color: #fff; display: block;}
.footer .wrap {min-height: 55px; position: relative; font: normal 14px/1 "HelveticaNeueW01-55Roma","Helvetica Neue",Helvetica,Arial,sans-serif}
#footer-box {margin-bottom: 30px;}
#copy {float: right; margin: 0; color: inherit;}
#design-by {float: right; margin: 18px 20px 0 0; text-align: right; color: inherit;}
#design-by strong {font-weight: normal}
#design-by a {text-decoration: none; color: inherit;}


/* gallery
 * ============================================ */
.gallery-wrap {margin: 0px 0; width: 100%; clear: both}
.gallery-wrap .item { background: #f2f2f2; border-radius: 14px;display: block; float: left; text-align: left; vertical-align: middle; margin: 0 13px 10px 0; position: relative; overflow: hidden;}
#gallery-wrap-id-2  .item {  margin: 0 15px 25px; position: relative; overflow: hidden;padding: 15px;}
.gallery-photo-frame .item    { /*display: flex; flex-direction: column; justify-content: center;*/ }
.item.item-4 {height: auto !important;}
.gallery-wrap .item > a {display: block; text-align: left; vertical-align: middle;font-size: 13px;  font-weight: 700;   text-decoration: none;}
.gallery-wrap .item:hover {filter:alpha(opacity: 90); -moz-opacity: 90%; opacity: 0.9;}
.gallery-wrap .item .title {padding: 5px 0 0 5px; line-height: 16px; font-weight: bold;}
.gallery-photo-frame .item .title  {padding: 5px 0 0 0;}
.gallery-wrap .item img {vertical-align: middle; margin: auto;border-radius:10px}
.galleryPaging {display: table; width: 95%; clear: both; margin: 5px 0; padding-right: 20px;}
.fleft {float:left;}
.fright {float:right;}


/* form
 * ============================================ */
#form-contact textarea {height: 332px}


/* cookies
 * ============================================ */
#cookies {background-color: #eef0f3; padding: 20px 0 10px 0; position: fixed; bottom: 0; color: #6f7074; z-index: 10; display: none;}
#cookies .container-fluid {max-height: 180px; overflow: auto; }
#cookies .closecookies {float: right; max-width: 180px; font-size: 12px; white-space: normal; padding: .5rem 0.5rem; margin-left: 1rem; margin-bottom: 0.4rem; border: 1px solid}
#cookies p {font-size: 12px; line-height: 16px; }

/* breadcrumb
 * ============================================ */
#breadcrumb {margin: 20px 0 20px 0; color: #363d46; border-bottom: 1px solid #c2c2c3; padding-bottom: 20px; }
#breadcrumb ul li   {list-style: none outside; margin-right: 0; float: left;}
#breadcrumb a {display:inline; line-height:22px; height:22px;; text-decoration: none;  }
#breadcrumb a:hover {color: #363d46}
#breadcrumb .arrow  {font-size: 18px; line-height: 13px; margin: 0 8px;}
#breadcrumb .link-to-home  a   {font-weight: bold;}
#breadcrumb li:last-child     {color: #1c7eff;}


/* facebook
 * ============================================ */
#slide-box-fblike {cursor: pointer; position: fixed; right: 1px; top: 126px; z-index: 15;}
#slide-box-fblike .belt {background: url("../images/bt_social.png") repeat scroll 0 0 #3B5999; border-radius: 3px 0 0 3px; color: #FFFFFF; font-family: Verdana; font-size: 1px; font-weight: bold; height: 49px; left: -47px; position: absolute; top: 0; width: 47px; z-index: 0;}
#slide-box-fblike:hover .belt {background-position: 0 -49px;}
#slide-box-fblike a {width: 100%;display: inline-block;height: 100%;}


/* default (news, catalog)
 * ============================================ */
.listing h3.title,   
.listing h3.title a {margin-top: 0; text-transform: none; padding-top: 0; padding-left: 0; font-size: 18px; font-weight: normal; text-transform: uppercase;}
.listing h3.title a {text-decoration: none; padding: 5px 0; display: block;}

.listing .item {padding: 10px 0; width: 100%;}
.listing .item:last-child {border: 0 none;}

.listing article {border-bottom: 1px solid #777575;}
article h3.title {font-size: 30px; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 10px 0; }
article .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px}
article .thumbwrap img {display: block; margin: 0; width: 100%}
article .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0}

.news-single .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px}
.news-single .thumbwrap img {display: block; margin: 0; width: 100%}
.news-single .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0}

/* default paging
 * ============================================ */
.paging {text-align: center; border-top: 1px solid #D4D1D1; padding-top: 5px; margin-top: 10px}
.paging a, .paging span {margin: 0 2px; font-size: 15px;}
.paging a.prev, .paging a.next,
.paging span.prev, .paging span.next {font-size: 14px; padding: 4px 2px; float: left;}
.paging span.prev, .paging span.next {filter:alpha(opacity: 20); -moz-opacity: 20%; opacity: 0.2;}
.paging a.next, .paging span.next {float: right}
.paging a.number, .paging span.number {padding: 4px 1px; display: inline-block;}

.pagination { clear: both; padding: 0; }
.pagination li { display:inline; }
.pagination a { border: 1px solid #D5D5D5; color: #666666; font-size: 11px; font-weight: bold; height: 25px; padding: 4px 8px; text-decoration: none; margin:2px; }
.pagination a:hover, .pagination a:active { background:#efefef; }
.pagination span.current { background-color: #687282; border: 1px solid #D5D5D5; color: #ffffff; font-size: 11px; font-weight: bold; height: 25px; padding: 4px 8px; text-decoration: none; margin:2px; }
.pagination span.disabled { border: 1px solid #EEEEEE; color: #DDDDDD; margin: 2px; padding: 2px 5px; }



/* catalog */
#breadcrumb {margin: 10px 0 10px 0; font-size: 14px; font-family: "Times New Roman", Georgia; color: #99999b; text-transform: uppercase; }
#breadcrumb a {display:inline; line-height:22px; height:22px;; text-decoration: none;  }
#breadcrumb a:hover {color: #78787b}

.catalog-listing .item {display: inline-block; width: 31%; max-width: 250px; float: left; margin-right: 2%; }
.catalog-listing .item:nth(4n) {margin-right: 0}
.catalog-listing .thumbwrap img {margin: 0; display: block; width: 100%}
.catalog-listing .thumbwrap:hover img {opacity: 0.7}
.catalog-listing span.noimage {display: block; text-align: center; line-height: 66px;}

.catalog-listing .listing-category .item {background: #fbfaf8; border: 1px solid #edece0; width: 18%; margin-right: 1.5%;}
.catalog-listing .listing-category .item:nth(4n) {margin-right: 1.5%;}
.catalog-listing .listing-category .item:nth(5n) {margin-right: 0;}
.catalog-listing .listing-category .item .thumbwrap {padding: 10px}

.catalog-single .thumbwrap {width: 40%; position: relative; margin-right: 0}

/* centrwanie miniatury w pionie
 * ========================================================
.catalog-listing .thumbwrap {background: #feffd2; width: 200px; height: 200px; line-height: 200px; text-align: center; vertical-align: middle; float: left; border:1px solid #eff2be; margin: 0 25px 0 0;}
.catalog-listing .thumbwrap a {width: 100%; height:  100%; line-height: 200px; display: block; text-align: center; vertical-align: middle;}
.catalog-listing .thumbwrap img {vertical-align: middle; margin: auto;}
.catalog-listing span.noimage {display: block; text-align: center; line-height: 200px;}
*/

.right-product {float: left; width: 58%; margin-left: 2%}
.fdesc {padding-top: 20px}
.price {font-size: 18px; text-transform: none;}
.catalog-listing .price {text-align: center; font-size: 15px; padding: 0}
.pnavlist, .ppnavlist {float:right;}


#photos {width: 100%;}
#photos .item {display: block; float: left; width: 32%; margin: 0 2% 0 0; position: relative; overflow: hidden;}
#photos .item:nth-child(3n) {margin-right: 0;}
#photos .item a {}
#photos .item img {margin: auto; cursor: pointer; max-width: 100%}
#photos .item.active a {cursor: default}
#photos .item.active img {opacity: 0.7}


.box-12 {display: flex;
    justify-content: center;}
.box-12 p {float: left;
    margin-right: 20px;}
.box-12 p .portfolio-link {background: #f2f2f2;
    padding: 15px 30px;
    font-weight: 600;
    text-decoration: none;
border-radius: 8px;}

.box-12 p .portfolio-link:hover {background: #db277b; color:#fff}
.page-id-20 .wybrany-1 {background: #db277b !important; color:#fff}
.page-id-22 .wybrany-2 {background: #db277b !important; color:#fff}
.page-id-23 .wybrany-3 {background: #db277b !important; color:#fff}

/**
 opinie referecje 
 */ 
#ref-opinie {display: flex;justify-content: center;margin: 0 0 50px;}
    .ref-opinia {display: block;width: 395px;height: 130px;padding: 23px 38px;margin: 0 18px;box-sizing: border-box;border-radius: 5px;-webkit-box-shadow: 0px 0px 11px -9px rgba(0, 0, 0, 1);-moz-box-shadow: 0px 0px 11px -9px rgba(0, 0, 0, 1);box-shadow: 0px 0px 11px -9px rgba(0, 0, 0, 1);;}
        .opinia-polowa {float: left;width: 50%;}
            .ref-opinia img {float: left;}
            .opinia-zobacz {float: left;width: 100%;margin: 7px 0 0;font-size: 14px;line-height: 20px;color: #929091 !important;}
            .opinia-ocena {float: left;width: 100%;margin: 12px 0 5px 3px;font-size: 20px;font-weight: 500;line-height: 20px;color: #000 !important;}
            .opinia-gwiazdki {float: left;max-width: 125px;height: 26px;background: url('../images/opinie-gwiazdki.png') scroll no-repeat 0 0 transparent; }
            .opinia-oferteo {width: 100%;}
            .opinia-google {width: 120px;}
            .opinia-ile {float: left;width: 100%;margin: 4px 0 0;font-size: 15px;line-height: 20px;color: #60665a !important;}


/**
 slider powiedzieli home [b]
 */ 
#opinie {margin-bottom: 0px;}
.slick-list {/*overflow: visible !important;*/}
.opinion {display: block; width: 60%; margin: 0 auto;}

  .o_image {float: left;width: 100%;text-align: center;box-sizing: border-box;}
    .slick-slide .o_image img {width: 137px !important;display: table-cell;margin: 0 auto;}
  .o_title {float: left;width: 100%;padding: 20px 0;text-align: center;box-sizing: border-box;font: bold 30px/30px "Quicksand","Arial Narrow",sans-serif; color: #000;}
    .o_title .s_desc {margin: 15px 0 24px;font: 400 18px/32px "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; color: #626262;}
        .s_name {font: 600 18px/32px "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; color: #000;}
        /*.s_name span {font: 400 13px/13px "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; color: #8c8d91;text-transform: uppercase;}*/

.arrNext {display: block !important;position: absolute;top: calc(50% - 45px);right: 0;cursor: pointer;z-index: 9;width: auto !important;}
.arrPrev {display: block !important;position: absolute;top: calc(50% - 45px);left: 0;cursor: pointer;z-index: 9;width: auto !important;}


/*
#powiedzieli-slick .slick-active {margin-top: 45px;margin-bottom: 75px;opacity: 1;transition: opacity 2s,margin-top 2s;}
#powiedzieli-slick .slick-active + .slick-active {margin-top: 0px !important;margin-bottom: 30px !important;opacity: 1 !important;}
#powiedzieli-slick .slick-active + .slick-active + .slick-active {margin-top: 45px !important;margin-bottom: 75px !important;opacity: 1 !important;}
#powiedzieli-slick .slick-active + .slick-active + .slick-active + div.slick-slide {display: block !important;margin-top: 45px;opacity: 0.3 !important;visibility: visible !important;}

div[aria-hidden="true"] {display: none;visibility: hidden;}

.slick-active + .slick-active .opinion {background: #f5ad00;min-height: 465px;}
.slick-active + .slick-active + .slick-active .opinion {background: #fff;min-height: 375px;}

.slick-active + .slick-active .opinion .o_title {color: #fff;}
.slick-active + .slick-active + .slick-active .opinion .o_title {color: #000; }

.slick-active + .slick-active .opinion .o_title .s_desc {color: #fff;}
.slick-active + .slick-active + .slick-active .opinion .o_title .s_desc {color: #7b7a7a; }
*/

/**
 slider powiedzieli home [e]
 */

#content .search-results-title {background: none; padding: 10px 0 0;}
.tel {margin: 0 0 0 15px;text-decoration: none;}
.tel:hover {text-decoration: underline;}

form input[name="subject"],
form input[name="title"] {background: #fff;padding: 0;margin: 0;height: 1px;border: 0;}

form input[type="checkbox"] {width: auto;}
form input[type="checkbox"].wrongVal {outline: solid 5px #ee8282 !important;width: auto;}


/*// tab catalog */
.tabs {clear:both;margin-top: -1px;min-height: 100px;padding: 10px 0;width: 680px;overflow: hidden;behavior: url('PIE/PIE.htc');}
.tabs-item { background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #f4e5db 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4e5db));background: -webkit-linear-gradient(top,  #ffffff 0%,#f4e5db 100%);background: -o-linear-gradient(top,  #ffffff 0%,#f4e5db 100%);background: -ms-linear-gradient(top,  #ffffff 0%,#f4e5db 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f4e5db 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4e5db',GradientType=0 );
     padding: 30px 20px;border: 1px solid #e5e5e5;}
.tabs-item li {margin-bottom: 8px;}
.tabs {overflow: hidden; position: relative; z-index: 2; padding-top: 15px;}
.tabs .tabs-listing {padding: 15px 0 0 0; margin: 0; position: relative; z-index: 99; overflow: hidden; margin-bottom: -1px;}
.tabs .tabs-listing li {position: relative; top: 1px; float: left; border: 1px solid #e5e5e5; list-style: none outside none; margin: 0 2px 0 0; margin-bottom: -1px; z-index: 101; position: relative; margin-right: 8px;}
.tabs .tabs-listing a {text-decoration: none; padding: 8px 15px 8px; margin: 0; border: 0; display: block; color: #595959; font: bold 12px/16px Arial, Helvetica, sans-serif;}
.tabs .tabs-listing li.ui-tabs-active {background: #fff; color: #000; border-bottom: 0 none; border-top: 2px solid #ae9c93}
.tabs .tabs-listing li.ui-tabs-active a {color: #876657}
.tabs .ui-tabs .ui-tabs-panel { padding: 10px 0; display: block; border-width: 0; background: none; }
.tabs .ui-tabs .ui-tabs-hide { display: none !important;}


#realizacje {margin: 30px 0 170px;}
.realizacja {display: block;float: none;position: relative;z-index: 1;/*width: calc(100% - 30px);*/}

  .slick-slide .realizacja .o_image {float: left;width: 100%;box-sizing: border-box;}
    .slick-slide .realizacja .o_image img {
        width: auto !important;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 31px -20px rgba(66, 68, 90, 1);
        -moz-box-shadow: 0px 0px 31px -20px rgba(66, 68, 90, 1);
        box-shadow: 0px 0px 31px -20px rgba(66, 68, 90, 1);
    }

#realizacje .arrPrev {display: block !important;position: absolute;top: auto;bottom: -95px;left: calc(50% - 57px);cursor: pointer;z-index: 9;width: auto !important;}
#realizacje .arrNext {display: block !important;position: absolute;top: auto;bottom: -95px;right: calc(50% - 62px);cursor: pointer;z-index: 9;width: auto !important;}


.content .gallery-wrap .item-2 {height: auto !important;overflow: auto;}
.content .gallery-wrap .item-2 img {display: block;}
.content .gallery-wrap .item-2 .title {padding: 20px 0 0 0; display: block; height: auto !important;} 
.content .gallery-wrap .item-2 .desc {height: auto !important; min-height: 70px; display: block;font-size: 12.5px; padding-top: 10px;border-bottom: 1px solid #dddcdc;margin-bottom: 10px;} 
#galler-inner {display: flex;  justify-content: center;  flex-direction: row;  flex-wrap: wrap;}



/**
 fix listy rozwijane 2go poziomu
 */ 
#main .content ul {padding-left: 0 !important;margin-left: 20px !important;}
#main .content ul li {padding-left: 5px !important;text-indent: 0 !important;}
#main .content ul li ul li {list-style-type: square;}
#main .content ul ul {padding-bottom: 5px !important;}

/**
 fix Apple
 */
body .row::before, body .row::after { content: normal; }

/* mobile
 * ============================================ */
@media only screen and (min-width: 767px){
     #nav                                         {position: static !important; top: 0 !important}
     #nav .menu                                   {display: block !important;}
}

@media only screen and (max-width: 1719px){
    .slider-content-wrap .desc-wrap {left: 170px; bottom: 80px;}
    .slider-content-wrap .desc-wrap h3 {font-size: 52px; line-height: 56px;}
}
@media only screen and (max-width: 1519px) {
  .slider-content-wrap .desc-wrap {left: 80px; bottom: 65px;}
  .slider-content-wrap .desc-wrap h3 {font-size: 42px; line-height: 52px;}
  .slider-content-wrap .desc-wrap .desc p {margin-bottom: 0;}
  #site-title-bar { background-size: cover;}
}
@media only screen and (max-width: 1319px) {
  .wrap {width: 1250px !important;}
  .slider-content-wrap .desc-wrap {left: 80px; bottom:0px; width: 580px;}
  .slider-content-wrap .desc-wrap h3 {font-size: 28px; line-height: 42px;}
  .slider-content-wrap .desc-wrap .desc p {font-size: 17px;line-height: 1.3;}
  .button-order a {display: none;/*padding: 15px; border-radius: 8px;*/}
  .menu-box {padding-right: 75px;}
  .tbcbc-box.tbcbc-box-2 {margin-top: 20px;}
  .tbc-box.tbc-box-1 {padding-top: 12px;}
  #footer-bar {padding: 50px 0px;}
  .fobcbc-box {margin-right: 50px;}
}
@media only screen and (max-width: 1249px) {
  .wrap {width: 1110px !important;}
  .slider-content-wrap .desc-wrap {bottom:-80px;width: 470px;}
  .slider-content-wrap .desc-wrap h3 {font-size: 24px; line-height: 32px;}
}
@media only screen and (max-width: 1109px) {
  .wrap {width: 1000px !important;}
}


@media only screen and (max-width: 999px){
     
     .wrap                                        {width: 768px !important;}
     #main iframe                                 {max-width: 100%;}
     #main img                                    {max-width: 100%; height: auto !important;}
     
     #nav a                                       {padding: 6px 10px 5px;}
     #nav .menu > li                              {margin: 0 2px}

     #logo img                                    {max-width: 95%}
     
     .page-sidebar-column #content                {width: 530px;}
     #sidebar-column                              {width: 220px; margin-left: 18px}
     
     .one-third .box-text                         {height: auto !important}
     
     #slider-content-20 .slides > li, 
     #header-image                                {height: 572px;}
     #isla-pastylka                               {width: 100px; height: 100px; margin-left: -58px; margin-top: -240px}
     #text-de65 h3, #text-0415 h3                 {padding-left: 50px}
     #text-03c2 img                               {width: 500px}

     #logo {padding: 0;}
     .contacts-details .tbcbcbc-box {margin: 0 0 0 20px;}
     .adres-e-mail span {display: none;}
     .menu-box {padding-right: 0px;}
     #nav a {padding: 6px 5px 5px;margin-right: 0;}
     .tbcbc-box.tbcbc-box-2 {margin-top: -3px;}
     #nav a.level-0-link {text-shadow: 0px 0px 1px rgba(46, 62, 136, 1);}
     .contacts-details .tbcbcbc-box {float: left;}

     .abcb-con-2 .abcbcbcbc-box-1 {font-size: 50px;}

}


@media only screen and (max-width: 919px){
    .slider-content-wrap .desc-wrap .desc p:first-child {display: none;}
    .slider-content-wrap .desc-wrap {height: 165px;left: 50px;}
    .row-ref .col-md-6 {margin-bottom: 30px !important;float: left;}
    .row-ref {margin-bottom: 0px;}
}

@media only screen and (max-width: 767px){

     .wrap                                        {width: 100% !important;} 
     
     .one-third, .one-half, .one-fourth,
     #text-97ab, #text-de65, #text-062b, #text-0415           {float: none; margin: 0; width: auto; position: static;}
     #text-97ab, #text-de65, #text-062b, #text-0415 {height: auto; padding: 20px 0; margin: 0 0 20px}
     #text-97ab h3, #text-de65 h3, 
     #text-062b h3, #text-0415 h3                 {padding: 0 0 0 20px;}
     #sidebar-column                              {padding-bottom: 0}
     .section-wrap                                {padding-left: 20px; padding-right: 20px}
     .page-sidebar-column #content,
     #sidebar-column                              {width: auto; margin: 0; float: none}
     #text-bf4d                                   {padding-top: 0}
     
     #main                                        {padding: 15px 15px 15px 15px; margin: 0}
     
     #slider-content-20 .slides > li, 
     #header-image                                {height: 494px;}
     
     #nav                                         {background: transparent; top: 10px; right: 10px; position: fixed; margin: 0; width: 60px; z-index: 50}
     #nav .menu                                   {background: #2b345e; display: none; width: 300px; position: absolute; z-index: 60; padding: 10px 0; margin: 0; top: 55px; right: 5px;border-radius: 8px;}
     
     #nav li                                      {width: 100% !important}
     #nav .menu li a,
     #nav .menu ul > li > a                       {text-align: center; color: #fff; float: none; padding: 8px 0; height: auto; border-radius: 0}
     #nav .menu li                                {margin: 0; float: none; border: 0 none !important;}
     #nav .menu > li:last-child                   {border: 0 none}
     #nav .menu ul                                {min-width: 100%; position: static; padding: 0; border: 0 none; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0}
     #nav .menu ul a                              {background: #fbfafa; color: #fff !important}
     #nav .menu ul ul a                           {background: #d9d9d9; }
     #nav .menu ul a:hover                        {/*background: #b9bbbd !important;*/}
     #nav .menu > li a:before                   {display: none; visibility: hidden}
     
     #nav .menu > li:hover > a, 
     #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {color: #fff !important}
     
     #top                                         {top: -100px}
     
     #logo                                        {margin-left: 20px}
     
     #button-mobile-menu                          {display: block;}
     
     #langs                                       {top: 20px; right: 75px}
     
     
     #footer-box                                  {padding: 30px 30px 10px}
     
     #cookies                                     {width: 90%; margin: 0 5%; right: 0; bottom: 30px;}
     
     #top .top-right                              {padding-right: 30px; font-size: 26px; padding-top: 45px; width: 200px}
     #isla-pastylka                               {display: none}
     
     #text-95a9, #slider-content-23 .desc-wrap    {width: 90%; right: 0; margin: 0 auto}
     #slider-content-wrap-23 img                  {width: 90% !important; padding-top: 100px}
     .flex-direction-nav a                        {top: 70% !important0}
     #text-03c2 img                               {padding-top: 120px}

    .tbc-box.tbc-box-2 {float: left;position: absolute;width: calc(100% - 15px);}
    .contacts-details .tbcbcbc-box {float: left;}
    .tbc-box.tbc-box-1 {padding-top: 35px;}
    #button-mobile-menu span {display: none;}
    #nav #button-mobile-menu a:hover::after {background: transparent !important;transform: none;transition: none;}
    #nav #button-mobile-menu a::after {background: transparent !important;transform: none;transition: none;}
    .slider-content-wrap {margin-bottom: 0;}

    .abcb-con-2 .abcbcbcbc-box-1 {font-size: 44px;}
    .fobcbc-box {width: 45%;margin: 0 2.5%;}
    #copy {float: left;}
    .stb-box h3 {font-size: 30px;}
    .stb-box { padding: 19.5% 0% 18% 0%;}
    #ref-opinie { display: block;}
    .ref-opinia {width: 100%; margin: 0px 0px 10px 0px;}
    

}

@media only screen and (max-width: 719px){
    .slider-content-wrap .desc-wrap {width: 340px;}
    .slider-content-wrap .desc-wrap h3 {font-size: 18px;line-height: 22px;}
    /*.slider-content-wrap .desc-wrap .desc p:first-child {display: none;}*/
    .slider-content-wrap .desc-wrap {height: 165px;left: 30px;}
    .slider-read-more {padding: 8px 13px; border-radius: 16px; font-size: 12px; letter-spacing: 0.6px; font-weight: 600;}
    /*.tbc-box.tbc-box-2 { width: calc(100% - 107px);}*/

     .abcbc-box  {width: 100%;}
     .abcbc-box-1, 
     .abcbc-box-2 {text-align: center;}
     .abcbcbc-box {width: 90%; margin: 0 5%;}
     .abcb-con-1 .abcbcbc-box-2 {font-size: 16px;line-height: 27px;padding: 0% 0% 6%;}
     .abcb-con-1 .abcbcbc-box-3 a {float: none; margin: 0 auto; display: block;}
     h2 {line-height: 1.3; font-size: 34px;}
     .abcb-con-2 .abcbc-box .abcbcb-con .abcbcbc-box {width: 40%;  min-height: 120px;}
     .abcb-con-3 .abcbc-box-1 {padding: 0;}
     .services .abcbcbc-box {min-height: 295px;}
     .box-12 {display: block}
}

@media only screen and (max-width: 639px){
    .services .abcbcbc-box {margin-left: 2.5%;margin-right: 2.5%;width: 46%;}
    .services .abcbcbc-box:nth-child(2n) {margin-left: 1.25%;}
    .services .abcbcbc-box:nth-child(2n+1) {margin-right: 1.25%;}
    .fobcbc-box-2,
    .fobcbc-box-4 {display: none;}
    
}

@media only screen and (max-width: 619px){
    .phone-number-2 {clear: both;}
    .tbc-box.tbc-box-1 {padding-top: 40px;}
    .slider-content-wrap .desc-wrap {bottom: -150px;}
    .slider-content-wrap .desc-wrap h3 {font-size: 15px;line-height: 18px;font-weight: 400;}
    .slider-content-wrap .desc-wrap {width: 300px;}
    .contacts-details .tbcbcbc-box.phone-number-1 {float: left;}
    .abcb-con-2 .abcbc-box .abcbcb-con .abcbcbc-box {min-height: 140px;}
    .abcb-con-2 {padding: 7% 0% 5% 0%;}
    h2 {font-size: 26px;}
    #pp {clear: both;}
    .fobcbc-box.fobcbc-box-5,
    .fobcbc-box.fobcbc-box-6 {width: 100%;}
     .stb-box { padding: 22.5% 0% 18% 0%;}

}

@media only screen and (max-width: 519px){
    .fobcbc-box {width: 95%;}
}

@media only screen and (max-width: 480px){
    /*
     #logo                                        {width: 90%; float: none; padding: 0; margin: 0 auto; display: block; text-align: center}
     #logo img                                    {padding-left: 0; display: block; padding: 20px 0; display: inline-block;}
     */

     .content img.left, .content img.right        {float: none; display: block; margin-left: 0; margin-right: 0}                               
     table                                        {width: 100% !important}
     
     .slider-content-nav                          {right: 5px}
     .slider-content-nav .slider-prev,
     .slider-content-nav .slider-next             {margin-top: 20px;}
     
     #main                                        {margin-bottom: 0}
     .slider-content-wrap > .desc-wrap,
     .slider-content-paging-wrap                  {display: none !important;}
     .slider-content-wrap                         {/*border-bottom: 15px solid #d5d2d2*/}

     #langs                                       {top: 0; right: auto; left: 0}

     #top .top-right                              {display: none}
     #footer-box, #footer                         {margin: 0}
     #footer .wrap                                {padding-top: 20px}
     #footer-foo                                  {padding-bottom: 10px}
     #copy, #design-by                            {float: none; text-align: center; margin: 0 auto 5px; padding: 0; display: block;}
     #design-by strong                            {display: inline-block}

     .phone-number-2, 
     .adres-e-mail {background: #000; padding: 0 4px;}
      .stb-box { padding: 27.5% 0% 18% 0%; }
}

@media only screen and (max-width: 419px){
    .adres-e-mail {clear: both;}
    .tbc-box.tbc-box-1 {padding-top: 50px;}
    #logo {margin-left: 25px;}
    #logo img {max-width: 65%;}
     .stb-box { padding: 31.5% 0% 18% 0%;}
}

@media only screen and (max-width: 360px){
 .stb-box { padding: 38.5% 0% 18% 0%;}
}


@media only screen and (max-width: 359px){
    #logo img {max-width: 50%;}
    .abcb-con-2 .abcbc-box .abcbcb-con .abcbcbc-box {width: 90%;min-height: 120px;}
    .services .abcbcbc-box {width: 95%;}
    .services .abcbcbc-box:nth-child(2n) {margin-left: 2.5%;}
    .services .abcbcbc-box:nth-child(2n+1) {margin-right: 2.5%;}    
}