*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Stylesheet: Reset Modified On 2015-08-13 09:00:09 */
/* ================ */
.bx-livechat-body {
    background-image: none !important;
    background: #FFF !important;
    
    }


/* NUMERY TELEFONÓW */

.tel-kd {
    /* display: none !important; */
}
.tel-lm {
    /*display: none !important;*/
}
/*
.tel-biuro {
  display: none !important;  
}
*/
/* ---------------- */
.webiso_form label[for=email]{
    display: none!important;
}

* {margin: 0; padding: 0; border: 0;}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    outline: 0;
    color: #25282b;
}

a:hover {
    text-decoration: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.oferta #contactForm #dane-adresowe img.left {
    padding: 0 10px 5px 0;
}

img.right {
    padding: 0 0 5px 10px;
}

.center {
    text-align: center;
}
.small {
    font-size: 9px;
}
img.top {padding: 0 0 10px 0;}
img.bottom {padding: 10px 0 0 0;}
.clear {clear: both;}
.noneb {border: none !important;}
.last {margin-right: 0;}
.absolute {position: absolute !important;}
h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif; }

h1 { font-size: 42px; font-weight: 300; }

h2 { font-size: 25px; font-weight: 300; text-transform: uppercase; }

body { background: #FFFFFF; color: #25282b; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

p { font-family: 'Open Sans', sans-serif; font-size: 14px; padding-bottom: 25px; line-height: 22px; }

p strong { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 16px; }

.wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    min-width: 1100px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.button {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    border-bottom: 2px solid #4792ba;
    background: #5dafda;
    height: 45px;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    padding: 0 42px;
    border-radius: 5px;
    font-weight: bold;
    text-shadow: none;
    cursor: pointer;
}

.button.green,
.button:hover {
    background: #6fcb4d;
    border-bottom: 2px solid #50a432;
}

.button.green:hover {
    border-bottom: 2px solid #4792ba;
    background: #5dafda;
    text-decoration: none;
}

.button.white {
    background: #FFF;
    color: #2F80B2;
    border-bottom: 2px solid #2F80B2;
    transition: .1s all ease;
}

.button.white:hover {
    border-bottom: 2px solid #2F80B2;
    background: #EEE;
}

header {
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 1000;
    width: 100%;
    -webkit-transform: translateZ(0);
}

header+* {
    margin-top: 80px !important;
}

header .wrapper { height: 55px; overflow: visible; position: relative; transition: .2s all ease; }

@media screen and (min-width: 800px) {
    header .wrapper {
        height: 80px;
    }
}

header #logo {
    top: 22px;
    left: 0;
    position: absolute;
    transition: .2s all ease;
}

#logo img {
    width: 190px;
    height: 34px;
    image-rendering: -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming)*/
}

header.small {
    /*border-bottom: 1px solid #c0c0c0;*/
    border-bottom: 1px solid #f3f3f3;
}

header.small .wrapper {
    height: 55px;
    /*overflow: visible;*/
}

header.small #logo {
    top: 12px;
}

header.small #logo img {
    height: 30px;
    /*height: auto;*/
}

header.small #menu {
    top: 18px;
    top: 50%;
    transform: translateY(-50%);
}

header.small #mobile-menu {
    top: 13px;
    height: 50px;
}

#mobile-menu {
    background: url("/img/mobile-menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 39px 25px;
    display: none;
    height: 25px;
    width: 39px;
}

header #menu {
    position: absolute;
    right: 0;
    /*right: 200px;*/
    /*top: 31px;*/
    transition: .2s all ease;
    top: 50%;
    transform: translateY(-50%);
}

/*header #menu ul {overflow: hidden;}*/

header #menu li.last {
    margin-right: 0px;
}

header #menu li {
    float: left;
    margin: 0 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

header #menu li a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-transform: uppercase;
    color: #25282b;
}
header #menu.with-cta {right: 190px;}

.cta-button {cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 600; font-family: 'Open Sans', sans-serif;display: inline-block;position: absolute;top: 50%;right: 40px;transform: translateY(-50%);color: #FFF;line-height:1.43;}
.cta-button::after {content: ''; position: absolute; top: 50%; left: 50%; background: #2f80b2; width: calc( 100% + 15px); height: calc( 100% + 10px);transform: translate(-50%, -50%);z-index: -1;border-radius: 3px; transition: .1s all ease;}
.cta-button:hover::after {background: #53A834;}

@media only screen and (min-width: 1141px) {
  header #menu li a {
      font-size: 18px;
  }
  .cta-button {font-size: 14px;}
  .cta-button::after {width: calc( 100% + 30px); height: calc( 100% + 15px);}
  header #menu.with-cta {right: 240px;}
}

header #menu li.active a,
header #menu li a:hover {
    color: #5dafda;
    text-decoration: none;
}

header #menu #menu-slide {
    height: 3px;
    background: #5dafda;
    padding-top: 0;
    position: absolute;
    bottom: -9px;
    border-radius: 5px;
    padding: 0;
}

.swipe .swipe-wrap .wrapper.nonetext,
.swipe .swipe-wrap .slide.nonetext .bar {
    display: none;
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    width: 100%;
}

.swipe .swipe-wrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.swipe .swipe-wrap>div {
    float: left;
    width: 100%;
    position: relative;
    height: 553px;
    overflow: hidden;
}

.swipe .swipe-wrap .slide>img {
    left: 50%;
    margin-left: -960px;
    position: absolute;
}

.swipe .swipe-wrap .slide>div {
    /*background-size: cover;*/
    background-position: center center;
    background-repeat: no-repeat;
    display: table;
    height: 552px;
    width: 100%;
}

.swipe h2 {
    font-size: 45px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.swipe h3 {
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 36px;
}

#slider .bar {
    background: rgba(255, 255, 255, 0.3);
    bottom: 0;
    height: 68px;
    line-height: 68px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#slider .bar.black {
    background: rgba(0, 0, 0, 0.3);
}

#slider .bar span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 10px;
    margin: 0 7px;
    border-radius: 3px;
    border: 1px solid #c5c5c5;
}

#slider .bar.black span {
    color: #fff;
}

#slider .text {
    position: relative;
    text-align: center;
    top: 195px;
}

#slider .text.white {
    color: #fff;
    text-shadow: 0 1px 2px #000;
}

#slider .button {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    padding: 0 52px;
}

#slider #point-nav li {
    height: 23px;
    width: 22px;
    background: url('/img/li.png') 0 0 no-repeat;
    float: left;
    margin-right: 15px;
    cursor: pointer;
}

#slider #point-nav li.active {
    background-position: 0 -23px;
}

#slider>.wrapper {
    bottom: 50px !important;
    height: auto;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 100;
}

#point-nav {
    display: inline-block;
}

#services {
    padding: 50px 0 65px 0;
}

#services .item {
    width: 25%;
    padding: 0 15px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
}

.oferta #services .item {
    margin-bottom: 30px;
    width: 33.3333%;
    padding: 0 5%;
}

#services .item h2 {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 40px;
    text-transform: uppercase;
}

#services .item:hover h2,
#services .item:hover p strong {
    color: #25282b;
    /*#53a834;*/
}

.oferta #services .item:hover h2,
.oferta #services .item:hover p strong {
    color: #25282b;
}

#services .item .icon {
    background: url('/img/service1.png') no-repeat center 26px #5dafda;
    background-size: 57px 47px;
    width: 95px;
    height: 95px;
    margin: 0 auto 45px;
    border-radius: 50%;
    position: relative;
    display: block;
}

#services .item .icon.second,
#services .item .icon.pozycjonowanie {
    background: url('/img/service2.png') no-repeat center 19px #5dafda;
    background-size: 52px 51px;
}

#services .item .icon.third,
#services .item .icon.sklepy-internetowe {
    background: url('/img/service3.png') no-repeat center 24px #5dafda;
    background-size: 58px 54px;
}

#services .item .icon.fourth,
#services .item .icon.identyfikacja-wizualna {
    background: url('/img/service4.png') no-repeat 29px 21px #5dafda;
    background-size: 48px 50px;
}

#services .item .icon.five,
#services .item .icon.aplikacje-internetowe {
    background: url('/img/service5.png') no-repeat 17px 24px #5dafda;
    background-size: 62px 51px;
}

#services .item .icon.six,
#services .item .icon.prowadzenie-facebooka {
    background: url('/img/service6.png') no-repeat 17px 17px #5dafda;
    background-size: 62px 51px;
}

#services .item:hover .icon {
    background-color: #6fcb4d;
}

#services .item:hover .button {
    background: #6fcb4d;
    border-bottom: 2px solid #50a432;
}

#services .item .icon .peek {
    background: url('/img/peek.png') no-repeat center 0;
    width: 45px;
    height: 22px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -23px;
}

#services .item:hover .icon .peek {
    background: url('/img/peek.png') no-repeat center -22px;
}

#services .item p {
    /*font-family: Calibri, Verdana,Arial,Helvetica,sans-serif;*/
    font-size: 16px;
    padding-bottom: 35px;
    line-height: 18px;
    min-height: 80px;
}

#services .item p strong {
    /*font-family: Calibri, Verdana,Arial,Helvetica,sans-serif;*/
    margin-bottom: 5px;
    display: block;
    line-height: normal;
}

#aboutUs {
    background: url('/img/about-us.jpg') center center no-repeat;
    height: 538px;
}

#aboutUs .wrapper {
    padding-top: 195px;
}

#aboutUs h1 {
    font-weight: 300;
    color: #6fcb4d;
    font-size: 42px;
    margin-bottom: 35px;
}

#aboutUs h1 strong {
    color: #5dafda;
    font-weight: 300;
    display: block;
}

#aboutUs img {
    position: absolute;
    left: 50%;
    margin-left: -192px;
    top: 66px;
    width: 385px;
    height: 70px;
}

#aboutUs p {
    font-size: 16px;
    color: #25282b;
    font-weight: 400;
    line-height: 22px;
    width: 50%;
    font-family: 'Open Sans', sans-serif;
}

#contactBar {
    background: #5dafda;
    height: 154px;
}

#contactBar .wrapper {
    padding: 0 44px;
}

#contactBar p {
    width: 35%;
    margin-right: 3%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 60px;
    background: url('/img/map-pin.png') 0 center no-repeat;
    background-size: 42px 64px;
    height: 68px;
    float: left;
    margin-top: 43px;
    color: #fff;
    font-size: 16px;
    padding-top: 14px;
}

#contactBar p.phone {
    background: url('/img/phone.png') 0 center no-repeat;
    background-size: 37px 64px;
}

#contactBar p.email {
    width: 24%;
    margin-right: 0;
    padding-left: 85px;
    padding-top: 25px;
    background: url('/img/email.png') 0 center no-repeat;
    background-size: 67px 44px;
}

#contactBar p strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

#contactBar p.location strong {
    display: block;
}

#contactBar p a {
    color: #fff;
}

.service .text {
    width: 45%;
    float: right;
}

.service .button.green:hover {
    background: #fff;
    color: #5DAED9;
}

#tworzenieStron {
    height: 544px;
    background: url('/img/tworzenie-stron.jpg') center center no-repeat;
}

#tworzenieStron .button {
    margin-top: 20px;
}

#tworzenieStron .text {
    padding-top: 45px;
}

#tworzenieStron h1 {
    margin-bottom: 45px;
}

#pozycjonowanieStron {
    height: 540px;
    background: url('/img/pozycjonowanie.jpg') center center no-repeat;
}

#pozycjonowanieStron .button {
    margin-top: 25px;
}

#pozycjonowanieStron .text {
    padding-top: 75px;
    color: #fff;
    float: left;
    width: 50%;
}

#pozycjonowanieStron h1 {
    margin-bottom: 40px;
}

@media (min-width:901px) {
    #seoOptymalizacjaStron {
        min-height: 544px;
        background: url('/img/seo-stron-i-sklepow.jpg') bottom center no-repeat;
    }
}

#seoOptymalizacjaStron .button {
    margin-top: 10px;
}

#seoOptymalizacjaStron .text {
    padding-top: 65px;
}

#seoOptymalizacjaStron h1 {
    margin-bottom: 35px;
}

#seoOptymalizacjaSklepowInternetowych {
    height: 540px;
    background: url('/img/optymalizacja-sklepow.jpg') center center no-repeat;
}

#seoOptymalizacjaSklepowInternetowych .button {
    margin-top: 10px;
}

#seoOptymalizacjaSklepowInternetowych .text {
    padding-top: 65px;
    color: #fff;
    float: left;
    width: 50%;
}

#seoOptymalizacjaSklepowInternetowych h1 {
    margin-bottom: 40px;
}

@media (min-width:901px) {
    #projektowanieSklepow {
        min-height: 544px;
        background: url('/img/projektowanie-sklepow.jpg') bottom center no-repeat;
    }
    #projektowanieSklepow .text {
        padding-bottom: 15px;
    }
}

#projektowanieSklepow .button {
    /*    margin-top: 10px; */
}

#projektowanieSklepow .text {
    padding-top: 65px;
}

#projektowanieSklepow h1 {
    margin-bottom: 35px;
}

#identyfikacjaWizualna {
    height: 537px;
    background: url('/img/identyfikacja-wizualna.jpg') center center no-repeat;
}

#identyfikacjaWizualna .button {
    margin-top: 25px;
}

#identyfikacjaWizualna .text {
    padding-top: 65px;
    color: #fff;
    float: left;
    width: 39%;
}

#identyfikacjaWizualna h1 {
    margin-bottom: 40px;
}

#portfolioReview.wrapper {
    height: 315px;
    padding-top: 40px;
}

#portfolioReview h1 {
    text-align: center;
    margin-bottom: 35px;
}

#portfolioReview h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 30px;
}

#portfolioReview .chart {
    float: left;
    text-align: center;
    width: 25%;
}

footer {
    background: #25282b;
    padding: 30px 0 25px;
}

footer ul {
    float: left;
    border-left: 1px solid #414446;
    padding: 0 45px 0 10px;
}

footer ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 35px;
    display: block;
}

footer ul li ul {
    border-left: none;
    padding: 0 0 0 0;
}

footer ul li ul li {
    border-right: 1px solid #414446;
}

footer ul li ul+ul {
    padding: 0 25px 0 10px;
}

footer ul li ul li a,
#footerMenu ul li a.strony-internetowe,
#footerMenu ul li a.pozycjonowanie,
#footerMenu ul li a.sklepy-internetowe,
#footerMenu ul li a.aplikacje-internetowe,
#footerMenu ul li a.identyfikacja-wizualna,
#footerMenu ul li a.prowadzenie-facebooka {
    color: #858585;
    text-transform: none;
}

footer ul.last {
    border: none;
    padding-right: 0;
}

footer .footer-address {
    color: #858585;
    float: left;
    overflow: hidden;
}

footer .footer-address>div {
    float: left;
    border-left: 1px solid #414446;
    padding: 0px 45px 0px 10px;
}

footer .footer-address p {
    padding: 0;
    margin: 0;
    line-height: 35px;
}

footer .footer-address a {
    color: inherit;
}

footer .footer-address p.white {
    color: #fff;
}

.btn-rwd,
.btn-timeline {
    text-transform: uppercase;
    cursor: pointer;
    padding-left: 40px;
}

@media screen and (min-width: 768px) {
    .btn-timeline {
        float: right;
    }
}

.btn-timeline span {
    font-size: 12px;
}


/* .squaredThree */

.squaredThree {
    width: 20px;
    position: relative;
    margin: 10px auto;
    display: inline-block;
    top: -1px;
    left: -2px;
}

.squaredThree label {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: -2px;
    left: -2px;
    /*
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  */
    background-color: #fff;
    border-radius: 0;
    /*box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);*/
    /*border: 1px solid #4C4646; */
    border: 2px solid #6C6C6C;
    border-radius: 2px;
}

.squaredThree label:after {
    content: '';
    width: 10px;
    height: 5px;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 3px solid #fcfff4;
    border-color: #45484D;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree label:hover:after {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.squaredThree input[type=checkbox] {
    visibility: hidden;
}

.squaredThree input[type=checkbox]:checked+label:after {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* end .squaredThree */


/* .roundedOne */

.roundedOne {
    height: 20px;
    width: 20px;
    position: relative;
    margin: 10px auto;
    margin-top: 8px;
    box-sizing: initial;
    /*
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
*/
    border-radius: 50px;
    display: inline-block;
    border: 2px solid #6C6C6C;
}

.btn-timeline span {
    position: relative;
    top: 2px;
    left: 1px;
}

.roundedOne label {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #D1D1D1;
    border-radius: 50px;
    /*
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
*/
}

.roundedOne label:after {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 1px;
    left: 1px;
    background: #222;
    background: -webkit-linear-gradient(top, #222 0%, #222 100%);
    background: linear-gradient(to bottom, #222 0%, #222 100%);
    opacity: 0;
    border-radius: 50px;
    /* box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);*/
}

.roundedOne label:hover::after {
    opacity: 0.3;
}

.roundedOne input[type=checkbox] {
    visibility: hidden;
}

.roundedOne input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.timeline .roundedOne {
    height: 24px;
    width: 24px;
}


/* end .roundedOne */

#webiso {
    float: right;
    width: 210px;
}

#webiso .webiso {
    color: #fff;
    text-transform: uppercase;
}

#webiso span {
    display: block;
    line-height: 35px;
    color: #858585;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

#webiso span a {
    color: #fff;
}

footer #footerMenu li.oferta ul {
    margin-right: 0;
    max-width: 558px;
}

footer #footerMenu li.oferta ul li {
    clear: none;
    float: left;
    width: 175px;
    margin-right: 10px;
}

footer #footerMenu li.oferta ul li:nth-child(2n+1) {
    border-right: none;
    clear: both;
}

.realizacje.v2 #content #main {
    float: left;
    width: 60%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 30px;
    padding: 0;
}

.realizacje.v2 #content #sub {
    float: right;
    padding: 0 0 0 40px;
    width: 40%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 30px;
    text-align: justify;
}

.realizacje.v2 #content #otherRealization {
    clear: both;
    width: 60%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 30px;
}

.realizacje.v2 #content h1 {
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 5px;
    text-align: left;
}

.realizacje.v2 #content h2 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 10px;
}

.realizacje.v2 #otherRealization h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.realizacje.v2 #otherRealization .realizacja-add {
    margin-right: 3%;
    margin-bottom: 20px;
    max-width: 300px;
    text-align: center;
    width: 48%;
    float: left;
}

.realizacje.v2 #otherRealization .realizacja-add:nth-child(3n+1) {
    margin-right: 0;
}

.realizacje.v2 #otherRealization .realizacja-add img {
    width: 100%;
    max-width: 300px;
}

.realizacje.v2 #otherRealization h4 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
    text-align: center;
}

.realizacje.v2 #otherRealization h4 a {
    color: #5DAFDA;
}

.realizacje.v2 #content .info {
    clear: both;
    display: inline-block;
    line-height: normal;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
}

.realizacje.v2 #main img {
    border: 1px solid #DBDBDB;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    image-rendering: -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming)*/
}

#title {
    background: #F3F3F3;
    height: 1px;
}

.o-nas #head {
    background: url('/img/o-nas.jpg') center center no-repeat;
    width: 100%;
    height: 385px;
    margin-bottom: 30px;
}

.o-nas #head .wrapper {
    padding-top: 60px;
}

.o-nas #head .wrapper h1,
.o-nas #head .wrapper p a {
    margin-bottom: 20px;
    color: #5dafda;
}

.o-nas #head .content p strong {
    color: #6fcb4d;
}

#content #main .img {
    margin-bottom: 20px;
    width: 100%;
}

#content #sub a {
    color: #5DAFDA;
    font-family: 'Open Sans';
}

#breadcrumb {
    position: relative;
    width: 100%;
    margin: 20px auto 30px;
    height: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.realization.listing #breadcrumb {}

#breadcrumb ul {
    /*border: 1px solid #2f80b2;*/
    left: 0px;
    position: absolute;
    top: 32px;
    width: 296px;
    background: #fff;
    z-index: 2;
}

.realization.listing #breadcrumb ul {}

#breadcrumb ul+ul {
    left: 310px;
    z-index: 1;
}

.realization.listing #breadcrumb ul+ul {
    left: 330px;
}

#breadcrumb ul li {
    display: none;
}

#breadcrumb ul:hover li {
    display: none;
}

#breadcrumb ul li a {
    padding: 10px 15px;
    display: block;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#breadcrumb ul li a:hover {
    color: #2f80b2;
}

#breadcrumb ul li.active {
    display: none;
}

#breadcrumb ul li.active a {
    /*background: url('/img/strzalka.jpg') right center no-repeat #2f80b2; */
    background-color: #2f80b2;
    padding-right: 43px;
    color: #fff;
}
#realizations {
    width: 100%;
    margin: 0 auto;
}
#clients {
    width: 960px;
    margin: 0 auto;
}
.clients #content {
    padding-top: 30px;
}
#realizations .item {
    width: 33.333%;
    height: 230px;
    text-align: center;
}
#realizations .item p.www {margin: 0 auto;width: 300px;}

#realizations .item a>img,
#ostatnio-zrealizowane .last_rel .item a>img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 180px;
    width: 300px;
}

#realizations .item>a {
    position: relative;
    display: block;
    width: 300px;
    margin: 0 auto;
}

#realizations .item:nth-child(3n+1)>a,
#realizations .item:nth-child(3n+1) p.www {
    margin: 0;
}

#realizations .item:nth-child(3n+3)>a,
#realizations .item:nth-child(3n+3) p.www {
    float: right;
}

#realizations .item .hoverInfo {
    background: none repeat scroll 0 0 rgba(37, 40, 43, 0.6);
    color: #fff;
    display: none;
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#realizations .item .hoverInfo>div {
    display: table-cell;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    vertical-align: middle;
}

#realizations .item .hoverInfo>div img {
    margin-bottom: -5px;
}

#realizations .item .hoverInfo h3 strong {
    display: block;
    font-size: 24px;
    text-transform: none;
}

#realizations .item:hover .hoverInfo {
    display: table;
}

#realizations .item .www a {
    float: left;
}

#realizations .item .www span {}

.realizacje #features span {
    background: #5dafda;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0 8px 8px 0;
    padding: 8px 10px;
    text-transform: uppercase;
}

.realizacje #features span.green {
    background: #5dafda;
}

#cataloger-navigation a {
    position: fixed;
    bottom: 45%;
    width: 100%;
}

#cataloger-navigation a {
    width: 42px;
    height: 48px;
    display: block;
}

#cataloger-navigation a span {
    display: none;
}

#cataloger-navigation .next {
    background: url('/img/global-nav-right.png') 0 0 no-repeat;
    right: 0px;
}

#cataloger-navigation .prev {
    background: url('/img/global-nav-left.png') 0 0 no-repeat;
    left: 0px;
}


/***** KLIENCI ******/

.clients #content span {
    max-width: 300px;
    min-width: 278px;
    margin: 0 9px 20px;
    height: 198px;
    text-align: center;
    border: 1px solid #e0e0e0;
    line-height: 200px;
    vertical-align: middle;
}

.clients #content span img.client {
    vertical-align: middle;
    width: 300px;
    height: 180px;
}


/***** KONTAKT *****/

.google-maps {
    height: 540px;
}

#dane-kontakt {
    background: #5dafda;
}

#dane-kontakt .wrapper {
    margin: 0 auto 40px;
    overflow: hidden;
    padding: 0 5%;
    color: #fff;
    display: table;
    vertical-align: middle;
}

#dane-kontakt p {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    padding-bottom: 0;
    width: 33.3333%;
}

#dane-kontakt p.alignRight {
    text-align: right;
}

#dane-kontakt p a {
    color: #fff;
}

.contact #content {
    padding-bottom: 20px;
}

.contact #content #dane-form {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 5%;
    overflow: hidden;
}

.contact #content #dane-form h2 {
    text-align: center;
    padding-bottom: 50px;
    padding-top: 10px;
    font-size: 38px;
    clear: both;
}

.contact #content #dane-form>p {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    float: left;
    min-height: 100px;
    padding: 25px 1% 25px;
    width: 33.3333%;
    margin-bottom: 50px;
}

.contact #content #dane-form>p strong,
.contact #content #dane-form>p strong a {
    color: #5dafda;
}

.contact #content #dane-form>p.col {
    width: 50%;
    font-size: 18px;
    clear: none;
}

.contact #content #dane-kontakt p.phone {
    background: url("/img/phone.png") no-repeat left center rgba(0, 0, 0, 0);
    background-size: 37px 64px;
    padding-left: 60px;
}

.contact #content #dane-form>p.phone.oneline {
    padding-top: 40px;
}

.contact #content #dane-kontakt p.mail {
    background: url("/img/email.png") no-repeat left center rgba(0, 0, 0, 0);
    background-size: 67px 44px;
    padding-left: 100px;
}

.contact #content #dane-form>p.map-pin {
    background: url("/img/map-pin-blue.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    padding-left: 80px;
}

#contactForm {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    float: none;
    clear: both;
}

#contactForm fieldset {
    width: 50%;
    float: left;
}

#contactForm #dane-adresowe {
    width: 25%;
}

#contactForm textarea {
    resize: none;
}

.col3 {
    width: 33.3333%;
}

.col4 {
    width: 25%;
}

.oferta #contactForm {
    width: 100%;
    clear: none;
    float: left;
}

.oferta #contactForm #dane-adresowe {
    width: 25%;
}

.oferta #contactForm #dane-adresowe p {
    width: 100%;
}

.oferta #contactForm fieldset {
    width: 50%;
}

.oferta .phoneMail {
    width: 100%;
    margin-bottom: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.oferta .contact-wrapper {
    background-color: #F9F9F9;
    overflow: hidden;
    padding: 15px 20px
}

.oferta .phoneMail .contact-list strong.icon-phone {
    font-size: 20px;
}

.oferta #content #main a {
    color: #5dafda;
    font-family: 'Open Sans';
}
.oferta #content #main #ostatnio-zrealizowane a {
    color: #25282b;
}

.oferta #content #main .phoneMail ul li {
    list-style-type: none;
    width: 24%;
    padding-right: 1%;
    margin-left: 0;
    float: left;
    font-size: 16px;
}

.contact #contactForm {
    float: right;
    width: 100%;
    clear: none;
}

#contactForm p {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    padding: 0 5% 15px 0;
    width: 100%;
}

#contactForm #contact-message p {
    padding-right: 0;
}

#contactForm .full {
    width: 100%;
    clear: both;
    padding-right: 0;
}

#contactForm .button {}

#contactForm #dane-adresowe label {
    display: block;
    padding-bottom: 5px;
}

.clients #content h1 {
    padding-bottom: 30px;
}

#contactForm #dane-adresowe .text {
    border: 1px solid #25282b;
}

#contactForm #dane-adresowe #confirm_email {
    display: none;
}

#contactForm #dane-adresowe .text,
#contactForm textarea {
    border: 1px solid #ccc;
    padding: 3px 7px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#contactForm textarea {
    height: 150px;
}

#content #main {
    float: right;
    width: 75%;
    padding: 40px 0 30px 2%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#content #main h1,
#tinymce h1 {
    padding-bottom: 30px;
}

#content #main h2,
#content #sub h2,
#content .row h2,
#tinymce h2 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 25px;
    text-align: justify;
    font-weight: normal;
}

#content #main h3,
#tinymce h3 {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 25px;
    text-align: justify;
}

#content .row {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table;
    margin: 35px 0 55px;
    overflow: hidden;
    width: 100%;
}

#content .row h2 {
    display: table-cell;
    font-size: 38px;
    line-height: 50px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
}

#content .row>.content {
    display: table-cell;
    width: 75%;
}

#content #sub>ul {
    padding-bottom: 24px;
    width: 80%;
    margin: 0 auto;
}

#content #sub>ul>li {
    padding-bottom: 10px;
}

#content #sub ul li {
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    margin-left: 40px;
}

#content #sub ul li+li {
    padding-bottom: 10px;
}

#content #sub ul li+li a {
    font-weight: normal;
    /*color: #25282b;*/
    font-size: 14px;
}

.praca #content #sub ul li+li a {
    font-size: 18px !important;
}

#content #main p {padding-bottom:25px;}

#content #main ul {
    padding-bottom: 25px;
}

#content #main ul li {
    padding-bottom: 10px;
    margin-left: 40px;
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    list-style-type: disc;
    font-size: 14px;
}

#content #main ol li {
    padding-bottom: 10px;
    margin-left: 40px;
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    font-size: 14px;
    list-style-type: outside;
}


@media screen and (max-width: 480px) {
  #content #main ul li {
    margin-left: 0;
  }
}

#content #main #sub ul li {
    list-style-type: none;
}
#content #main #sub ul li:first-child a {
    font-size: 18px;
}

#content #sub {
    width: 24%;
    padding: 40px 0 200% 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
}

.oferta #content #sub,
.praca #content #sub {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #f9f9f9;
}

.oferta #content #sub .active>a {
    color: #6fcb4d;
}

.praca #content #sub a {
    color: #25282b;
    font-family: 'Open Sans';
}

.praca #content #sub .active a {
    color: #5dafda;
}

#ostatnio-zrealizowane {
    clear: both;
    overflow: hidden;
    padding-top: 40px;
    width: 100%;
}

#ostatnio-zrealizowane h2 {
    font-weight: none;
}

#ostatnio-zrealizowane .item {
    float: left;
    height: 230px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
}

#ostatnio-zrealizowane .item>div {
    width: 300px;
    position: relative;
}

#ostatnio-zrealizowane .item.right-item {
    display: none;
}

#ostatnio-zrealizowane .item+.item>div {
    float: right;
}

#ostatnio-zrealizowane .item.right-item>div {
    float: right;
}

#ostatnio-zrealizowane .item .www a {
    float: left;
}

#ostatnio-zrealizowane .item>a {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 300px;
}

#ostatnio-zrealizowane .item .hoverInfo {
    background: none repeat scroll 0 0 rgba(37, 40, 43, 0.6);
    color: #fff;
    display: none;
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#content #main #ostatnio-zrealizowane .item .hoverInfo>div {
    text-align: center;
    display: table-cell;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    vertical-align: middle;
}

#content #main #ostatnio-zrealizowane .item .hoverInfo h3 {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}

#ostatnio-zrealizowane .item .hoverInfo>div img {
    margin-bottom: -5px;
}

#ostatnio-zrealizowane .item .hoverInfo h3 strong {
    display: block;
    font-size: 24px;
    text-transform: none;
}

#ostatnio-zrealizowane .item:hover .hoverInfo {
    display: table;
}

#content #main ul.popularne-aplikacje,
#content #main ul.moduly-aplikacje {
    overflow: hidden;
}

#content #main ul.popularne-aplikacje>li,
#content #main ul.moduly-aplikacje>li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    margin-left: 3%;
    width: 30.333%;
}

.valid {
    border: 1px solid #53A834 !important;
}

#contactForm label.error {
    border: none !important;
    padding: 3px 0 10px 0;
    color: #E41E0A;
}

#contactForm input.error,
#contactForm textarea.error {
    border: 1px solid #E41E0A !important;
}

strong.breadcrumb {
    float: left;
}

strong.breadcrumb span {
    box-sizing: border-box;
    display: block;
    padding: 10px 15px;
    text-transform: uppercase;
    background: url("/img/strzalka.jpg") no-repeat scroll right center #2f80b2;
    color: #fff;
    padding-right: 43px;
    width: 298px;
}

.breadcrumb-parent {
    float: left;
    position: relative;
    margin-right: 32px;
    z-index: 10;
    box-sizing: border-box;
}

.breadcrumb-parent ul {
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

.sb-slidebar {
    display: none;
    z-index: 2000;
}

.sb-slidebar ul li a.active {
    border-bottom: 2px solid #FFF;
}

.sb-slidebar .logo img {
    display: block;
    margin: 15px auto;
    max-width: 190px;
    height: auto;
}

.sb-slidebar a {
    color: #FFF;
    font-size: 24px;
    line-height: 45px;
}

.sb-slidebar li {
    box-sizing: border-box;
    text-align: center;
}

.sb-slidebar .dane-adresowe {
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 100%;
}

.sb-slidebar .dane-adresowe a,
.sb-slidebar .dane-adresowe p {
    color: #FFF;
    font-size: 24px;
    line-height: 24px;
    padding: 5px 0;
}

.sb-slidebar .dane-adresowe hr {
    width: 60%;
    background-color: #FFF;
    height: 1px;
    margin: 10px auto;
}

#map iframe {
    pointer-events: none;
}


/*PODSTRONA CMS*/

.cms h3 {
    text-align: center;
    font-size: 36px;
    font-weight: 100;
    margin-bottom: 50px;
}

.cms p {
    letter-spacing: 0.05em;
    line-height: 25px;
}

.sekcja {
    border-bottom: 1px solid #eee;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.sekcja:first-of-type {
    padding-bottom: 0px;
}

.sekcja.optymalizacja-pod-pozycjonowanie .col-md-4 .inner,
.budowa-modulowa-przykladowe-moduly .col-md-4 .inner {
    height: 200px;
    display: table;
    /*background:#c0c0c0;*/
    /*border-bottom:2px solid #c0c0c0; */
    width: 100%;
    margin: 0 auto 30px auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sekcja.optymalizacja-pod-pozycjonowanie .col-md-4 .inner p,
.budowa-modulowa-przykladowe-moduly .col-md-4 .inner p {
    vertical-align: middle;
    display: none;
    text-align: center;
    padding: 1px 23px;
}

.sekcja.optymalizacja-pod-pozycjonowanie .inner.seo {
    background: none;
    border: none;
}

.sekcja.optymalizacja-pod-pozycjonowanie .col-md-4 .inner.seo:hover {
    background: inherit;
}

.sekcja.optymalizacja-pod-pozycjonowanie .col-md-4 .inner:hover {
    background: #DBF1FA;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.budowa-modulowa-przykladowe-moduly .col-md-4 .inner:hover {
    background: #34495Ef;
    color: white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sekcja.optymalizacja-pod-pozycjonowanie .col-md-4 .inner h2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    font-size: 90px;
}

.sekcja.optymalizacja-pod-pozycjonowanie .col-md-4 h3,
.budowa-modulowa-przykladowe-moduly .col-md-4 h3 {
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    font-family: "Open Sans";
    max-width: 50%;
    font-weight: 300;
}

.budowa-modulowa-przykladowe-moduly .col-md-4 {
    height: 250px;
    text-align: center;
    margin-bottom: 30px;
}

.budowa-modulowa-przykladowe-moduly .col-md-4 p {
    font-size: 20px;
}

.cms h4 {
    padding-bottom: 25px;
    line-height: 25px;
}

.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms p {
    font-family: "Open Sans";
}

.cms h1 {
    font-size: 36px;
    font-weight: 300;
}

.cms h3 {
    font-size: 30px;
    font-weight: 400;
}

.cms ul,
.cms ul li,
.cms ul li a,
.cms a {
    text-decoration: none !important;
    margin-bottom: 0;
}

.cms footer ul li a:hover {
    color: white;
}

/*.cms header #menu { top: 30px; }*/

.cms header #menu #menu-slide {
    bottom: -5px !important;
}


/*KONIEC PODSTRONA CMS*/


/* MENU RWD */

ul.dl-menu {
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
}

.debug {
    display: none;
}


/* Ukrywanie tla konkretnego slajdu na mobilach
/* żeby popprawić wynik page speed insights */

@media screen and (max-width: 768px) {
    .slide.fundacja-tesco-dzieciom-2>div {
        background-image: none !important;
        background-color: #00a885;
    }
}

#dane-form strong {
font-size: inherit;
}

@charset "UTF-8";
#webisoContact * {
  box-sizing: border-box !important;
}

#webisoContact.no-js input + label, #webisoContact.no-js input:focus + label, #webisoContact.no-js input.notempty + label, #webisoContact.no-js textarea + label, #webisoContact.no-js textarea:focus + label, #webisoContact.no-js textarea.notempty + label {
  font-size: 10px !important;
  top: 5px !important;
  color: #25282b !important;
  -ms-transform: none !important;
      transform: none !important;
}

@media (min-width: 1000px) {
  #webisoContact .form-cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
        flex-flow: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}

#webisoContact .form-col {
  display: block;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  box-sizing: border-box;
  margin-bottom: 45px;
}

#webisoContact .form-col:last-child .form-input, #webisoContact .form-col:last-child .form-input textarea {
  height: 100%;
}

#webisoContact .form-col .form-input {
  position: relative;
  margin-bottom: 12px;
}

#webisoContact .form-col .form-input::after {
  position: absolute;
  top: 20px;
  right: 7px;
  content: ' ';
  opacity: 0;
  font-size: 1px;
  transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.9);
}

#webisoContact .form-col .form-input.check::after {
  content: '✓';
/*  content: '✅'; */
  color: #53A934;
  opacity: 1;
  font-size: 18px;
}

#webisoContact .form-col .form-input:last-child {
  margin-bottom: 0;
}

#webisoContact .form-input input {
  height: 56px;
  outline: none;
  box-shadow: none;
}

#webisoContact .form-input input,
#webisoContact .form-input textarea {
  padding: 20px 10px 3px;
  padding: 25px 0px 8px;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
  line-height: 19px;
  font-size: 14px;
  box-sizing: border-box;
}

#webisoContact .form-input textarea {
  padding-top: 30px;
  min-height: 100%;
  resize: vertical;
  line-height: 23px;
}

#webisoContact .form-input input:focus,
#webisoContact .form-input textarea:focus {
  border-color: #76AFDA;
  border-width: 2px;
}

#webisoContact .form-input input:focus + label,
#webisoContact .form-input textarea:focus + label,
#webisoContact .form-input .notempty + label {
  transform: scale(0.8) translateY(-12px) translateZ(0);
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: gray;
}

#webisoContact .notempty {
  border-color: #53A934 !important;
}

#webisoContact .notempty + label::after {
  /* ☑ ☒ ☓ ✓ ✓ ✕ ✖ ✗ ✘ */
  content: '✓';
  content: '';
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  font-size: 14px;
}

#webisoContact .notempty.fail {
  border-color: #ad5050 !important;
  border-width: 2px;
}

#webisoContact .notempty.fail, #webisoContact .notempty.fail + label {
  color: #ad5050 !important;
}

#webisoContact .notempty.fail + label::after {
  content: '✗';
  content: '';
}

#webisoContact .notempty.warn {
  border-color: #F57F17 !important;
  border-width: 2px;
}

#webisoContact .notempty.warn + label {
  color: #F57F17 !important;
}

#webisoContact .notempty.warn + label::after {
  content: '✗';
  content: '';
}

#webisoContact .form-input label {
  pointer-events: none;
  position: absolute;
  top: 16px;
  font-size: 14px;
  left: 10px;
  left: 0;
  z-index: 5;
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  -ms-transform: scale(1);
      transform: scale(1);
  color: #000;
  transition: .1s;
}

#webisoContact .form-input label * {
  pointer-events: all;
  line-height: inherit;
  font-size: inherit;
}

#webisoContact .form-input label, #webisoContact .form-input label span {
  line-height: 16px;
}

#webisoContact #formSubmit {
  display: block;
  width: auto;
  margin: 0 auto;
  float: none;
}

#contactMessage {
  margin: 0 auto;
  text-align: center;
  border: 1px solid #ccc;
  margin-bottom: 25px;
  padding: 17px 15px;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 1000px) {
  #contactMessage {
    width: 50%;
  }
}

#contactMessage ul {
  padding-bottom: 0 !important;
}

#contactMessage ul li:last-child {
  padding-bottom: 0 !important;
}

#contactMessage.alert-info {
  border-color: #76AFDA;
}

#contactMessage.alert-info p {
  margin: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

#contactMessage.alert-warning, #contactMessage.alert-danger {
  border-color: 1px solid #F57F17;
}

#contactMessage.alert-success {
  border-color: #53A934;
  background-color: #6FCB4D;
  color: white;
  border-color: #6FCB4D;
  padding: 40px 15px;
}

#contactMessage.alert-success h3 {
  font-size: 19px;
  margin-bottom: 25px;
}

#contactMessage.alert-success h3::after {
  display: inline-block;
  margin-left: 14px;
  font-size: 34px;
  vertical-align: sub;
  color: #53A934;
  color: white;
}

@media (min-width: 560px) {
  #contactMessage.alert-success h3::after {
    content: '✅';
  }
}

#contactMessage.alert-success p {
  margin: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

#contactMessage.alert-success p br {
  display: none;
}

@media (min-width: 560px) {
  #contactMessage.alert-success p br {
    display: block;
  }
}

body.contact .form-col {
  display: block;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  box-sizing: border-box;
}

@media (min-width: 1000px) {
  body.contact .form-col:first-child {
    padding-left: 150px;
  }
  body.contact .form-col:last-child {
    padding-right: 150px;
  }
}

@media (min-width: 1500px) {
  body.contact .form-col:first-child {
    padding-left: 300px;
  }
  body.contact .form-col:last-child {
    padding-right: 300px;
  }
}

body.oferta #contactMessage {
  width: 100%;
}

body.oferta #contactMessage h3 {
  text-align: center !important;
  padding-bottom: 0 !important;
}

body.oferta #webisoContact {
  padding-top: 50px;
  max-width: none !important;
  min-width: auto !important;
}

.new-contact-wrapper {
  padding: 15px 20px;
}

.new-contact-wrapper .contact-list a {
  background: #6FCB4D;
  color: white !important;
  padding: 5px 10px;
}

i.fa.fa-caret-down {
    width: 0;
    height: 0;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: white transparent transparent transparent;
    display: inline-block;
padding-bottom: 3px;
    transform-origin: 50% 50%;
}
.rodo {margin-bottom: 20px; font-size: 11px; text-align: justify;}
@media only screen and (min-width: 1000px) {
    .kontakt-rodo .rodo {
        padding: 0 160px;
    }
}
@media only screen and (min-width: 1500px) {
    .kontakt-rodo .rodo {
        padding: 0 310px;
    }
}

p.rodo {line-height: 14px;}

/* Nowy formularz */
@charset "UTF-8";#wyslij-wiadomosc{max-width:100%!important;min-width:1px;margin-top:30px}#wyslij-wiadomosc .form-input{position:relative;margin-bottom:25px}@media only screen and (min-width:992px){#wyslij-wiadomosc .form-input:last-child{margin-bottom:0}}#wyslij-wiadomosc .form-input input,#wyslij-wiadomosc .form-input select,#wyslij-wiadomosc .form-input textarea{border:none;background-color:#fff;display:block;width:100%;padding:25px 0 8px;font-size:20px;outline:0;box-shadow:none;border-bottom:1px solid #ccc;border-radius:0;transition:.5s}#wyslij-wiadomosc .form-input textarea{border-bottom-right-radius:2px;line-height:24px;font-size:15px;box-sizing:border-box;padding-right:37px;transition:.05s}#wyslij-wiadomosc .form-input.has-error input,#wyslij-wiadomosc .form-input.has-error select,#wyslij-wiadomosc .form-input.has-error textarea{border-right:5px solid #F57F17;border-top-right-radius:0;border-bottom-right-radius:0}#wyslij-wiadomosc .form-input[data-required=true]::before{content:'*';position:absolute;right:13px;color:#515151;font-size:137px;font-family:Arial;line-height:136px;text-align:center;overflow:hidden;bottom:0;height:45px;z-index:1;opacity:.1}#wyslij-wiadomosc .form-input input{height:auto}#wyslij-wiadomosc .form-col{display:flex;flex-flow:column;justify-content:space-between}#wyslij-wiadomosc .form-col>*{margin-bottom:12px}#wyslij-wiadomosc .form-col>:last-child{margin-bottom:0}#wyslij-wiadomosc .form-input textarea{min-height:100px;height:291px;resize:vertical}#wyslij-wiadomosc .form-input .notempty+label,#wyslij-wiadomosc .form-input input:focus+label,#wyslij-wiadomosc .form-input textarea:focus+label{-webkit-transform:scale(.9) translateY(-12px) translateZ(0);transform:scale(.9) translateY(-12px) translateZ(0);-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#535459}#wyslij-wiadomosc .notempty,#wyslij-wiadomosc .notempty+label{border-color:#53A934}#wyslij-wiadomosc .notempty.fail,#wyslij-wiadomosc .notempty.fail+label{border-color:#ad5050!important}#wyslij-wiadomosc .notempty.warn{color:#535459!important;border-color:#F57F17!important}#wyslij-wiadomosc .form-input::after{content:'✔';display:inline-block;margin-left:5px;line-height:inherit;position:absolute;top:0;right:15px;font-size:20px;opacity:0;-webkit-transform:scale(0);transform:scale(0);color:#53A934;transition:.3s ease-in-out;transition:.3s cubic-bezier(.68,-.55,.265,1.3)}#wyslij-wiadomosc .check input{border-color:#53A934!important}#wyslij-wiadomosc .check::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#wyslij-wiadomosc .form-input label{pointer-events:none;position:absolute;top:10px;left:0;z-index:5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1);transform:scale(1);color:#535459;letter-spacing:.02em;transition:.2s}#wyslij-wiadomosc .form-input label *{pointer-events:all}#wyslij-wiadomosc .form-checkbox{margin:20px 0 15px;color:#aeb0b3;position:relative}#wyslij-wiadomosc .form-checkbox input{opacity:0;position:absolute;width:10px;height:10px;left:10px;top:10px}#wyslij-wiadomosc .form-checkbox input:checked+label .check::after{-webkit-transform:scale(1);transform:scale(1);opacity:1}#wyslij-wiadomosc .form-checkbox input:checked~.when-checked{opacity:1;max-height:700px;margin-top:20px}#wyslij-wiadomosc .form-checkbox label{padding-top:5px;padding-left:40px;display:block;position:relative;cursor:pointer;font-size:14px;line-height:22px}#wyslij-wiadomosc .form-checkbox label .check{position:absolute;top:5px;left:5px;display:inline-block;width:20px;height:20px;line-height:18px!important;font-size:12px;background-color:transparent;color:#fff;border:1px solid #ccc;margin-right:7px;border-radius:2px;vertical-align:initial;text-align:center;transition:.5s}#wyslij-wiadomosc .form-checkbox label .check::after{content:'✔';-webkit-transform:scale(0);transform:scale(0);opacity:0;color:#2b323a;transition:.4s}#wyslij-wiadomosc .form-checkbox .check-description .extra,#wyslij-wiadomosc .form-checkbox .when-checked{margin-top:0;max-height:0;overflow:hidden;opacity:0;text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:12px;line-height:20px;color:#aeb0b3;transition:.2s ease-in-out}#wyslij-wiadomosc .form-checkbox .check-description .more-description{display:block;text-align:right;color:#535459}#wyslij-wiadomosc .form-checkbox .check-description .more-description.open-extra+.extra{opacity:1;max-height:700px;margin-top:20px}#wyslij-wiadomosc .form-select{position:relative;display:inline-block;vertical-align:middle;height:60px;line-height:26px;font-size:14px}#wyslij-wiadomosc .form-select select{display:none;width:100%;margin-left:auto;height:100%;background-color:#fff;color:#535459;-moz-appearance:none;-webkit-appearance:none}#wyslij-wiadomosc .form-select select option:first-child{display:none}#wyslij-wiadomosc .form-select .select-hide{max-height:0!important}#wyslij-wiadomosc .form-select .select-selected{height:60px;line-height:46px;font-size:19px;padding-left:23px!important;background-color:#fff;border:1px solid #ccc;border-radius:0;color:#535459}#wyslij-wiadomosc .form-select .select-items div,#wyslij-wiadomosc .form-select .select-selected{padding:8px 16px;cursor:pointer;transition:.1s ease-in-out}#wyslij-wiadomosc .form-select .select-items{position:absolute;background-color:#fff;border-radius:5px;color:#2b323a;font-weight:500;margin-top:3px;top:100%;left:25px;right:25px;z-index:99;transition:.5s ease-in-out;max-height:700px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.15)}#wyslij-wiadomosc .form-select .select-items div:first-child{border-bottom:1px solid #ededed}#wyslij-wiadomosc .form-select .same-as-selected,#wyslij-wiadomosc .form-select .select-items div:hover,#wyslij-wiadomosc .select-selected:hover::after{color:#0066ad}#wyslij-wiadomosc .select-selected::after{position:absolute;content:"▿";content:"▾";top:10px;right:10px;display:inline-block;transition:.3s;color:#535459;font-family:Arial;font-size:48px}#wyslij-wiadomosc .select-selected.select-arrow-active:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#0066ad}#wyslij-wiadomosc #formSubmit{margin:0 auto 25px;float:none;display:block}#wyslij-wiadomosc[data-javascript=false] .form-select select{display:block!important;padding-top:7px}#wyslij-wiadomosc[data-javascript=false] .more-description{display:none!important}#wyslij-wiadomosc[data-javascript=false] .check-description .extra,#wyslij-wiadomosc[data-javascript=false] .when-checked{max-height:none!important;opacity:1!important}#odpowiedz{margin:0 auto 30px;max-width:980px;border:1px solid #a3a9a4;padding:30px 15px;border-radius:2px;text-align:center}#odpowiedz ul{color:#535459;padding:0;margin:0;list-style:none!important}#odpowiedz ul li{margin:0 0 10px;list-style:none!important;font-size:15px;text-align:left}#odpowiedz p,#odpowiedz.alert-success *{text-align:center!important}#odpowiedz ul li:last-child{margin:0}#odpowiedz ul li::before{content:'';height:7px;width:7px;background-color:#ad5050;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}#odpowiedz h3{color:#53A934;font-size:34px;margin-bottom:20px}#odpowiedz.alert-success{background-color:#6FCB4D}#odpowiedz.alert-success *{color:#fff}#odpowiedz.alert-success h3 i{color:#53A934}#odpowiedz.alert-success p{margin:0 auto;padding:0}#wyslij-wiadomosc .form-cols{max-width:980px;margin:0 auto 35px}@media only screen and (min-width:992px){#wyslij-wiadomosc .form-cols{display:flex;justify-content:space-between;align-items:start}#wyslij-wiadomosc .form-cols .col-lg-6{width:47%}}
p.rodo {
max-width: 980px;
margin: 0 auto 35px;
}

.child-middle {
    display: flex!important;
    flex-flow: row wrap;
    justify-content: stretch;
}
.child-middle .child-middle-inside {
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.has-children .fa-caret-down:before {
    display: none;
}

.pricing-ul {
    line-height: 40px; margin-top: 20px;
}
.pricing-ul li a {
    color: #FFF; font-size: 18px; font-weight: 200; font-family: 'Open Sans', sans-serif; vertical-align: middle;
}
.pricing-ul li a:hover {
    text-decoration: none;
}
.pricing-ul li img {
    max-width: 20px; margin-right: 15px;
}
.text-right {text-align: right;}
.text-right button {margin-top: 20px; margin-bottom: 20px;}
.quote-sign {position: relative; margin-left: 15px; z-index: 3; cursor: pointer;}
.quote-sign::before {content: ''; background: #4792ba; width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%;}
.group-tile {position: relative; overflow: hidden; z-index: 2;}
.group-tile img {position: absolute; top: 0; bottom: 0; height: 100%; left: -100px; z-index: -1; opacity: .3;}
.group-tile.active img {left: 15px; height: 100%;}
.rodo_content {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index:10;background: rgba(0, 0, 0, .32); opacity: 0; transition: .4s all ease; pointer-events: none; border-radius: 3px;}
.rodo_content .text {position: absolute; top: 50%; left: 50%; border-radius: 3px; transform: translate(-50%, -50%); width: 800px; padding: 30px; color: #2f80b2; background: #FFF; text-align: justify;line-height:1.43;}
.rodo_content .text .button {display: block; margin: 15px auto 0 auto;}
.rodo_content .active {max-height: 40px;}
.closePulse {padding: 14px; width: 45px; height: 45px; border-radius: 50%;  background: #5dafda;position: absolute;top: 0;right: 0;transform: translate(30%, -30%); cursor: pointer; animation: pulse 2s infinite; transition: .1s all ease-in;}
.closePulse:hover {background: #20526d;}
.closeThanks {background-color: #2f80b2;}
.rodo_content.showed {opacity: 1; pointer-events: all;}
#formularz-sent {transition: .2s all ease-in;}
#formularz-sent p {padding: 0;}
#formularz-sent .quote_h3 {margin-bottom: 13px!important;}
#formularz-sent.showed {pointer-events: all!important; opacity: 1!important;}
#formularz-sent.hidden {opacity: 0; pointer-events: none;}

#quote, #quote2 { background: #5DB0DA; padding: 30px 0; line-height:1.43; }
.quote_height > div { padding: 5px 25px!important; }
.quote_first { color: #FFF; }
.quote_inside { padding: 15px; width: 100% }
.quote_h2 { margin-bottom: 0px; font-size: 30px; }
.quote_h2.notup {text-transform: none;}
.quote_h3 { font-size: 19px!important; margin-bottom: 0px!important; font-weight: 200!important; }
.pricing-ul { line-height: 40px; }
.pricing-ul a { transition: .1s all ease; }
.pricing-ul a:hover { color: #EEE; }
#quote_phone { font-size: 30px; font-weight: 600; }
.webiso_form input, .webiso_form textarea{
   display:block;
   font-family: 'Open Sans', sans-serif;
   /* margin-bottom: 25px; */
   border-bottom: 1px solid #aed7ec;
   background:transparent;
   width: 100%;
   color: #FFF;
   padding: 9px 11px;
   font-size: 15px;
}
.webiso_form textarea {
    max-height: 190px;
    min-height: 150px;
}
.webiso_form label.eval.alert input {
    border-bottom: 2px solid #b73232;
}
.readMore {font-size: 90%;}
@media screen and (max-width: 800px) {
  .rodo_content .text {width: 95%; max-width: 400px; max-height: 350px; overflow-x: hidden; overflow-y: scroll; padding: 70px 30px 30px 30px; }
  .rodo_content {position: fixed;}
  .closePulse {right: 50%; transform: translate(50%, -50%);}
  #quote .text-right {text-align: center;}
  .webiso_form textarea {min-height: 50px;}
  .cta-button {display: none;}
}
@media screen and (min-width: 801px) {
  .quote_first { height: 300px; }
  .quote_h2 { margin-bottom: 15px; font-size: 30px; }
  .quote_h3 { font-size: 20px!important; margin-bottom: 30px!important; }
  #quote_phone { font-size: 30px; font-weight: 600; }
  .pricing-ul { line-height: 40px; margin-top: 5px; }
  .quote-box-height { height: 195px; }
  .rodoBox { min-height: 65px!important; }
}
@media screen and (min-width: 1201px) {
  .quote_first { height: 500px; }
  .quote_height { height: 500px; }
  .quote_h2 { margin-bottom: 0px; font-size: 40px; }
  .quote_h3 { font-size: 24px!important; margin-bottom: 30px!important; }
  #quote_phone { font-size: 40px; font-weight: 600; }
  .pricing-ul { line-height: 60px; margin-top: 20px; }
  .quote-box-height { height: 195px; }
  .rodoBox { min-height: 85px!important; }
}
@media screen and (min-width: 1401px) {
  .quote_second { width: 50%!important; margin-left: 8.33333333%; }
  .readMore {font-size: 100%;}
}
.rwd-cta {
    background: #0d4f77;
    border-radius: 4px;
    padding: 13px 17px;
    color: #ffffff;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px;
}
.webiso_form label.eval:focus-within p.label, .webiso_form p.label.visible {
    color: #aed7ec;
    top: 0;
}
.webiso_form .valid-form.visible {
    max-width: 250px;
    padding-right: 4px;
    padding-left: 4px;
}
@keyframes pulse {
  0% {
    box-shadow:0 0 0 0 rgba(145, 145, 145, .7);
  }
  70% {
      box-shadow: 0 0 0 10px rgba(145, 145, 145, 0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(145, 145, 145, 0);
  }
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 104px;
  height: 104px;
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75);
  background: #FFF;
  border-radius: 50%;
  padding: 20px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #5db0da;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #5db0da transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wycena_preloader {
    opacity: 0;
    pointer-events: none;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
@media screen and (max-width: 992px) {
    .wycena_preloader {
        transform: translate(-50%, -250px);
    }
}
.departments > li {
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    padding-right: 20px;
}
.departments > li h3 {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 12px;
}
.departments > li > ul > li {
    line-height: 180%;
    font-size: 17px;
    font-weight: 300;
}
.departments > li > ul > li a {
    color: #FFF;
}
.departments > li > ul > li img {
    margin-right: 10px;
}
#quote2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#quote2::before {
    content: '';
    position: absolute;
    height: 800px;
    width: 800px;
    top: 100%;
    background: #519fc7;
    right: 100%;
    transform: translate(70%,-50%);
    border-radius: 100%;
    z-index: -1;
}

.entries {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blog_entry {
    width: 48%;
}

.blog_entry .blog_summary {
    margin: 15px;
}

#content #main .blog_entry .blog_summary h2 {
    text-align: left;
    padding-bottom: 15px;
}

#content #main .blog_entry strong {
    font-size: inherit;
}

.blog_entry figure {max-width: 100%;}

.blog_entry figure img {max-width: 100%;border-radius: 5px;}

.blog_here figure {min-height: 350px;border-radius: 5px;position: relative;overflow: hidden;}

.blog_here figure section {
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: flex;
    z-index: 1;
}

.blog_here figure section p {
    margin: 0 15px 0 0;
    padding-bottom: 0;
    font-size: 20px;
    color: #f9f9f9;
}
#content .blog_here figure section strong {font-size: 20px;}
.blog_overlay {background: rgba(47,128,178,.54);position: absolute;top: 0; right: 0; bottom: 0; left: 0;}
/* Stylesheet: Podstawowy Modified On 2023-05-19 14:45:59 */
@media (min-width:1800px) {
    .oferta #services .item {float:none !important; display:inline-block; width:33% !important;}
}

@media (max-width: 1023px) {
    #footerMenu ul:nth-child(3) {
        width: 50%;
        margin-top: 20px;
    }
    
    #footerMenu ul:nth-child(3) li {
      display: block;
      width: 50%;
      float: left;
    }
    
    #footerMenu ul:nth-child(3) li:first-child {
      width: 100%;
    }
  
    footer .footer-address {
        width: 50%;
        margin-top: 20px;
        padding-left: 0px;
    }
    
    footer .footer-address > div {
        padding: 0px 10px 0px 10px;
        width: 100%;
    }
}

@media (max-width: 600px) {
    footer .footer-address,
    #footerMenu ul:nth-child(3) {
        width: 100%;
    }
}

@media (max-width: 400px) {
    #footerMenu ul:nth-child(3) li {
      width: 100%;
    }
}

@media (min-width: 1024px) {
    footer .footer-address {
        width: 260px;
        padding-left: 0px;
    }
}

@media (min-width: 1200px) {
    footer .footer-address {
        width: 350px;
    }
}

@media (min-width: 1800px) {
  .wrapper{
    max-width: 1600px;
    min-width: 1600px;
  }
  #realizations .item {
    width: 20%;
  }
#realizations .item:nth-child(3n+1) > a,
#realizations .item:nth-child(3n+1) p.www{
    margin: 0 auto;
}
#realizations .item:nth-child(3n+3) > a,
#realizations .item:nth-child(3n+3) p.www{
    float: none;
}
#realizations .item:nth-child(5n+1) > a,
#realizations .item:nth-child(5n+1) p.www{
    margin: 0;
}
#realizations .item:nth-child(5n+5) > a,
#realizations .item:nth-child(5n+5) p.www{
    float: right;
}
  #clients{
    width: 1600px;
    margin: 0 auto;
  }
  .realization.listing #breadcrumb{
    margin: 20px auto 30px;
  }
  #aboutUs .wrapper{
    max-width: 1100px;
    min-width: 1100px;    
  }
  .service.even .text{
    width: 40% !important;
  }
  header #logo{
    left: 10px;
  }
  footer #footerMenu li.oferta ul li:nth-child(3n){
    border-right: none;
  } 
  footer #footerMenu li.oferta ul li:nth-child(2n+1) {
    border-right: 1px solid #414446;
    clear: none;
  }
#ostatnio-zrealizowane {
    clear: both;
    overflow: hidden;
    padding-top: 40px;
    width: 100%;
}
#ostatnio-zrealizowane h2{
    font-weight: none;
}
#ostatnio-zrealizowane .item {
    float: left;
    height: 230px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 33.333%;
}
#ostatnio-zrealizowane .item > div{
    width: 300px;
}
#ostatnio-zrealizowane .item.right-item{
    margin-right: 0;
    padding-right: 0;
    display: block;
}
#ostatnio-zrealizowane .item + .item > div {
    margin: 0 auto;
    float: none;
}
#ostatnio-zrealizowane .item.right-item > div{
    float: right;
}
#ostatnio-zrealizowane .item .www a {
    float: left;
}
#ostatnio-zrealizowane  .item > a {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 300px;
}
#ostatnio-zrealizowane .item .hoverInfo {
    background: none repeat scroll 0 0 rgba(37, 40, 43, 0.6);
    color: #fff;
    display: none;
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding:0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#content #main #ostatnio-zrealizowane .item .hoverInfo > div{
    text-align: center;
    display: table-cell;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    vertical-align: middle;
}
#ostatnio-zrealizowane .item .hoverInfo > div img {
    margin-bottom: -5px;
}
#ostatnio-zrealizowane .item .hoverInfo h3 strong {
    display: block;
    font-size: 24px;
    text-transform: none;
}
#ostatnio-zrealizowane .item:hover .hoverInfo{
    display: table;
}
#content #main {min-height:790px;}
}
@media (min-width: 1441px) and (max-width: 1799px) {
  .wrapper{
    max-width: 1380px;
    min-width: 1380px;
  }
  #clients{
    width: 1280px;
    margin: 0 auto;
  } 
  #realizations .item {
    width: 25%;
  } 
#realizations .item:nth-child(3n+1) > a,
#realizations .item:nth-child(3n+1) p.www{
    margin: 0 auto;
}
#realizations .item:nth-child(3n+3) > a,
#realizations .item:nth-child(3n+3) p.www{
    float: none;
}
#realizations .item:nth-child(4n+1) > a,
#realizations .item:nth-child(4n+1) p.www{
    margin: 0;
}
#realizations .item:nth-child(4n+4) > a,
#realizations .item:nth-child(4n+4) p.www{
    float: right;
}
  .realization.listing #breadcrumb{
    margin: 20px auto 30px;
  }
  footer #footerMenu li.oferta ul li:nth-child(3n){
    border-right: none;
  }
  footer #footerMenu li.oferta ul li:nth-child(2n+1) {
    border-right: 1px solid #414446;
    clear: none;
  }
#ostatnio-zrealizowane {
    clear: both;
    overflow: hidden;
    padding-top: 40px;
    width: 100%;
}
#ostatnio-zrealizowane h2{
    font-weight: none;
}
#ostatnio-zrealizowane .item {
    float: left;
    height: 230px;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 33.333%;
}
#ostatnio-zrealizowane .item > div{
    width: 300px;
}
#ostatnio-zrealizowane .item.right-item{
    margin-right: 0;
    padding-right: 0;
    display: block;
}
#ostatnio-zrealizowane .item + .item > div {
    margin: 0 auto;
    float: none;
}
#ostatnio-zrealizowane .item.right-item > div{
    float: right;
}
#ostatnio-zrealizowane .item .www a {
    float: left;
}
#ostatnio-zrealizowane  .item > a {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 300px;
}
#ostatnio-zrealizowane .item .hoverInfo {
    background: none repeat scroll 0 0 rgba(37, 40, 43, 0.6);
    color: #fff;
    display: none;
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding:0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#content #main #ostatnio-zrealizowane .item .hoverInfo > div{
    text-align: center;
    display: table-cell;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    vertical-align: middle;
}
#ostatnio-zrealizowane .item .hoverInfo > div img {
    margin-bottom: -5px;
}
#ostatnio-zrealizowane .item .hoverInfo h3 strong {
    display: block;
    font-size: 24px;
    text-transform: none;
}
#ostatnio-zrealizowane .item:hover .hoverInfo{
    display: table;
}

#content #main {min-height:790px;}

}
@media only screen and (max-width: 1140px){
  .wrapper{
    max-width: 1100px;
    min-width: 320px;
    padding: 0 2%;
  }
  .realizacje.v2 #sub,
  .realizacje.v2 #content #otherRealization{
     padding-right: 0;
  }
  header #logo{
    left: 20px;    
  }
  header #menu{
    right: 20px;
  }
  #services .item{
    height: 410px;
    position: relative;
    padding-bottom: 47px;
  }
  .service{
    background-position: 70% center !important;
  }
  .service.even{
    background-position: 30% center !important;
  }
  .service .text{
    width: 65% !important;
  }
  .service.even .text {
    width: 60% !important;  
  }
  #services .item .button {
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    position: absolute;
  }
  #title h1{
    margin-left: 20px;
  }
  #aboutUs p{
    margin-bottom: 20px;
  }
  footer ul.last{
    border-left: 1px solid #414446;
  }
  footer ul.last ul.last{
    border: none;
  }
  header #menu li {
    margin: 0 8px;
  }
  .contact #content #dane-form > p{
    width: 50%;
  }
  
  .swipe .swipe-wrap > div,
  .swipe .swipe-wrap .slide > div { 
      height: 500px;
  }
    
    #slider .text {top: 145px;}
}

@media only screen and (max-width: 999px){
  #realizations .item {
    width:50%;
  }
  #realizations {width:640px;}
  
#realizations .item:nth-child(3n+1) > a,
#realizations .item:nth-child(3n+1) p.www{
    margin: 0 auto;
}
#realizations .item:nth-child(3n+3) > a,
#realizations .item:nth-child(3n+3) p.www{
    float: none;
}
#realizations .item:nth-child(2n+1) > a,
#realizations .item:nth-child(2n+1) p.www{
    margin: 0;
}
#realizations .item:nth-child(2n+2) > a,
#realizations .item:nth-child(2n+2) p.www{
    float: right;
}
  #clients{
    width: 640px;
    margin: 0 auto;
  }
  .realization.listing #breadcrumb {
    margin: 20px auto 30px;
  }
  
  #content > nav#breadcrumb {
      width: 640px;
  }
  
  .breadcrumb-parent {margin-right: 0;}
  .breadcrumb-parent:nth-child(2n) {float: right;}
}

@media only screen and (max-width: 970px){
  #contactBar{
    height: auto;
    padding-bottom: 40px;
  }
  #contactBar p,
  #contactBar p.email{
    width: 350px;
    margin-right: auto;
    margin-left: auto; 
    float: none;
    text-align: center;
  }
  #dane-kontakt p{
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
    text-align: center;
    width: 350px;
    height: auto;
  }
 
}
@media only screen and (max-width: 900px){
  #services{
    padding-bottom: 0;
  }
  .oferta #services .item,
  #services .item{
    width: 50%;
    height: 400px;
    margin-bottom:50px;
  }
  #portfolioReview.wrapper{
    height: auto;
  }
  #portfolioReview .chart{
    width: 50%;
    margin-bottom: 40px;
  }
  .service{
    background: #fff !important;
    height: auto !important;
    padding-bottom: 30px;
  }
  .service h1{
    font-size: 35px;
    text-align: left;
  }
  .service.even{
    background: #5DAED9 !important;
  }
  .service .text,
  .service.even .text{
    float: none !important;
    width: 100% !important;
    text-align: justify;
  }
  header #menu li {
    margin: 0 7px;
  }
  #content .row h2{
    width: 100%;
    display: block;
  }
  #content .row > .content{
    width: 100%;
    display: block;    
  }
  
  .swipe .swipe-wrap > div, .swipe .swipe-wrap .slide > div {height: 475px;}
}

@media (min-width: 800px) and (max-width:1100px) {
    #content #main {min-height:1000px;}
}

@media (min-width: 1101px) and (max-width:1440px) {
    #content #main {min-height:900px;}
}

@media only screen and (max-width: 800px){
  .cms .zaprezentuj-swoja-firme-jak-tylko-chcesz img, .cms .hierarchiczna-struktura-podstron img {width:100%;}
  
  header.wrapper{
    overflow: visible;
  }
  header #menu{
    position: static;
  }
  #menu > ul{
    background: #FFFFFF;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(100%, 0px, 0px);
    transition: transform 500ms ease 0s;
    visibility: hidden;
    width: 0;
    z-index: 11;
    border-left: 1px solid #5DAFDA;    
  }
  #menu > ul li{
    float: none;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #5DAFDA;
  }
  #menu > ul li a{
    padding: 15px 20px;
    display: block;
  }
  #menu.open > ul {
    transform: none;
    visibility: visible;
    width: 50%;
  }
  #mobile-menu {
      cursor: pointer;
      display: block;
      position: absolute;
      right: 20px;
      top: 27px;
  }
  
  .praca #content #main,
  .praca #content #sub,
  .oferta #content #main,
  .oferta #content #sub {
     float: none;
     width: 100%;
     padding-left: 0;
  }
  
  .praca #content #sub > ul,
  .oferta #content #sub > ul {
    float: left;
    width: 50%;
  }
  #contactBar{
      height: auto;
      padding-bottom: 33px;
  }
  #aboutUs h1{
    font-size: 35px;
  }
  #aboutUs p{
    width: 75%;
    margin-bottom: 10px;
  }
  .realizacje.v2 #content #main,
  .realizacje.v2 #content #sub,
  .realizacje.v2 #content #otherRealization{
    float: none;
    width: 100%;
    clear: both;
    padding: 0;
    margin-bottom: 30px;
    overflow: hidden;
  }
  .realizacje.v2 #content #otherRealization{
    text-align: center;
  }
  .realizacje.v2 #otherRealization .realizacja-add {
    width: 300px;
    margin: 0 10px 20px;
    display: inline-block;
    border: none;
  }
  .realizacje.v2 #otherRealization .realizacja-add + .realizacja-add{
    border: 0;
    margin-top: 0;
    padding-top: 0;
  }
  #contactForm{
    margin-bottom: 20px;
  }
  #contactForm,
  .contact #content #dane-form > p {
     width: 100%;
   }
  .contact #content #dane-form > p{
     text-align: center;
  }
  #cataloger-navigation a {bottom:0;}
  
  .praca #content #sub,
  .oferta #content #sub {
    position:relative; 
    padding-bottom:30px;
  }
  
  .praca #content #sub > ul,
  .oferta #content #sub > ul {
    box-sizing: border-box; 
    padding-left:20px;
  }
  
  .swipe .swipe-wrap > div, .swipe .swipe-wrap .slide > div {height: 425px; background-size: cover;}
  
  .swipe h2 {font-size: 36px;}
  #slider .text {top: 115px;}
}
@media only screen and (max-width: 679px){
  #realizations .item {
    width: 100%;
  }
#realizations .item:nth-child(3n+1) > a,
#realizations .item:nth-child(3n+1) p.www{
    margin: 0 auto;
}
#realizations .item:nth-child(3n+3) > a,
#realizations .item:nth-child(3n+3) p.www{
    float: none;
}
#realizations .item:nth-child(2n+1) > a,
#realizations .item:nth-child(2n+1) p.www{
    margin: 0 auto;
}
#realizations .item:nth-child(2n+2) > a,
#realizations .item:nth-child(2n+2) p.www{
    float: none;
}
  #clients{
    width: 300px;
    margin: 0 auto;
  }
  .realization.listing #breadcrumb {
    margin: 20px auto 30px;
  }
  .realization.listing #breadcrumb ul {
    position: static;
    margin-bottom: 10px;
  }
  #realizations .item .www a,
  #realizations .item .www span{
    margin: 0;
  }
  #breadcrumb{
  }
  #breadcrumb ul{
    left: 0;
  }
  #breadcrumb ul + ul {
    left: 0;
    top: 50px;
  }
  #content .col,
  #content .col.right{
    width: 100%;
    padding: 0;
    float: none;
    clear: both;
  }
 .contact #content #dane-form > p.col,
 #contactForm fieldset{
    clear: both;
    width: 100% !important;
    float: none;
  }
  #contactForm p{
    padding: 0 5% 15px; 
  } 
  #contactForm .button {
    margin-right: 5%;
  }
  #ostatnio-zrealizowane .item{
    width: 100%;
    float: none;
  }
  #ostatnio-zrealizowane .item > div{
    margin: 0 auto;
  }
  #ostatnio-zrealizowane .item.right-item{
    display: block;
  }
  #ostatnio-zrealizowane .item + .item > div,
  #ostatnio-zrealizowane .item.right-item > div{
    float: none;
  }
  
  #contactForm #dane-adresowe,
  #contactForm fieldset {
    width: 100%;
  }
  
  #contactForm .full {
    padding-right: 5% !important;
  }
}

@media only screen and (min-width: 640px) and (max-width:679px) {
    #realizations {width:620px;}
    #realizations .item {width:50%;}
    .sb-slidebar .dane-adresowe {
        position: relative;
        margin-top: 60px;
    }
    
    #content > nav#breadcrumb {
        width: 620px;
    }
}

@media only screen and (max-width: 639px){
  #realizations {width:320px;}
  #realizations .item {width:100%;}
  #content > nav#breadcrumb {width: 320px; overflow: hidden; height: auto;}
  #content > nav#breadcrumb ul {margin-top: 30px;}
  .breadcrumb-parent {float: none; width: 300px; margin: 15px auto; overflow: hidden;}
  .breadcrumb-parent {float: none !important;}
}

@media only screen and (max-width: 600px){
    
    .slide.nonetext > div {background-size: 270% auto;}
    
    #point-nav {
        display: none;
    }
    
  #realizations {width:320px;}
  #realizations .item {width:100%;}
    
  footer ul{
    float: none;
  }
  footer ul li ul{
    padding: 0 25px 0 20px;
    border-right: none;
  }
  footer ul li ul + ul {
    padding: 0 25px 0 20px;
  } 
  footer #footerMenu li.oferta ul {
    width: auto;
  }
  footer #footerMenu li.oferta ul li:nth-child(3n){
    border-right: 1px solid #414446;
  }
  footer ul li.oferta ul li{
    border: none !important;
  }
  .oferta #content #main .phoneMail ul li{
    width: 100%;
    padding: 0;
    text-align: center;
    float: none;
    margin-bottom: 10px;
  }
  .oferta #content #main .phoneMail ul{
    padding-bottom: 0;  
  }
  
  .swipe .swipe-wrap > div, .swipe .swipe-wrap .slide > div {height: 325px;}
  .swipe h2 {font-size: 30px;}
  .swipe h3 {font-size: 18px;}
  #slider .button {height: 35px; line-height: 35px; padding: 0 35px;}
  #slider .text {
      top: 86px;
  }
}
@media only screen and (max-width: 480px){
  
  #slider .bar.black {
      display: none;
  }
    
  .oferta #content #sub > ul {
      padding-left:0px;
  }
  
  #menu ul{
    transform: translate3d(0px, -100%, 0px);
  }
  #menu.open ul {
    width: 100%;
    text-align: center;    
  }
  .oferta #services .item,
  #services .item{
    width: 100%;
    height: 380px;
  }
  #portfolioReview .chart{
    width: 100%;
    margin-bottom: 40px;
  }
  #aboutUs h1{
    font-size: 30px;
  }
  #aboutUs p{
    width: 100%;
    margin-bottom: 10px;
    text-align: justify;
  }
  #contactForm #dane-adresowe > p{
    width: 100%;
    padding: 0 0 15px;
    float: none;
    clear: both;
  }

  .o-nas #head .content {
    margin-left: 5%;
    padding-top: 30px;
 }
  #contactForm .full {
    padding: 0 0 15px;
  }
  #contactForm .button{
    margin-right: 0;
  }

  .oferta #content #sub > ul{
    width: 100%;
    text-align: center;
  }
 #content #main ul.popularne-aplikacje > li,
 #content #main ul.moduly-aplikacje > li {
    float: none;
    margin-left: 5%;
    width: 95%;
 }
 #contactForm .full {padding-right:0px !important;}
 
 .sb-slidebar .dane-adresowe {
        position: relative;
        margin-top: 60px;
    }
 
}
@media only screen and (max-width: 400px){
  
  
  
  #contactBar p{
    padding-left: 0;
    padding-top: 80px;
    background-position: top center !important;
    clear: both;
    height: auto;
    overflow: hidden;
    padding-bottom: 0;
    width: 100%;
  }
  #dane-kontakt p{
    background-position: center top !important;
    clear: both;
    height: auto;
    overflow: hidden;
    padding-left: 0;
    padding-top: 80px;
    width: 100%;
    margin-top: 20px;
  }
  .contact #content #dane-kontakt p.phone{
    padding-left: 0; 
  }
  .contact #content #dane-kontakt p.mail {
    padding-left: 0;
    padding-top: 50px;
  }
  #contactBar p.email{
    padding-left: 0;
    padding-top: 50px;
    width: 100%;
  }
  #contactBar .wrapper{
    padding: 0 20px;
  }
  .swipe h2{
    font-size: 35px;
  }
  .swipe h3{
    font-size: 20px;
  }
  #aboutUs .wrapper{
    padding-top: 66px;  
  }
  #aboutUs img {
    max-width: 85%;
    position: static;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    display: block;
    margin-bottom: 50px;
    height: auto;
  }
  #aboutUs p{
    margin-bottom: 0;
  }
  #webiso {
      margin-bottom: 30px;
      text-align: center;
      width: 100%;
      float: none;
  }
  .clients #content span {margin: 0 0 20px 0;
}
}

@media only screen and (max-width: 360px) {
    .swipe .swipe-wrap .slide.nonetext > img {left:0; margin-left:0;}
    
    .swipe .swipe-wrap > div, .swipe .swipe-wrap .slide > div {height: 250px;}
    .swipe h2 {font-size: 24px;}
    .swipe h3 {font-size: 16px;}
    
    #slider .button {
        height: 34px;
    }
    #slider .text {
        top: 75px;
    }
    #slider .text h2, #slider .text h3 {margin-bottom:12px;}
    #slider > .wrapper {display: none;}
    .swipe h3 {margin-bottom: 18px;}
}



/* Stylesheet: Responsive Modified On 2022-03-24 10:53:33 */
/*
* Component.css
*/

@font-face {
	font-family: 'md-icons';
	src:url('https://old-2023.webiso.pl/fonts/mdicons/md-icons.eot');
	src:url('https://old-2023.webiso.pl/fonts/mdicons/md-icons.eot?#iefix') format('embedded-opentype'),
		url('https://old-2023.webiso.pl/fonts/mdicons/md-icons.woff') format('woff'),
		url('https://old-2023.webiso.pl/fonts/mdicons/md-icons.ttf') format('truetype'),
		url('https://old-2023.webiso.pl/fonts/mdicons/md-icons.svg#md-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Slider style */
.md-slider {
	width: 100%;
	position: relative;
	height: 650px;
	padding-top: 40px;
	margin: 10px 0;
}

.md-slider > nav {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 0;
}

.md-slider > nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #ddd;
	margin: 3px;
	border-radius: 2px;
	outline: none;
}

.touch .md-slider > nav a {
	width: 20px;
	height: 20px;
	margin: 2px 8px;
}

.md-slider > nav a:hover,
.md-slider > nav a.md-current {
	background: #aaa;
}
#slider .webiso-wiecej .text.white {
    text-align: left;
}

@media only screen and (max-width: 800px){
  #slider .webiso-wiecej .text.white {
    text-align: center;
  }
}

/* General style for all devices */
.md-device-wrapper {
	position: absolute;
	text-align: center;
	width: 760px;
	margin: 0 auto;
	left: 50%;
	top: 0;
	transform: translate(-50%, -10%) scale(.5);
}

@media screen and (min-width: 1400px) {
    .md-device-wrapper {
        transform: translate(-50%, 10%) scale(.8);
    }
}

.md-device {
	position: relative;
	display: inline-block;
	border-radius: 5px;
	background-color: #333;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.md-device > a,
.md-device > a img {
	display: block;
	outline: none;
}

.md-device > a {
	position: relative;
}

.md-device > a img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.md-device > a img.md-fadeout {
	opacity: 0;
}

/* reset box sizing for this demo */
/* we want the paddings to be added to our width/height */
.md-device,
.md-device div,
.md-device:before,
.md-device:after {
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

/* Common pseudo elements' properties */
/* md-device:before -- camera / top element */
/* md-device:after -- home button */
/* md-base-element:after -- socket of base */
/* md-border-element:after -- grey inset opending macbook */
.md-device:before,
.md-device:after,
.md-base-element:after,
.md-border-element:after {
	position: absolute;
	content: '';
	z-index: 1000;
	left: 50%;
	top: 0;
}

.md-device:before,
.md-device:after {
	background: #000;
}

.md-device:before {
	-webkit-transform: translateY(300%) translateX(-50%);
	-moz-transform: translateY(300%) translateX(-50%);
	-ms-transform: translateY(300%) translateX(-50%);
	transform: translateY(300%) translateX(-50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
}

.md-device > div {
	position: absolute;
}

/* button for rotating a device */
.md-device button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	z-index: 1001;
	border: none;
	color: #fff;
	background: #101010;
	text-align: center;
	cursor: pointer;
	margin: -25px 0 0 -25px;
	opacity: 0;
	outline: none;
}

.md-device:hover button,
.touch .md-device button {
	opacity: 1;
}

.md-device button:before {
	font-family: 'md-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 30px;
	line-height: 50px;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.md-device.md-rotated button {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	transform: scaleX(-1);
}

/* Let's predefine some properties so that transitions happen smoothly */
.md-border-element,
.md-base-element,
.md-border-element:after {
	opacity: 0;
}

/* md-device:after -- home button (device 3 and 4) */
.md-device:after {
	width: 24px;
	height: 24px;
	top: 100%;
	border-radius: 50%;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: translateY(-200%) translateX(-50%) scale(0);
	-moz-transform: translateY(-200%) translateX(-50%) scale(0);
	-ms-transform: translateY(-200%) translateX(-50%) scale(0);
	transform: translateY(-200%) translateX(-50%) scale(0);
}

/* md-border-element -- border bottom iMac, keyboard/base macbook */
.md-border-element {
	height: 60px;
	border-radius: 0 0 5px 5px;
	top: 100%;
	width: 100%;
	background: #ddd;
	left: 50%;
}

/* md-border-element:after; -- grey inset opending macbook */
.md-border-element:after {
	background: #aaa;
	width: 100px;
	border-radius: 0 0 6px 6px;
	height: 10px;
	opacity: 0;
}

.md-border-element,
.md-border-element:after {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* md-base-element -- base imac */
.md-base-element {
	top: 100%;
	left: 50%;
	width: 160px;
	height: 0;
	background: transparent;
	border-bottom: 60px solid #ddd;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	-webkit-transform: translateY(60px) translateX(-50%) translateY(-75%);
	-moz-transform: translateY(60px) translateX(-50%) translateY(-75%);
	-ms-transform: translateY(60px) translateX(-50%) translateY(-75%);
	transform: translateY(60px) translateX(-50%) translateY(-75%);
	z-index: -1;
}

/* md-base-element:after -- socket of base imac */
.md-base-element:after {
	background: #ddd;
	border-radius: 30px 30px 10px 10px;
	width: 260px;
	height: 12px;
	-webkit-transform: translateY(60px) translateX(-50%);
	-moz-transform: translateY(60px) translateX(-50%);
	-ms-transform: translateY(60px) translateX(-50%);
	transform: translateY(60px) translateX(-50%);
}

/* Device 1 (large monitor) */
.md-device-1 {
	padding: 30px;
	border-radius: 5px 5px 0 0;
}

.md-device-1 > a {
	width: 700px;
	height: 455px;
}

.md-device-1 .md-border-element {
	opacity: 1;
}

.md-device-1 .md-base-element {
	opacity: 1;
	-webkit-transform: translateY(60px) translateX(-50%) translateY(0);
	-moz-transform: translateY(60px) translateX(-50%) translateY(0);
	-ms-transform: translateY(60px) translateX(-50%) translateY(0);
	transform: translateY(60px) translateX(-50%) translateY(0);
}

/* Device 2 (laptop) */
.md-device-2 {
	padding: 30px;
	border-radius: 5px 5px 0 0;
}

.md-device-2 > a {
	width: 600px;
	height: 390px;
}

.md-device-2 .md-border-element {
	opacity: 1;
	width: 125%;
	height: 35px;
	background: #ddd;
	border-radius: 0 0 20px 20px;
}

.md-device-2 .md-border-element:after {
	opacity: 1;
}

/* Device 3 (tablet) */
.md-device-3 {
	padding: 55px 40px;
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
}

.md-device-3.md-rotated {
	-webkit-transform: translateY(40px) rotate(90deg);
	-moz-transform: translateY(40px) rotate(90deg);
	-ms-transform: translateY(40px) rotate(90deg);
	transform: translateY(40px) rotate(90deg);
}

.md-device-3 > a {
	width: 280px;
	height: 375px;
}

.md-device-3:before {
	-webkit-transform: translateY(600%) translateX(-50%);
	-moz-transform: translateY(600%) translateX(-50%);
	-ms-transform: translateY(600%) translateX(-50%);
	transform: translateY(600%) translateX(-50%);
}

.md-device-3:after {
	-webkit-transform: translateY(-175%) translateX(-50%) scale(1);
	-moz-transform: translateY(-175%) translateX(-50%) scale(1);
	-ms-transform: translateY(-175%) translateX(-50%) scale(1);
	transform: translateY(-175%) translateX(-50%) scale(1);
}

/* Device 4 (smartphone) */
.md-device-4 {
	padding: 50px 12px 70px;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}

.md-device-4.md-rotated {
	-webkit-transform: translateY(50px) rotate(90deg);
	-moz-transform: translateY(50px) rotate(90deg);
	-ms-transform: translateY(50px) rotate(90deg);
	transform: translateY(50px) rotate(90deg);
}

.md-device-4 > a {
	width: 200px;
	height: 299px;
}

.md-device-4:before {
	width: 20px;
	height: 4px;
	border-radius: 3px;
	-webkit-transform: translateY(600%) translateX(-50%);
	-moz-transform: translateY(600%) translateX(-50%);
	transform: translateY(600%) translateX(-50%);
}

.md-device-4:after {
	-webkit-transform: translateY(-200%) translateX(-50%) scale(1);
	-moz-transform: translateY(-200%) translateX(-50%) scale(1);
	transform: translateY(-200%) translateX(-50%) scale(1);
}

/* Transitions */
.md-device,
.md-device:before,
.md-border-element,
.md-device > a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-base-element,
.md-device:after,
.md-border-element:after {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.md-device,
.md-device:before,
.md-border-element,
.md-device > a,
.md-base-element,
.md-device:after,
.md-border-element:after {
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.md-device > a img {
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

.md-device button {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

@media screen and (max-width: 1440px){
	
	.md-slider { 
		height: 400px;
	}

	.md-device-wrapper {
		/*-webkit-transform: scale(0.5) translateX(-50%) translateY(10%);*/
		/*-moz-transform: scale(0.5) translateX(-50%) translateY(10%);*/
		/*-ms-transform: scale(0.5) translateX(-50%) translateY(10%);*/
		/*transform: scale(0.5) translateX(-50%) translateY(10%);*/
		/*-webkit-transform-origin: 0 0;*/
		/*-moz-transform-origin: 0 0;*/
		/*-ms-transform-origin: 0 0;*/
		/*transform-origin: 0 0;*/
		/*left: 50%;*/
		
	}

}


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

	.md-slider {
		height: 300px;
	}

	/*.md-device-wrapper {*/
	/*	-webkit-transform: scale(0.4) translateX(-50%) translateY(10%);*/
	/*	-moz-transform: scale(0.4) translateX(-50%) translateY(10%);*/
	/*	-ms-transform: scale(0.4) translateX(-50%) translateY(10%);*/
	/*	transform: scale(0.4) translateX(-50%) translateY(10%);*/
	/*	-webkit-transform-origin: 0 0;*/
	/*	-moz-transform-origin: 0 0;*/
	/*	-ms-transform-origin: 0 0;*/
	/*	transform-origin: 0 0;*/
	/*	left: 50%;*/
	/*}*/

}




/* 
	Menu mobilne - component.css 
 */
 @font-face {
    font-family: 'icomoon';
    src: url('https://www.webiso.pl/fonts/icomoon.eot') format('embedded-opentype');
    src: url('https://www.webiso.pl/fonts/icomoon.eot?#iefix') format('embedded-opentype'), 
         url('https://www.webiso.pl/fonts/icomoon.woff') format('woff'), 
         url('https://www.webiso.pl/fonts/icomoon.ttf') format('truetype'), 
         url('https://www.webiso.pl/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ionicons';
    src: url('https://www.webiso.pl/fonts/ionicons.eot') format('embedded-opentype');
    src: url('https://www.webiso.pl/fonts/ionicons.eot?#iefix') format('embedded-opentype'), 
         url('https://www.webiso.pl/fonts/ionicons.woff') format('woff'), 
         url('https://www.webiso.pl/fonts/ionicons.ttf') format('truetype'), 
         url('https://www.webiso.pl/fonts/ionicons.svg#ionicons') format('svg');
    font-weight: normal;
    font-style: normal;
}
.dl-menuwrapper {
    width: 100%;
    z-index: 233;
    max-width: ;
    float: left;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    padding-top: 5px;
    padding-right: 5px;
}
/*
.dl-menuwrapper:first-child {
    margin-right: 100px;
}
*/
.dl-menuwrapper button {
    z-index: 1000;
    background: transparent;
    border: none;
    width: 50px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    
    background-image: url(/img/mobile-menu.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: transparent;
    background-image: none;
}

.dl-menuwrapper button.dl-active:after {
  content: "\f12a";
  font-family: "ionicons";
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #5DB0DC;
  font-size: 30px;
  box-shadow: none;
  text-indent: 0;
  top: 0;
  left: 0;
  display: block;
}

.dl-menuwrapper ul {
  background-color: #25282B;
}

/*
.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #1C3565;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #1C3565, 0 20px 0 #1C3565;
}
*/

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
    border-bottom: 1px solid #848484
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    transition: all 150ms ease 0s;
}

.dl-menuwrapper li a span {
  color: #fff;
  
  padding: 15px 30px 15px 20px;
  margin-left: -20px;
}

.no-touch .dl-menuwrapper li a:hover,
.dl-menuwrapper li a.active {
    background: rgba(255, 248, 213, 0.1);
    /* color: #F04D24; */
}

/*
.no-touch .dl-menuwrapper li a:hover span,
.dl-menuwrapper li a.active span {
    color: #F04D24;
}
*/

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after {
    position: absolute;
    top: 2px;
    left: 10px;
    line-height: 50px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
}

.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    /*right: 20px;*/
	right: 33px;
    top: 0;
    line-height: 50px;
    font-family: 'ionicons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    
    content: "\f218";
    
    border-left: 1px solid #848484;
    padding-left: 20px;
}


.dl-menuwrapper li.dl-back:after {
    color: white;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(255, 255, 255, 1);
}
.dl-menuwrapper .dl-menu {
    top: 50px;
    margin: 0px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.dl-menuwrapper li .dl-submenu {
    display: none;
}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}
.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
    margin-top: 0;
}
.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
    0% {} 50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}
@-webkit-keyframes MenuAnimOut2 {
    0% {} 100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}
@-webkit-keyframes MenuAnimOut3 {
    0% {} 100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}
@-webkit-keyframes MenuAnimOut4 {
    0% {} 100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}
@-webkit-keyframes MenuAnimOut5 {
    0% {} 100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}
@keyframes MenuAnimOut1 {
    0% {} 50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}
@keyframes MenuAnimOut2 {
    0% {} 100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}
@keyframes MenuAnimOut3 {
    0% {} 100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes MenuAnimOut4 {
    0% {} 100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}
@keyframes MenuAnimOut5 {
    0% {} 100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}
.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}
@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}
@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}
@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}
@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}
@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}
@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}
@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}
@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}
@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}
.no-js .dl-menuwrapper li.dl-back {
    display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}
.demo-1 .dl-menuwrapper button {
    background: #c62860;
}
.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
    background: #9e1847;
}
   

/* CUSTOM STYLE */
#dl-menu {
  display: block;
}
 
@media (min-width: 801px) {
  #dl-menu {
    display: none;
  }
}

@media (max-width: 800px) {
  header #logo {
    left: 20px;
    top: 12px;
    z-index: 230;
  }
  
  #logo img {
    width: 160px;
    /*height: auto;*/
    height: 30px!important;
  }
}

header #menu #dl-menu #menu-slide {
  display: none;
}


/* nav-trigger */
#nav-toggle:before, 
#nav-toggle:after, 
#nav-toggle span {
    /*transition-delay: 100ms;*/
    transition-duration: 300ms;
    transition-property: transform, top, bottom, left, opacity;
    transition-timing-function: ease;
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    left: 20px;
    position: absolute;
    width: 30px;
}

#nav-toggle:before {
    top: 0;
}

#nav-toggle span {
    top: 8px;
}

#nav-toggle:after {
    top: 16px;
}

#nav-toggle {
    box-sizing: border-box;
    display: block;
    height: 20px;
    right: 20px;
    position: fixed;
    top: 20px;
    width: 55px;
    z-index: 1134;
    transition: left 300ms ease 0s, top 300ms ease 0s;
}

#nav-toggle:before, 
#nav-toggle:after, 
#nav-toggle span {
    background: #5DB0DC;
}

/* open */
.menu-open #nav-toggle:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(-45deg);
}

.menu-open #nav-toggle:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(45deg);
}

.menu-open #nav-toggle:before, 
.menu-open #nav-toggle:after {
    top: 10px;
}

.menu-open #nav-toggle span {
    opacity: 0;
}

#nav-toggle {
    top: 16px
}

#quote {
    position: relative;
}
.flex {display: flex;justify-content: center;align-items: center;}
/*.webiso-hidden {height: 0!important; width: 0!important;}*/
.webiso_form .check{
    display: block;
    position: relative;
    border: 5px solid #f2f2f2;
    border-radius: 100%;
    height: 24px;
    width: 24px;
    z-index: 5;
    transition: border .25s linear;
    margin: 0 4px;
}
.webiso_form .check::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    height: 0;
    width: 0;
   background-color: #2C84CB;
    top: 50%; left: 50%;
      transform: translate(-50%, -50%);
    margin: auto;
    transition: all 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
/*    transition: all .2s cubic-bezier(.23, 1.14, .87, 1.49);*/
}
.webiso_form {position: relative;}
.webiso_form .webiso_radio {padding: 18px 30px;font-size: 14px;justify-content: flex-start;}
.webiso_form input[type=radio] {display: none!important;}
.webiso_form .webiso_radio li {
    display: flex;
    justify-content: center;
    min-width: 150px;
    margin: 0 10px;
}
.webiso_form .webiso_radio li label {cursor: pointer;}
.webiso_form input[type=radio]:checked ~ .check::before, .webiso_form input[type=checkbox]:checked ~ .check::before{width: 11px; height: 11px;}
.webiso_form textarea {height: 100%;}
.webiso_form input:focus, .webiso_form textarea:focus, button:focus{outline: 0;}
button {cursor: pointer}
.webiso_alert {
    list-style-type: none;
    padding: 15px!important;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 4px;
    background: #4792ba;
    color: #FFF;
}
.webiso_form .webiso_checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 11px auto;
    cursor: pointer;
   position: relative;
   width: auto;
}
.webiso_form .webiso_checkbox input[type=checkbox] {
   width: auto;
   position: absolute;
   left: 4px;
   opacity: 0;
   margin: 0 0 0 7px;
}
.webiso_form .webiso_checkbox input {width: auto;margin-right: 3px;}
.webiso_form .submit {width: auto;margin: 0 auto;}
.webiso_form p {clear: both;overflow: hidden;}
.webiso_form #group .form-tile{margin-bottom: 10px; margin-top: 10px;}
.webiso_form #group .form-tile.last, .webiso_form #group .other{margin-right: 0;}
.webiso_form #group .form-tile label{
    text-align: center;
    /* text-transform: uppercase; */
    cursor: pointer;
    width: 100%;
    background-color: #FFF;
    border-bottom: 2px solid #4792ba;
    border-radius: 5px;
    padding: 5px;
    /* border-top: 1px solid #2F80B2; */
    /* border-bottom: 1px solid #2F80B2; */
    color: #222;
    transition: .1s all ease;
}
.webiso_form #group .form-tile label.active, .webiso_form #group .form-tile label.active:hover{color: #5DB0DA; font-weight: 600;}
.webiso_form #group .form-tile label:hover {
    color: #53A834;
    border-color: #53A834;
}
.webiso_form #group .form-tile.other input.text[disabled="disabled"] {
    height: 0;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}
.webiso_form #group .form-tile.other input.text {
    height: auto;
    min-height: 45px;
    transition: .1s all ease;
}
.webiso_form label {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    /* text-transform: uppercase; */
    color: #FFF;
}
.webiso_form label.input_required {
    display: block;
    position: relative;
}
.webiso_form label.eval {
    position: relative;
    min-height: 60px;
    margin-bottom: 10px;
    padding-top: 15px;
}
.webiso_form p.label {
    position: absolute;
    padding: 0 11px;
    top: calc( 100% - 40px );
    transition: .3s all ease;
    pointer-events: none;
}
.webiso_form label.eval:focus-within p.label, .webiso_form p.label.visible {
    color: #aed7ec;
    /* top: calc( 100% - 65px ); */
    top: 0!important;
}
.webiso_form .valid-form.visible {
    max-width: 250px;
    padding-right: 4px;
    padding-left: 4px;
}
.webiso_form .valid-form {
    color: #de7f7f;
    position: absolute;
    right: 15px;
    padding: 3px 0;
    white-space: nowrap;
    top: 50%;
    max-width: 0;
    overflow: hidden;
    font-size: 12px;
    transform: translateY(-50%);
    transition: .3s all cubic-bezier(0.79, 0.38, 0.57, 0.54)
}
.webiso_form .form_reset {
   background-color: #f4f4f4;
   transition: .2s all ease;
   border: 0;
   padding: 0 30px;
   font-family: 'Open Sans', sans-serif;
   color: #444;
   max-height: 0;
   overflow: hidden;
}
.webiso_form .form_reset.vis {
   padding-top: 8px;
   padding-bottom: 8px;
   max-height:50px;
}
/* .webiso_form .reset_zone{
   min-height: 50px;
} */
.webiso_form label.inline {
    display: block;
    width: auto;
    min-height: 35px;
}
.webiso_form p .form-tile.num{
   width: auto;
   margin: 0;
   float: none;
}
.webiso_form .readMore {color: #add8ee; }
.webiso_form p .form-tile.last{margin-right: 0;}
.webiso_form label.error{display: block; color:#D21628;width: auto;}
.webiso_form h3, .webiso_form h4 {text-align: center;margin-bottom: 50px;margin-top: 50px;}
.thanks-sent {text-align: center;max-width: 400px; width: 100%;margin: 0 auto;padding: 30px;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -70%);z-index: 10;}
.thanks-sent {background: #fff;padding: 30px 40px;display: block;color: #2f80b2;font-weight: 600;}
@media screen and (max-width: 992px) {
    .thanks-sent {
        transform: translate(-50%, -90%);
    }
}

.file-drop-area.is-active .fields{
  background: #F9F9F9;
}
.webiso_form .file-drop-area .fields {
   border-style: dashed;
   border-width: 2px;
   border-color: #f4f4f4;
   color: #bbb;
   text-align: center;
   margin: 10px 0;
   padding: 15px 0;
}
.fake-btn {
   font-size: 30px;
  text-transform: uppercase;
}
.fake-btn p {letter-spacing: 1px; color: #444; font-size: 18px;}
.fake-btn p i {font-size: 40px; margin-bottom: 15px;}
.fake-btn p span {color: #3989bb;}


.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.file-input:focus {
  outline: none;
}
/*   ---*/
.webiso-exp {
   display: flex;
   justify-content: center;
   margin-bottom: 15px;
   margin-top: 15px;
}
.webiso-exp .checkbox {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

.webiso-exp label {
   display: inline-block;
   cursor: pointer;
   position: relative;
   width: 100%;
}
.webiso-exp p {
   padding-bottom: 0;
   display: inline-block;
}
.webiso-exp label span {
  display: inline-block;
  position: relative;
  /* background-color: #4792ba; */
  background-color: transparent;
  width: 23px;
  height: 23px;
  transform-origin: center;
  border: 1px solid #aed7ec;
  margin-right: 10px;
  border-radius: 4px;
  transition: background-color 15ms 20ms, transform 250ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}
.webiso-exp label span:before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #FFF;
  position: absolute;
  transform: rotate(45deg);
  top: 10px;
  left: 7px;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}
.webiso-exp label span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #FFF;
  position: absolute;
  transform: rotate(305deg);
  top: 14px;
  left: 8px;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
.webiso-exp label:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}
.webiso-exp label:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

.webiso-exp input[type="checkbox"] {
  display: none;
}
.webiso-exp input[type="checkbox"]:checked + label span {
  background-color: #6fcb4d;
  transform: scale(1.2);
}
.webiso-exp input[type="checkbox"]:checked + label span:after {
  width: 10px;
  background: #f4f4f4;
  transition: width 50ms ease 100ms;
}
.webiso-exp input[type="checkbox"]:checked + label span:before {
  width: 5px;
  background: #f4f4f4;
  transition: width 50ms ease 100ms;
}
.webiso-exp input[type="checkbox"]:checked + label:hover span {
  background-color: #6FCB4D;
  transform: scale(1.25);
}
.webiso-exp input[type="checkbox"]:checked + label:hover span:after {
  width: 10px;
  background: #FFF;
  transition: width 150ms ease 100ms;
}
.webiso-exp input[type="checkbox"]:checked + label:hover span:before {
  width: 5px;
  background: #FFF;
  transition: width 150ms ease 100ms;
}
body.copywriter .carrer-tile.bottom-tile {
    display: none;
}
body.copywriter p {
    margin-bottom: 25px;
}
body.copywriter .carrer-tile p {
    margin-bottom: 0;
}
body.copywriter .ap-block ul {
    display: none;
}
/*
* End of Component.css
*/

/* Stylesheet: Component.css Modified On 2022-06-10 11:04:20 */
/* Slidebars 0.10.2 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
#sb-site,.sb-site-container,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;position:relative;z-index:1;background-color:#fff}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222;-webkit-transform:translate(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}
/* Stylesheet: slidebars.min.css Modified On 2017-05-25 09:58:08 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ca44cc40680ca1cda6ae)
 * Config saved to config.json and https://gist.github.com/ca44cc40680ca1cda6ae
 *//*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}
/* Stylesheet: bootstrap.min.css Modified On 2019-03-01 12:34:25 */
/* line 6, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas, .c-offcanvas-content-wrap {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

/* line 11, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas, .c-offcanvas-content-wrap, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-bg.c-offcanvas-bg--push {
  transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}

/* line 15, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas.is-open {
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

/**
 * Offcanvas-content-wrap
*/
/* line 11, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  position: relative;
  z-index: 3;
  overflow: hidden;
  background: #fff;
}

/**
 * Offcanvas Panel
*/
/* line 21, ../../src/js-offcanvas.scss */
.c-offcanvas {
  position: fixed;
  min-height: 100%;
  max-height: none;
  top: 0;
  display: block;
  background: #fff;
  overflow: hidden;
}
/* line 35, ../../src/js-offcanvas.scss */
.c-offcanvas--opening {
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
/* line 38, ../../src/js-offcanvas.scss */
.c-offcanvas.is-closed {
  max-height: 100%;
  overflow: hidden;
  visibility: hidden;
  box-shadow: none;
}

/* line 48, ../../src/js-offcanvas.scss */
.c-offcanvas.is-scrollable {
  overflow-y: auto;
}

/* line 52, ../../src/js-offcanvas.scss */
.c-offcanvas--overlay {
  z-index: 6;
}

/* line 56, ../../src/js-offcanvas.scss */
.c-offcanvas--reveal {
  z-index: 2;
}

/**
 * Offcanvas BG-Overlay
*/
/* line 63, ../../src/js-offcanvas.scss */
.c-offcanvas-bg {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
  left: -100%;
  background-color: transparent;
  transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
/* line 73, ../../src/js-offcanvas.scss */
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
  left: 0;
  background-color: rgba(0, 0, 0, 0.68);
  visibility: visible;
}
/* line 80, ../../src/js-offcanvas.scss */
.c-offcanvas-bg.is-closed {
  visibility: hidden;
}

/**
 * Position Left
 *
*/
/* line 89, ../../src/js-offcanvas.scss */
.c-offcanvas--left {
  height: 100%;
  width: 17em;
  transform: translate3d(-17em, 0, 0);
}

/**
 *  Position Right
 *
*/
/* line 118, ../../src/js-offcanvas.scss */
.c-offcanvas--right {
  height: 100%;
  width: 17em;
  right: 0;
  transform: translate3d(17em, 0, 0);
}

/**
 * Position Top
 *
*/
/* line 130, ../../src/js-offcanvas.scss */
.c-offcanvas--top {
  left: 0;
  right: 0;
  top: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, -12.5em, 0);
}

/**
 * Position Bottom
 *
*/
/* line 140, ../../src/js-offcanvas.scss */
.c-offcanvas--bottom {
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12.5em;
  min-height: auto;
  width: 100%;
  transform: translate3d(0, 12.5em, 0);
}

/**
 * Reveal
 *
*/
/* line 149, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/* line 71, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(17em, 0, 0);
}
/* line 66, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/* line 168, ../../src/js-offcanvas.scss */
.c-offcanvas--reveal {
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

/* line 87, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
  transform: translate3d(17em, 0, 0);
}
/* line 82, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/**
 * Push
 *
*/
/* line 194, ../../src/js-offcanvas.scss */
.c-offcanvas--push {
  z-index: 6;
}
/* line 196, ../../src/js-offcanvas.scss */
.c-offcanvas--push--opening {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* line 200, ../../src/js-offcanvas.scss */
.c-offcanvas-content-wrap {
  z-index: 3;
}

/* line 71, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
  transform: translate3d(17em, 0, 0);
}
/* line 66, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/* line 87, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
  transform: translate3d(17em, 0, 0);
}
/* line 82, ../../src/js-offcanvas.mixins.scss */
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
  transform: translate3d(-17em, 0, 0);
}

/* Stylesheet: js-offcanvas.css Modified On 2017-06-14 15:08:57 */
.off-canvas-nav {
    display: none;
    background: #2f80b2;
    color: #fff;
    max-width: 360px;
    overflow-y: scroll;
    padding: 0;
    width: 80vw;
    z-index: 1010;
}

.off-canvas-nav ul {
    margin: 0;
    padding: 0;
}

.off-canvas-nav ul ul {
    background-color: #226e9c;
}
.off-canvas-nav ul ul ul {
    background-color: #1e6792;
    padding-left: 1.4rem;
}


.off-canvas-nav li {
    list-style: none;
    text-transform: uppercase;
}

.off-canvas-nav li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Open Sans';
    display: block;
    padding: 1rem 2rem;
}

.off-canvas-nav a:hover {
    background-color: #0d4f77;
}

.off-canvas-nav a.active {
    font-weight: bold;
}

.off-canvas-nav ul ul a {
    text-transform: none;
}

.off-canvas-nav .has-children {
    position: relative;
}

.off-canvas-nav__sub-menu-btn {
    background: none;
    border: none;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s ease-in-out;
    width: 45px;
}

.off-canvas-nav__sub-menu-btn:active,
.off-canvas-nav__sub-menu-btn:focus{
    outline: 0;
}

.off-canvas-nav .has-children.active > .off-canvas-nav__sub-menu-btn {
    transform: rotate(180deg);
}

.off-canvas-nav__top,
.off-canvas-nav__bottom {
    padding: 1.5rem 2rem;
}

.off-canvas-nav__bottom {
    margin-top: 1em;
    border-top: 1px solid #226e9c;
}

.off-canvas-nav .logo {
    display: block;
    margin: 0;
    max-width: 60%;
    filter: brightness(0) invert(1);
}

.off-canvas-nav .contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.off-canvas-nav .contact-list li {
    font-size: 12px;
    /*padding: 1em 0;*/
    padding: 0px 0 0px 35px;
    position: relative;
}

/*.off-canvas-nav .contact-list li:first-child {*/
/*    padding-top: 0;*/
/*}*/

/*.off-canvas-nav .contact-list li:last-child {*/
/*    padding-bottom: 0;*/
/*}*/

.off-canvas-nav .contact-list strong {
    font-weight: bold;
}

.off-canvas-nav .contact-list li a {
    color: inherit;
    margin: 0;
    padding: 3px 0;
    text-decoration: none;
    font-size: 20px;
    text-transform: none;
}

.off-canvas-nav .contact-list li a:hover {
    background-color: transparent;
}

.off-canvas-nav .contact-list .contact-list__item-br {
    display: block;
    margin: .4em 0;
    /*position: relative;*/
}

.off-canvas-nav .contact-list .contact-list__item-br svg {
    position: absolute; top: 50%; left: 0; transform: translateY(-50%);
}

.off-canvas-nav .contact-list .contact-list__item-br svg path {
    fill: #FFF;
}

/*#mobile-off-canvas-nav,*/
/*#nav-toggle {*/
/*    display: none;*/
/*}*/
/* Stylesheet: off-canvas-nav.js Modified On 2021-12-15 17:31:00 */
/*kariera*/
.karierah1{font-weight: 700; font-size: 65px; margin-top: 60px; margin-bottom: 20px;}
.karierah2, .carrer-offer h2{font-weight: 500; font-size: 35px; text-transform: none; color:#2F80B2;}
.tc{text-align: center;}
.mw100 {max-width: 100%;}
.img-center {display: block; margin: 0 auto; max-width: 460px;}
.kariera {padding-bottom: 170px; margin-top: -230px;}
.carrer-tile {background: #5dafda; color: #FFF; background: linear-gradient(89deg, rgb(59, 136, 183) 0%, rgba(47,128,178,1) 13%, rgb(68, 148, 197) 44%, rgb(56, 154, 213) 100%); padding: 35px; position: relative;}
.carrer-tile.bottom-tile {background: #f9f9f9; color: #25282B;}
.carrer-tile.bottom-tile i {margin-right: 3px; width: 15px;}
.carrer-tile p {margin-bottom: 0; margin-top: 10px; padding-bottom: 0; font-size: 16px;line-height: 160%;}
.carrer-tile p:first-child {margin-top: 0;}
.carrer-tile h1 {margin-top: 0!important; margin-bottom: 0; font-size: 40px;
    padding-bottom: 15px!important;}
.carrer-tile .contact {position: absolute; top: 35px; right: 35px;}

.carrer-tile .first {width: 50%;}
.carrer-tile .second {width: 47%;position: absolute;top: 0;bottom: 0;right: 0;overflow: hidden;}
.carrer-tile .second img {
    position: absolute; top: 0; right: 0; bottom: 0; height: 100%;
}
.carrer-text {padding: 35px; display: flex;}
.carrer-text .first {width: 60%;}
.carrer-text .second {width: 40%;}
.carrer-text h3 {font-weight: 600; color: #333;}
#main .carrer-text li {position: relative;}
#carrer-footer {padding: 30px 0 25px;}
#kariera .nav-block {position: sticky; top: 100px; width: 23%; padding-top: 20px;}
#kariera #content {overflow: unset;}
#kariera .nav-block ul {background: #F9F9F9; padding: 15px 20px; font-family: 'Open Sans', sans-serif;}
#kariera .nav-block ul li {padding: 10px 5px; font-size: 18px;}
#kariera .nav-block ul li a {padding-left: 15px; transition: .2s all ease;}
#kariera .nav-block ul li a:hover {transition: .1s all ease-in; padding-left: 20px;}
/*#kariera .nav-block .active {background: #FFF;}*/
#kariera .nav-block .active a {color: #6FCB4D;}
#kariera .nav-block a:hover {text-decoration: none;}
.carrer-ap {
    display: inline-block;
    background: red;
}
.carrer-ap svg {width: 40px; height: 40px; display: inline-block;}
.carrer-ap p {display: inline-block; font-size: 20px; transform: translateY(-30%); margin-left: 20px;}

.button.gray {
    background: #969696;
    border-bottom: 2px solid #858585;
    cursor: not-allowed;
}

.button.gray:hover {
    border-bottom: 2px solid #58585
    background: #969696;
    text-decoration: none;
}

.top-carrer {
    position: relative;
    color: #FFF;
    z-index: 1;
    padding-bottom: 50px;
}
.top-carrer .pad {
    padding-top: 20px;
    padding-bottom: 30px;
}
.top-carrer::before {
    content: '';
    background: linear-gradient(135deg, #2f80b2 0%,#2d84c1 26%,#247fc7 61%,#3488cf 100%);
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 330px;
    z-index: -1;
}
.top-carrer h1 {font-size: 37px;}
.top-carrer h2 {text-transform: none;}
.ap-block {
    width: 90%;
    border: 2px solid #f9f9f9;
    margin: 0 auto;
    position: sticky;
    top: 90px;
    text-align: center; padding: 30px;
}
.ap-block p {
    margin: 0!important;
    padding: 2px 0!important;
    color: #676767;
}
.ap-block h2 {
    color: #2D84CC;
    text-align: center!important;
    padding: 0!important;
    text-transform: none!important;
}
.ap-block ul {
    margin: 15px 0;
    padding: 0!important;
}
#footerMenu ul li a:hover {
    text-decoration: none;
    color: #FFF;
}
.ap-block li {
    display: inline-block;
    list-style-type: none!important;
    margin: 0!important;
    border: 1px solid #6fcb73;
    border-radius: 4px;
    padding: 5px 8px!important;
}
.ap-block .button {
    margin-top: 10px;
}
.search {
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
}
.search .more-job {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
}
.search .more-job a {
    display: inline-block;
    margin: 0 4px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 500;
    background: #5dafda;
    border-radius: 3px;
    color: #FFF;
    text-transform: uppercase;
}
.search .more-job p {
    display: inline-block;
    margin: 0 4px;
    padding: 3px 5px;
    color: #929292;
}
.search li div {
    padding: 3px 0 3px 17px;
    transition: .1s all ease-in;
}
.search li:nth-child(even) {
    background-color: #FBFBFB;
}
.search li div:hover {
    padding-left: 22px;
}
.search li div a {
    transition: .1s all ease-in;
}
.search li div:hover > a {
    color: #6FCB4D;
}
.search li div:hover .more-job a {
    background-color: #6FCB4D;
}
.search li p {
    padding: 0;
    font-size: 13px;
}
.search li p span {
    font-weight: 600;
}
.search li a {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #2D84CC;
}
.search li a:hover {
    text-decoration: none;
}
.search li div:hover + svg{
    fill: #2881C4;
    right: 10px;
}
.search li {
    border-bottom: 1px solid #dedede;
    position: relative;
    padding: 15px;
}
.search li svg {
    fill: #b9d6ed;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s all ease;
    z-index: -1;
}
.job-icon {
    left: 0; right: unset!important; width: 45px; height: 45px; fill:#2D84CC!important;
}
/*.icon-search span {*/
/*    display: inline-flex;*/
/*    border: 1px solid #c2e5b6;*/
/*    padding: 18px;*/
/*    margin-right: 20px;*/
/*    border-radius: 50%;*/
/*}*/
.icon-search h2 {
    text-transform: none!important;
    font-size: 27px!important;
    font-weight: 500;
}
.icon-search svg {
    fill: #53a834;
    width: 50px;
    height: 50px;
}
.icon-search {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tiles {
    padding-top: 18px;
}
.tile {
    border-radius: 7px;
    padding: 0;
    min-height: 130px;
}
.tile > div{
    margin: 0 auto;
}
.tile img {
    max-height: 40px;
    display: inline-block;
    filter: invert(1);
}
.tile p {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 15px;
    color: #FFF;
    margin-top: 20px;
    text-align: center;
}
.vp {
    padding-top: 40px;
    padding-bottom: 40px;
}
.fog {
    border-radius: 7px;
    background-color: #5199CE;
    background-size: cover;
    background-position: center;
}
.pakiet {text-align: center;}
.pakiet h4 {font-size: 30px; font-weight: 600;}
.pakiet h5 {font-size: 26px; color: #000;}
.pakiet:hover, .pakiet:focus {text-decoration: none;}
.carrer-tiles {min-height: 100px;}
.fog-xs {width: 20px; height: 20px;}
.fog-sm {width: 30px; height: 30px;}
.fog-md {width: 70px; height: 70px;}
.fog-lg {width: 80px; height: 80px;}
@media only screen and (max-width: 767px) {
    .hidden-to-md {display: none;}
    .fog {width:100%!important; min-height: 150px;}
    .search .more-job {display: none;}
    .top-carrer h1 {margin-top: 0;}
    .pakiet {padding-right: 5px!important; padding-left: 5px!important;}
    .container#services {padding-top: 0;}
    .search li div {
        padding: 3px 0;
    }
}
@media only screen and (max-width: 467px) {
    .hidden-to-md {display: none;}
    .fog {width:100%!important; min-height: 100px;}
}
@media only screen and (min-width: 768px) {
    .fog-xs {width: 30px; height: 30px;}
    .fog-sm {width: 45px; height: 45px;}
    .fog-md {width: 100px; height: 100px;}
    .fog-lg {width: 130px; height: 130px;}
    .t25 {transform: translate(25px, 25px);}
    .t100l25 {transform: translate(25px, 25px);;}
    .t50lm10 {transform: translate(-10px, 10px);}
    .t150l10 {transform: translate(2px, 86px);}
    .t120l5 {transform: translate(5px, 120px);}
    .t60l160 {transform: translate(134px, -6px);}
    .t35l25 {transform: translate(25px, 5px);}
    .tm30l22 {transform: translate(22px, -30px);}
    .t120 {transform: translateY(120px);}
    .search li p {font-size: 14px;}
    .top-carrer .pad {padding-top:30px; padding-bottom: 50px;}
    .tile p {font-size: 20px;}
    .tile img {max-height: 60px;}
    .icon-search h2 {font-size: 35px!important;}
    .search li div {padding: 3px 0 3px 5px;}
    .search li div:hover {padding-left: 10px;}
    .search li a {font-size: 20px;}
    .search .more-job a {font-size: 14px; padding: 6px 18px;}
    .tile {padding: 40px 19px;min-height: 182px; margin-top: 15px; margin-bottom: 15px;}
    .tiles {padding-top: 45px;padding-bottom: 45px;}
}
@media only screen and (min-width: 992px) {
    .carrer-tiles {min-height: 250px;}
    .fog-xs {width: 58px; height: 58px;}
    .fog-sm {width: 80px; height: 80px;}
    .fog-md {width: 160px; height: 160px;}
    .fog-lg {width: 180px; height: 180px;}
    .t150l10 {transform: translate(-17px, 162px);}
    .t25 {transform: translate(25px, 25px);}
    .t100l25 {transform: translate(25px, 70px);}
    .t50lm10 {transform: translate(-10px, 50px);}
    .t120l5 {transform: translate(5px, 120px);}
    .t60l160 {transform: translate(160px, 50px);}
    .t35l25 {transform: translate(25px, 35px);}
    .tm30l22 {transform: translate(22px, -30px);}
    .t120 {transform: translateY(120px);}
    .top-carrer .pad {padding-top:50px; padding-bottom: 70px;}
    .top-carrer::before {height: 400px;}
}
@media only screen and (min-width: 1200px) {
    .carrer-tiles {min-height: 300px;}
    .fog-xs {width: 65px; height: 65px;}
    .fog-sm {width: 85px; height: 85px;}
    .fog-md {width: 180px; height: 180px;}
    .fog-lg {width: 210px; height: 210px;}
    .t25 {transform: translate(25px, 25px);}
    .t100l25 {transform: translate(25px, 70px);}
    .t50lm10 {transform: translate(-10px, 50px);}
    .t150l10 {transform: translate(10px, 165px);}
    .t120l5 {transform: translate(5px, 120px);}
    .t60l160 {transform: translate(160px, 50px);}
    .t35l25 {transform: translate(25px, 35px);}
    .tm30l22 {transform: translate(22px, -30px);}
    .t120 {transform: translateY(120px);}
}
.tile,.tile::after {transition: all 0.3s;}

.tile {
    background: none;
  display: block;
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
    justify-content: space-between!important;
}
.tiles .row > div:nth-child(odd) .tile:before {background-color: #5DAFDA;}
.tiles .row > div:nth-child(even) .tile:before {background-color: #6FCB4D;}
.tiles .tile-cta:before {background-color: #fbfbfb!important;}
.tiles .tile.tile-cta p {color: red;}
.tiles .tile.tile-cta {border: 5px solid #ebebeb;}

.tile::after {
  background: #3690db;
  content: '';
  position: absolute;
  z-index: -1;
}

.tiles .row > div:nth-child(even) .tile:after {background: #81dc5f;}
.tiles .tile-cta:after {background: transparent;}
.tile {
  overflow: hidden;
}

.tile::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -34%;
  top: 0;
  transform: skew(22deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.tile:hover:after {
  height: 100%;
  width: 135%;
}
.tile:before {
    content: '';
    position: absolute;
    top: 0; bottom: 0; right: 0; left: 0;
    /*background: #2f80b2;*/
    z-index: -1;
}
.grot-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


#webiso_recruit { 
    opacity: 0;
    visibility: hidden;
  width: 600px;
  background: #fff;
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-80%);
}

.file-drop-area.is-active .fields{
  background: #F9F9F9;
}
#webiso_recruit .file-drop-area .fields {
   border-style: dashed;
   border-width: 2px;
   color: #BBB;
   text-align: center;
}
/*#content #main {*/
/*    border-left: 1px solid #f3f3f3;*/
/*}*/
.fake-btn {
   font-size: 30px;
  text-transform: uppercase;
}
.fake-btn p {padding: 10px 0;letter-spacing: 1px;}
.fake-btn p span {color: #3989bb;}

.file-msg {
  font-size: small;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.file-input:focus {
  outline: none;
}
   
.flex {display: flex;justify-content: center;align-items: center;}
/*.webiso-hidden {height: 0!important; width: 0!important;}*/
/*.check{*/
/*    display: block;*/
/*    position: relative;*/
/*    border: 5px solid #f2f2f2;*/
/*    border-radius: 100%;*/
/*    height: 25px;*/
/*    width: 25px;*/
/*    z-index: 5;*/
/*    transition: border .25s linear;*/
/*    margin: 0 4px;*/
/*}*/
/*.check::before {*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    border-radius: 100%;*/
/*    height: 11px;*/
/*    width: 11px;*/
/*    top: 2px;*/
/*    left: 2px;*/
/*    margin: auto;*/
/*    transition: background 0.25s linear;*/
/*}*/
#webiso_recruit {
   border-radius: 9px; z-index: 1110; overflow: hidden; background: #FFF; text-align: left;
/*   width: 600px;*/
   transition: .3s all ease;   
}
#webiso_recruit .form-frame{
   position: relative;
   background: linear-gradient(89deg, rgb(59, 136, 183) 0%, rgba(47,128,178,1) 13%, rgb(68, 148, 197) 44%, rgb(56, 154, 213) 100%);
   padding: 10px 20px; text-align: right;
}
#webiso_recruit .frame-logo{
   position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%);
   background: linear-gradient(89deg, rgb(59, 136, 183) 0%, rgba(47,128,178,1) 13%, rgb(68, 148, 197) 44%, rgb(56, 154, 213) 100%);
   padding: 10px 20px; text-align: right;
   background: #FFF;
   width: 60px; height: 60px;
   padding: 10px;
   border-radius: 10px;
}   
#closeForm {
   color: #FFF;
   transition: .2s all ease;
   cursor: pointer;
   padding: 6px 0;
   display: block;
   font-size: 20px;
}
#closeForm:hover {color: #DDD}
#webiso_recruit.visibleForm {
    display: block;
    visibility: visible;
    transform: translate(-50%,-50%);
    opacity: 1;
}
#overlay {
    position: fixed;
    top:0; left:0; right: 0; bottom: 0;
    background: #111;
    opacity: 0;
    z-index: 1050;
    transition: .3s all ease;
    visibility: hidden;
    pointer-events: none;
}
#overlay.visible {
    visibility: visible;
    opacity: .5;
}
#webiso_recruit .webiso_radio {padding: 8px 13px;font-size: 14px;justify-content: flex-start;}
#webiso_recruit input[type=radio] {display: none!important;}
#webiso_recruit .webiso_radio li {
    display: flex;
    justify-content: center;
    min-width: 150px;
    margin: 0 10px;
}
/*
#webiso_recruit .basis label {flex: 0 0 20%; margin-bottom: 10px;}
#webiso_recruit .basis input {flex: 0 0 80%; min-width: 200px;}
*/
   
#webiso_recruit .webiso_radio li label {cursor: pointer;}
/*#webiso_recruit input[type=radio]:checked ~ .check::before, #webiso_recruit input[type=checkbox]:checked ~ .check::before{background: #6fcb4d;}*/



#webiso_recruit input[type="checkbox"] + .check:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #5DAFDA;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

#webiso_recruit input[type="checkbox"] + .check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font: 14px/20px 'Open Sans', Arial, sans-serif;
  color: #ddd;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

#webiso_recruit input[type="checkbox"]:checked + .check:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}




#webiso_recruit .fields, #webiso_recruit textarea{
    transition: .2s all ease-in;
   display:block;
   margin-bottom: 10px;
   border-radius: 4px;
   border: 1px solid #f2f2f2;
   width: 100%;
   padding: 8px 13px;
}
#webiso_recruit .fields:focus-within {
    border-color: #5DAFDA;
}
#webiso_recruit .fields input, #webiso_recruit .fields span{
   border-left: 1px solid #f2f2f2;
   padding-left: 9px;
   width: 90%;
}
#webiso_recruit .fields input:focus{
   transition: .2s all ease-in;
   border-color: #5DAFDA;
}
#webiso_recruit .fields i{
   min-width: 20px;
}
#webiso_recruit input:focus, #webiso_recruit textarea:focus {
   outline: 0;
   border-color: #5DAFDA;
}
#webiso_recruit textarea {
    max-width: 100%;
    min-width: 100%;
   width: 100%!important;
    max-height: 400px;
    min-height: 150px;
    padding: 15px;
}
.webiso_alert {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    padding: 20px 20px 10px 20px!important;
    background: linear-gradient(89deg, rgb(59, 136, 183) 0%, rgba(47,128,178,1) 13%, rgb(68, 148, 197) 44%, rgb(56, 154, 213) 100%);
    color: #FFF;
}
.webiso_alert li {
    list-style-type: none!important;
    padding: 3px 0!important;
    margin: 0!important;
}
#webiso_recruit .webiso_checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 11px auto;
    cursor: pointer;
   width: auto;
   margin: 0;
   position: relative;
}
#formularz ul {
   font-size: 14px;
   padding-bottom: 0!important;
   margin-left: 0!important;
   list-style-type: none!important;
   line-height: 18px;
}
#webiso_recruit .btn-send-resume {cursor: pointer;background: #6FCB4D;border: 0;color: #FFF;transition: 0.1s all ease;padding: 10px 15px;display: inline-block;text-transform:uppercase;margin: 0;}
#webiso_recruit .btn-send-resume:hover {background: #65bf43;}
#webiso_recruit .btn-send-resume:focus {outline: 0;}
#webiso_recruit .webiso_checkbox input {width: auto;position: absolute;left: 4px;}
#webiso_recruit .submit {width: auto;margin: 0 auto; position: absolute; right: 15px; bottom: 15px;}
#webiso_recruit p {clear: both;overflow: hidden;}
#webiso_recruit #group .form-tile{margin-bottom: 15px;}
#webiso_recruit #group .form-tile.last, #webiso_recruit #group .other{margin-right: 0;}
#webiso_recruit #group .form-tile label{
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    min-height: 80px;
    background: #2F4051;
    border-radius: 2px;
    color: #FFF;
    transition: .1s all ease;
}
#webiso_recruit #group .form-tile label.active, #webiso_recruit #group .form-tile label.active:hover{background: #6fcb4d;}
#webiso_recruit #group .form-tile label:hover {background: #445712;}
#webiso_recruit #group .form-tile.other input.text[disabled="disabled"] {
    height: 0;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}
#webiso_recruit #group .form-tile.other input.text {
    height: auto;
    min-height: 45px;
    margin-top: 20px;
    transition: .1s all ease;
}
#webiso_recruit label {width: 100%;margin: 0;}
/*
#webiso_recruit .btn-send {
    border: none;
    background: #111;
    color: #FFF;
    text-transform: uppercase;
    padding: 10px 15px;
}
*/
#webiso_recruit label.inline {
    display: block;
    width: auto;
    min-height: 35px;
}
#webiso_recruit p .form-tile.num{
   width: auto;
   margin: 0;
   float: none;
}
#webiso_recruit .row {margin-top: 15px;margin-bottom: 15px;} 
#webiso_recruit .rodo_content {font-size: 12px;
    line-height: 130%;padding: 0 30px; max-height: 0; text-align: justify; transition: .4s all ease; background: #F2F2F2; margin: 0 auto; border-radius: 3px;min-width: 380px;width: 80%;position:relative;}

#webiso_recruit .rodo_content::-webkit-scrollbar {
    width: 5px;
}
 
#webiso_recruit .rodo_content::-webkit-scrollbar-track {
    /*background-color: #ebebeb;*/
    /*-webkit-border-radius: 10px;*/
    /*border-radius: 10px;*/
}

#webiso_recruit .rodo_content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}

#webiso_recruit .rodo_content.active {margin-top: 15px;max-height: 100px;overflow-y: scroll;padding: 20px 30px;margin-bottom: 15px;opacity: 1;pointer-events: all;}
#webiso_recruit .readMore {color: blue; margin: 0 5px;}
#webiso_recruit p .form-tile.last{margin-right: 0;}
#webiso_recruit label.error{display: block; color:#D21628;width: auto;}
#webiso_recruit h3, #webiso_recruit h4 {
   margin-top: 0; margin-bottom: 0px!important; padding-top: 10px!important; padding-bottom: 10px!important;
   text-align: center!important;
   font-size: 25px!important;
   color: #333;
}
.webiso_thanks {text-align: center; width: 100%;margin: 0 auto;background: #a5d330;color: #FFF;padding: 30px;border-radius: 3px;}
.webiso_thanks {background: #fff;padding: 0;margin-top: 15px;display: block;color: #333;font-weight: 400;}
   #rodoMore p {margin: 0;font-size: 14px;font-weight: 600;color: #6fcb4d; padding: 0; cursor: help}
   #terms {width: 1px;opacity: 0;}
   
@keyframes show {
    0%, 70% {width: 0px;}
    71%, 100% {width: 16px;}
}

.header-zone {
    padding: 30px 30px 20px 30px;
}
.rodo-zone {display: flex; justify-content: center; margin-bottom: 5px; padding: 0 15px;}
@media only screen and (max-width: 650px) {
    #webiso_recruit {
        width: 90%;
    }
    .header-zone {padding: 0;}
    #webiso_recruit .frame-logo {transform: translateY(50%);bottom: 50%;left: 10px;height: 40px;width: 40px;padding: 7px;}
    #webiso_recruit h3 {font-size: 17px!important;padding-top: 13px!important;padding-bottom: 8px!important;}
    #webiso_recruit hr {display: none;}
    #webiso_recruit .row {margin-top: 5px;margin-bottom: 5px;}
    #webiso_recruit .fields, #webiso_recruit textarea {font-size: 12px;}
    #webiso_recruit textarea {min-height: 100px;}
    .fake-btn p {padding: 0; font-size: 12px;}
    #content #main {border: none;}
    .carrer-tile .first {width: 100%;}
    .carrer-tile .second {position: relative;}
    .carrer-tile p {font-size: 13px;}
    .carrer-tile h1 {font-size: 25px;}
    .carrer-tile .second {height: 30px;overflow: visible; width: 100%;}
    .carrer-tile .second img {right: 50%;height: 150px;transform: translate(50%, 20px); border-radius: 7px;}
    .carrer-text {display: block;}
    .carrer-text.is-pic {margin-top: 100px;}
    .carrer-text .first {width: 100%;}
    .carrer-text .second {width: 100%;}
    #content #main ul li {margin-left: 20px; font-size: 12px;}
    #content #main h3, #tinymce h3 {font-size: 17px;}
    .ap-block {width: 100%;}
    #kariera .nav-block {width: 100%;}
    .button.gray {font-size: 12px; padding: 0 9px;}
    #webiso_recruit .rodo_content {max-width: 100%;min-width: 90%;}
    #webiso_recruit .rodo_content.active {max-height: 70px;}
    #webiso_recruit .webiso_rodo {font-size: 12px; width: 65%!important;}
    #rodoMore p {font-size: 12px;}
    .rodo-zone {margin-bottom: 15px;}
    #kariera .nav-block {padding-top: 0;}
    #content #main {padding-bottom: 0;}
}
@media only screen and (max-width: 992px) {
    .carrer-tile h1 {font-size: 29px;}
    .carrer-tile p {font-size: 14px;}
}
/* Stylesheet: rekrutacja Modified On 2019-04-17 09:09:16 */
html{
    scroll-behavior: smooth;
}
body{
    --main-color: #0a84ff; 
    --accent-color: #ecf7ff; 
    --accent-color2: #5eaeff;
    --accent-color3: #ECF7FF;
    --accent-color4: #ACACAC;
    --font-text: 'Space Grotesk';
}
.button.green:hover{
    background: var(--main-color);
}
.button.white{
    color: var(--main-color);
}
.fake-btn p span{
    color: var(--main-color);
}
#aboutUs2{
    background: url('/uploads/images/slider/webiso-wiecej-top-cover.png') center center no-repeat;
    padding: 60px 0;
    display: flex;
    align-items: center;
    min-height: 532px;
}
#tworzenieStron h1, #pozycjonowanieStron h1, #seoOptymalizacjaStron h1, #seoOptymalizacjaSklepowInternetowych h1, #projektowanieSklepow h1, #identyfikacjaWizualna h1, #blogSummary h2{
    font-weight: 400;
}
#aboutUs2 h1{
    font-weight: 600;
    line-height: 1.4;
    color: #000;
    max-width: 575px;
    margin-bottom: 30px;
}
#aboutUs2 p{
    max-width: 520px;
    font-size: 16px;
    color: #25282b;
    font-weight: 400;
    line-height: 22px;
    width: 60%;
    font-family: 'Open Sans', sans-serif;
}
#webiso_recruit .form-frame{
    background: var(--main-color);
}
#webiso_recruit .btn-send-resume{
    background: var(--main-color);
}
#rodoMore p{
    color: var(--main-color);
}
#logo img{
    object-fit: contain;
    object-position: left;
}
header #menu li.active a, header #menu li a:hover{
    color: var(--main-color);
}
header #menu #menu-slide{
    background: var(--main-color);
}
.button{
    background: var(--main-color);
    border-radius: 0;
}
.cta-button::after{
    background: var(--main-color);
    border-radius: 0;
}
#services .item .icon{
    background-color: var(--main-color);
    transition: all .3s;
}
#services .item .icon.second, #services .item .icon.pozycjonowanie{
    background-color: var(--main-color);
}
#services .item .icon.third, #services .item .icon.sklepy-internetowe{
    background-color: var(--main-color);
}
#services .item .icon.fourth, #services .item .icon.identyfikacja-wizualna{
    background-color: var(--main-color);
}
#services .item .icon.five, #services .item .icon.aplikacje-internetowe{
    background-color: var(--main-color);
}
#services .item .icon.six, #services .item .icon.prowadzenie-facebooka{
    background-color: var(--main-color);
}
#services .item:hover .icon{
    background-color: var(--accent-color2);
}
#services .item .icon .peek{
    display: none;
}
#aboutUs h1 strong{
    color: var(--main-color);
}
#contactBar{
    background: var(--main-color);
}
#blogSummary .entries .blog_summary{
    background-color: var(--main-color);
}
#blogSummary .entries .blog_summary p{
    margin: 0;
}
.blog_overlay{
    display:none;
}
#quote, #quote2{
    background: var(--main-color);
}
.quote-sign::before{
    background: var(--accent-color2);
}
.closePulse{
    background: var(--main-color);
}
.closePulse:hover{
    background: #6fcb4d;
}
.webiso-exp label span{
    border-radius: 0;
}
#content #sub a{
    color: var(--main-color);
}
.oferta #content #sub, .praca #content #sub{
    background-color: var(--accent-color);
    position: relative;
    padding: 40px 0;
    overflow: visible;
}
.oferta #content #sub::before, .praca #content #sub::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 150%;
    background: var(--accent-color);
    z-index: -1;
}
/*#content #sub > ul{
    padding-bottom: 15px;
}*/
.oferta #content #sub a, .praca #content #sub a{
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    color: var(--main-color);
}
.oferta #content #sub ul li + li a, .praca #content #sub ul li + li a{
    font-weight: normal;
}
.oferta #content #sub .active > a{
    text-decoration: underline;
    color: #000;
}
#content #sub ul li + li{
    padding-bottom: 0;
}
#content #sub ul > li{
    padding-bottom: 0;
}
.sekcja.optymalizacja-pod-pozycjonowanie .col-md-4 .inner:hover{
    background: var(--accent-color);
}
strong.breadcrumb span{
    background-color: var(--main-color);
}
#breadcurmb ul li:hover{
    color: var(--main-color);
}
.top-carrer::before{
    background: var(--main-color);
}
.fog{
    background-color: var(--accent-color2);
    border-radius: unset;
}
.search li a{
    color: var(--main-color);
}
.search .more-job a{
    background: var(--main-color);
    border-radius: unset;
}
.search li div:hover .more-job a{
    background: #000;
}
.tiles .row > div:nth-child(2n+1) .tile::before{
    background-color: var(--main-color);
}
.tile::after{
    background: var(--accent-color2);
}
.tiles .row > div:nth-child(2n) .tile::before{
    background-color: var(--accent-color2);
}
.tiles .row > div:nth-child(2n) .tile::after{
    background: var(--main-color);
}
.tile{
    border-radius: unset;
}
.carrer-tile{
    background: var(--main-color);
}
.carrer-tile .second img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top right;
}
.ap-block h2{
    color: var(--main-color);
}
.ap-block li{
    border-radius: unset;
    border-color: var(--accent-color2);
}
#kariera .nav-block ul{
    background: var(--accent-color);
}
#kariera .nav-block ul li{
    transition: .2s all ease;
    padding-left: 15px;
}
#kariera .nav-block ul li:hover{
    transition: .1s all ease-in;
    padding-left: 20px;
}
#kariera .nav-block ul li a{
    color: var(--main-color);
    padding-left: 0!important;
}
#kariera .nav-block .active a{
    color: #000;
    text-decoration: underline;
}
#poradnik .entries .blog_summary{
    background-color: var(--main-color)!important;
}
#poradnik .blog_here .blog_date > *{
    background-color: var(--main-color)!important;
}
#poradnik .blog_here .blog_date > :last-child{
    background-color: #53a834!important;
}
#poradnik .blog_here .blog_desc :is(h1, h2, h3, h4, h5, h6){
    color: var(--main-color)!important;
}
#dane-kontakt{
    background: var(--main-color);
}
.contact #content #dane-form > p strong, .contact #content #dane-form > p strong a{
    color: var(--main-color);
}
.realizacje #features span{
    background: var(--main-color);
}
.realizacje #features span.green{
    background: var(--main-color);
}
.off-canvas-nav{
    background: var(--main-color);
}
.off-canvas-nav a:hover{
    background: var(--accent-color2);
}
.off-canvas-nav .contact-list li.tel-kom{
    display: none;
}
.off-canvas-nav__bottom{
    border-top: 1px solid  var(--accent-color2);
}
.off-canvas-nav ul ul{
    background: var(--main-color);
    filter: brightness(95%);
}
.off-canvas-nav ul ul ul{
    background: var(--main-color);
    filter: brightness(93%);
}
.rwd-cta{
    background: var(--accent-color2);
    display: inline-block;
}
#nav-toggle::before, #nav-toggle::after, #nav-toggle span{
    background: var(--main-color);
}
.webiso_alert{
    background: var(--accent-color);
    color: var(--main-color);
}

/** STRONA O NAS **/
.webiso-misja, .webiso-wartosci, .webiso-cta-blog, .webiso-o-firmie, .webiso-smartwww, .webiso-etapy, .webiso-seo, .webiso-licznik{
    padding: 60px 0;
    position: relative;
}
.about-us .wrapper{
    padding: 0 15px;
}
.webiso-misja{
    text-align: center;
    padding: 130px 0;
    background: var(--accent-color);
}
.webiso-misja h1{
    font-size: 36px;
}
.webiso-wartosci .col-md-4:nth-child(-n+3){
    margin-bottom: 30px;
}
.webiso-wartosci .inner{
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 300px;
    transition: all .3s linear;
}
.webiso-wartosci .inner:hover{
    background: var(--accent-color);
}
.webiso-wartosci .inner.logo{
    background: transparent!important;
    padding: 40px 60px;
}
.webiso-wartosci .inner img{
    height: 65px;
    margin-bottom: 20px;
}
.webiso-wartosci .inner h3{
    font-weight: 600;
    font-size: 20px;
    transition: all .3s linear;
    margin-bottom: 25px;
}
.webiso-wartosci .inner p{
    font-size: 20px;
    transition: all .3s linear;
    padding: 0;
    font-weight: 300;
}
.webiso-wartosci .inner.logo img{
    max-width: 250px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.webiso-cta-blog{
    background: var(--main-color);
    padding: 50px 0;
}
.webiso-cta-blog h2{
    color: #fff;
    padding-top: 5px;
    text-transform: unset;
    font-weight: 500;
    font-size: 26px;
}
.webiso-o-firmie{
    padding: 60px 0;
}
.webiso-o-firmie .left-col{
    padding-right: 70px;
}
.webiso-o-firmie p, .webiso-smartwww p, .webiso-etapy .proces-points p, .webiso-seo p, .webiso-licznik p{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
}
.webiso-o-firmie p strong, .webiso-smartwww p strong, .webiso-etapy .proces-points p strong, .webiso-seo p strong, .webiso-licznik p strong{
    font-size: 20px;
}
.webiso-smartwww h2{
    text-transform: unset;
    font-size: 20px;
}
.webiso-smartwww img{
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    margin-bottom: 50px;
    display: block;
}
.webiso-smartwww .right-col{
    padding-left: 70px;
}
.webiso-etapy{
    background: var(--accent-color);
    padding: 80px 0;
}
.webiso-etapy h2{
    /*font-weight: 600;*/
    text-transform: unset;
    margin-bottom: 80px;
    font-size: 26px;
}
.webiso-etapy h3{
    font-size: 28px;
    text-align: center;
    display: block;
    margin: 80px auto 40px;
}
.webiso-etapy .points__bottom{
    text-align: center;
}
.webiso-etapy .proces-points p{
    font-size: 18px;
}
.light-bg {
 background-color: var(--accent-color);
}

.proces-points {
    display:flex;
    flex-flow:row wrap;
    padding-left:19px;
    overflow:hidden;
}
@media only screen and (min-width:768px) {
    .proces-points {
        flex-flow:row;
    }
}
.proces-points .proces-points-box {
    position:relative;
    flex-basis:100%;
}
.proces-points .proces-points-box::after,
.proces-points .proces-points-box::before {
    position:absolute;
    background-color:#c2c9d5;
    content:"";
}
.proces-points .proces-points-box::before {
    top:0;
    left:0;
    width:1px;
}
.proces-points .proces-points-box::after {
    width:100%;
    height:1px;
}
.proces-points .proces-points-box.proces-points-box-1::before {
    height:71%;
    top:auto;
    bottom:0;
}
.proces-points .proces-points-box.proces-points-box-1::after {
    display:none;
}
@media only screen and (min-width:768px) {
    .proces-points .proces-points-box {
        flex-basis:33.3%;
    }
    .proces-points .proces-points-box.proces-points-box-1::before {
        height:90%
    }
    .proces-points .proces-points-box.proces-points-box-1::after {
        display:block;
        bottom:0;
    }
}
.proces-points .proces-points-box.proces-points-box-2::before {
    height:100%;
}
.proces-points .proces-points-box.proces-points-box-2::after {
    display:none;
}
@media only screen and (min-width:768px) {
    .proces-points .proces-points-box.proces-points-box-2::after {
        display:block;
        top:0;
    }
}
@media only screen and (max-width:768px) {
    .proces-points .proces-points-box.proces-points-box-2 {
        display:flex;
        flex-direction:column;
    }
    .proces-points .proces-points-box .point3 {
        order:2;
    }
    .proces-points .proces-points-box .point4 {
        order:1;
    }
}
.proces-points .proces-points-box.proces-points-box-3::before {
    height:78%
}
.proces-points .proces-points-box.proces-points-box-3::after {
    display:none
}
.proces-points .proces-points-box .point1,
.proces-points .proces-points-box .point2,
.proces-points .proces-points-box .point3,
.proces-points .proces-points-box .point4,
.proces-points .proces-points-box .point5,
.proces-points .proces-points-box .point6 {
 position:relative;
 padding-left:35px;
 padding-right: 0;
margin-bottom: 30px;
}
@media only screen and (min-width:768px) {
 .proces-points .proces-points-box .point1,
 .proces-points .proces-points-box .point2,
 .proces-points .proces-points-box .point3,
 .proces-points .proces-points-box .point4,
 .proces-points .proces-points-box .point5,
 .proces-points .proces-points-box .point6 {
    padding-left:50px;
 padding-right: 70px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0;
 }
 .proces-points .proces-points-box .point1,
 .proces-points .proces-points-box .point3,
 .proces-points .proces-points-box .point5 {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 0;
 }
}
@media only screen and (min-width:1200px) {
 .proces-points .proces-points-box .point1,
 .proces-points .proces-points-box .point2,
 .proces-points .proces-points-box .point3,
 .proces-points .proces-points-box .point4,
 .proces-points .proces-points-box .point5,
 .proces-points .proces-points-box .point6 {
    padding-left:60px;
 }
}
.proces-points .proces-points-box .point-box {
    position:absolute;
    /*bottom:0;*/
    left:-19px;
    padding:10px 0;
    top: 50%;
    transform: translateY(-50%);
}
.proces-points .proces-points-box .point-box .point {
 width:38px;
 height:38px;
 font-size:16px;
 line-height:38px;
 text-align:center;
 color:#fff;
 background-color: var(--main-color);
 border-radius:50%;
 display:inline-block
}
.proces-points .proces-points-box .point1 .point{
 background-color: #000;
}
.proces-points .proces-points-box .point6 .point{
 background-color: #000;
}
.proces-points .proces-points-box .icon {
 display:none;
 font-size:61px;
 color:#325188;
 margin-bottom:30px
}

.webiso-seo .wrapper{
    max-width: 800px;
    text-align: center;
}
.webiso-seo h2{
    text-transform: unset;
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
}
.webiso-licznik{
    text-align: center;
}
.webiso-licznik h2{
    font-weight: 700;
    font-size: 64px;
    text-transform: unset;
    margin-bottom: 5px;
}
.webiso-licznik h2::after{
    content: attr(data-addon);
    margin-left: 15px;
}
.webiso-licznik .col-sm-4:nth-child(2) h2::after{
    display: none;
}
.webiso-licznik p{
    padding: 0;
    font-weight: 500;
    font-size: 26px;
}
.webiso-seo .seo-text{
    column-count: 2;
    column-gap: 60px;
    text-align: justify;
}
@media only screen and (max-width: 1499px) {
    #content #sub ul li{
        margin-left: 0;
    }
    #aboutUs2{
        background-position: left;
    }
    #aboutUs2 h1{
        line-height: 1.3;
        width: 50%;
    }
}
@media (min-width: 1280px) {
    .wrapper{
        max-width: 1200px;
        min-width: 1100px;    
    }
    .realization .wrapper{
        max-width: 1100px;
        min-width: 1100px;    
    }
}
@media (min-width: 1430px) {
    .wrapper{
        max-width: 1370px;
        min-width: 1100px;    
    }
    .realization .wrapper{
        max-width: 1370px;
        min-width: 1100px;    
    }
}
@media (min-width: 1800px) {
    .wrapper.smaller{
        max-width: 1100px;
        min-width: 1100px;    
    }
    .realization .wrapper{
        max-width: 1600px;
        min-width: 1600px;    
    }
}
@media only screen and (max-width: 1199px) {
    .webiso-misja{
        padding: 100px 0;
    }
    .webiso-licznik h2{
        font-size: 50px;
    }
    #aboutUs2{
        background-position: 21%;
    }
}
@media only screen and (max-width: 991px) {
    .webiso-o-firmie{
        padding-bottom: 0;
    }
    .webiso-wartosci .col-md-4:nth-child(-n+3){
        margin-bottom: 0;
    }
    .webiso-licznik h2{
        font-size: 40px;
    }
    .webiso-licznik p{
        font-size: 22px;
    }
    #aboutUs2{
        background: #ebebeb;
        min-height: 400px;
    }
    #aboutUs2 h1{
        max-width: unset;
        width: 100%;
        font-size: 35px;
        font-weight: normal;
    }
    #aboutUs2 p{
        max-width: unset;
        width: 100%;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 900px) {
    .service.even{
        background: var(--main-color) !important;
    }
}
@media only screen and (max-width: 800px) {
    .webiso-misja, .new__top-subpage{
        padding: 80px 0;
    }
    .webiso-misja h1, .new__top-subpage h1, .refresh-2022.oferta .new__top-subpage .top-subpage__bigheader{
        font-size: 32px;
    }
    .webiso-etapy h3, .webiso-seo h2{
        font-size: 24px;
    }
    .oferta #content #sub, .praca #content #sub{
        overflow: hidden;
    }
    .webiso-o-firmie p, .webiso-smartwww p, .webiso-etapy .proces-points p, .webiso-seo p, .webiso-licznik p{
        font-size: 18px;
        line-height: 1.6;
    }
    .webiso-o-firmie p strong, .webiso-smartwww p strong, .webiso-etapy .proces-points p strong, .webiso-seo p strong, .webiso-licznik p strong{
        font-size: 18px;
    }
    .webiso-smartwww h2{
        font-size: 18px;
    }
    .webiso-wartosci .inner h3{
        font-size: 18px;
    }
    .webiso-wartosci .inner p{
        font-size: 18px;
    }
    .webiso-cta-blog h2{
        font-size: 24px;
    }
    .webiso-etapy h2{
        font-size: 24px;
    }
}
@media only screen and (max-width: 768px) {
    .webiso-cta-blog{
        text-align: center;
    }
    .webiso-cta-blog h2{
        margin-bottom: 25px;
    }
    .col-sm-3{
        text-align: center!important;
    }
    .webiso-cta-blog h2{
        margin-bottom: 25px;
    }
    .webiso-smartwww img{
        max-width: 250px;
        margin: 0 auto 30px;
    }
    .webiso-smartwww h2{
        margin-bottom: 40px;
    }
    .webiso-smartwww .right-col {
        padding-left: 15px;
        text-align: justify;
    }
    .webiso-o-firmie .left-col {
        padding-right: 15px;
        padding-bottom: 30px;
        text-align: justify;
    }
    .proces-points .proces-points-box .point-box {
        top: 25%;
    }
    .proces-points{
        overflow: visible;
    }
    .webiso-etapy h3{
        margin: 20px auto;
    }
    .webiso-licznik{
        padding: 20px 0;
    }
    .webiso-licznik h2{
        font-size: 64px;
    }
    .webiso-licznik .col-sm-4{
        padding: 30px 15px;
    }
}
@media only screen and (max-width: 575px) {
    .webiso-misja, .new__top-subpage {
        padding: 60px 0;
    }
    .webiso-seo .seo-text {
        column-count: 1;
        column-gap: 0;
        text-align: justify;
    }
    .webiso-wartosci .inner{
        padding: 20px 40px;
    }
    .webiso-wartosci .inner.logo{
        height: 170px;
    }
    .webiso-etapy{
        padding: 60px 0;
    }
}
@media only screen and (max-width: 480px) {
    #content #sub ul li + li{
        padding-left: 0;
    }
    .webiso-licznik h2{
        font-size: 52px;
    }
}
.extensions {
	 display: flex;
	 justify-content: flex-start;
	 align-items: center;
	 padding: 30px 0;
	 font-weight: 500;
	 letter-spacing: -0.5px;
	 position: relative;
	 font-size: 16px;
	 margin-top: -1rem;
	 margin-bottom: 30px;
	 border-bottom: 2px solid #eaeaea;
}
 @media only screen and (max-width : 991px) {
	 .extensions {
		 padding-left: 0 !important;
	}
}
 @media only screen and (max-width : 575px) {
	 .extensions {
		 flex-wrap: wrap;
		 justify-content: space-between;
		 padding: 20px 0;
		 margin-bottom: 20px;
	}
}
 .extensions div[class*="extensions__"] {
	 margin-right: 50px;
}
 @media only screen and (max-width : 575px) {
	 .extensions div[class*="extensions__"] {
		 margin-right: 0px;
		 padding: 10px;
	}
}
 .extensions div[class*="extensions__"] span {
	 opacity: 0.5;
	 margin-right: 10px;
}
 @media only screen and (max-width : 991px) {
	 .extensions div[class*="extensions__"] span {
		 display: block;
	}
}
 .extensions .share {
	 margin-right: 0;
	 margin-left: auto;
	 cursor: pointer;
	 position: relative;
}
 @media only screen and (max-width : 575px) {
	 .extensions .share {
		 margin-right: unset;
		 margin-left: unset;
		 padding: 10px;
	}
}
 .extensions .share:hover path {
	 fill: rgba(0, 1, 0, );
}
 .extensions .share path {
	 fill: rgba(0, 1, 0, );
}
 .extensions .share__copy {
	 display: none;
	 position: absolute;
	 right: calc(100% + 20px);
	 top: 50%;
	 transform: translateY(-50%);
	 border-radius: 5px;
	 border: 1px solid green;
	 width: 200px;
	 text-align: center;
	 padding: 7px 10px;
	 pointer-events: none;
}
 @media only screen and (max-width : 575px) {
	 .extensions * {
		 flex-basis: 50%;
	}
}
.rodo_content .text{
    color: #000;
}
/*****GWIAZDKI*****/
.feedback{
  text-align: center;
  position: relative;
  padding: 20px 0;
}
#feedback-form,
.feedback-stars {
    display: inline-block;
}
.feedback-stars .feedback-ratebar .label-stars {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}
.feedback-stars .feedback-ratebar {
    height: 26px;
    display: inline-block;
}
.feedback-stars .feedback-ratebar:hover .label-stars .feedback-star {
    background-color: #ffd200 !important;
    cursor: pointer;
}
.feedback-stars .feedback-ratebar .label-stars:hover ~ .label-stars .feedback-star {
    background-color: #e0e0e0 !important;
    background-image: url('/img/hole-star.png');
}
    .feedback-stars .feedback-ratebar.rated .label-stars .feedback-star {
        background-color: #ffd200;
        background-image: url('/img/hole-star.png') !important;
    }
    .feedback-stars .feedback-ratebar .label-stars.rated ~ .label-stars .feedback-star {
        background-color: #e0e0e0;
        background-image: url('/img/hole-star.png') !important;
    }
.feedback-stars .feedback-ratebar .label-stars .feedback-star,
.label-rate .feedback-star {
    background-image: url('/img/hole-star.png');
    background-size: contain;
    display: inline-block;
    width: 26px;
    height: 26px;
}
.feedback-response {
    vertical-align: super;
    
    color: #2090A7;
}
.feedback-response #feedback-avg {
    color: #000;
    font-size: 21px;
}
.feedback-response #feedback-count {
    color: #000;
    font-size: 12px;
}
#blogSummary .other-news{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 25px;
}
#blogSummary .other-news .blog_entry {
  position: relative;
  /*margin-top: 1rem;*/
}
#blogSummary .other-news .blog_entry figure{
    width: 100%;
    height: 0;
    padding-bottom: calc(9 / 16 * 100%);
    position: relative;
    border-radius: 0;
    min-height: unset;
}
#blogSummary .other-news .blog_entry figure a{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
}
#blogSummary .other-news .blog_entry figure img {
    object-position: center top;
    object-fit: cover;
    max-height: 100%;
    width: 100%;
    border-radius: 0;
}
#blogSummary .other-news .blog_summary{
    position: absolute;
    right: 0;
    bottom: -1rem;
    background-color: var(--main-color);
    margin: 0;
    max-width: 70%;
    padding: 0.7rem 1.2rem !important;
}
#blogSummary .other-news .blog_summary p {
  padding-bottom: 0;
}
#blogSummary .other-news .blog_summary p a {
  color: #fff;
  font-size: 16px !important;
  line-height: 150% !important;
  text-transform: unset !important;
}
@media only screen and (max-width:768px) {
    #blogSummary .other-news .blog_entry {
        width: 100%;
        margin-bottom: 25px;
    }
}
#cd-timeline::before{
    background: var(--main-color)!important;
}
.cd-timeline-img.cd-www{
    background: var(--main-color)!important;
}
.cd-timeline-img.cd-logo, .cd-timeline-img.cd-produktowa{
    background: var(--accent-color2)!important;
}
.cd-timeline-content{
    box-shadow: 0 3px 0 var(--accent-color2)!important;
}
/*********refresh 2022********/
.b24-widget-button-inner-block, .b24-widget-button-inner-mask{
    background: var(--main-color)!important;
}
.b24-widget-button-pulse{
    border-color: var(--main-color)!important;
}
.bx-livechat-head, .refresh-2022 .bx-livechat-head{
    background-color: var(--main-color)!important;
}
.search li div:hover > a{
    color: #000;
}
.refresh-block{
    padding: 80px 0;
    font-family: var(--font-text);
    position: relative;
}
.refresh-2022{
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    scroll-behavior: smooth;
}
.refresh-2022 *{
    font-family: var(--font-text) !important;
}
.refresh-2022 .fa{
    font-family: FontAwesome !important;
}
.refresh-2022 strong.breadcrumb span, .refresh-2022 #breadcrumb ul li a{
    font-size: 13px;
    line-height: 1;
}
.refresh-2022 #breadcrumb ul li a:hover{
    color: var(--main-color);
}
.refresh-2022 h1, .refresh-2022 h2, .refresh-2022 h3, .refresh-2022 h4, .refresh-2022 h5, .refresh-2022 h6{
    text-transform: unset;
}
.refresh-2022 p{
    font-size: 16px;
    padding: 0;
}
.refresh-2022 header #logo{
    left: 15px;
}
.refresh-2022 .cta-button{
    border: 2px solid var(--main-color);
    background: var(--main-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 9px 16px;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    text-align: center;
    transition: all .3s linear;
    cursor: pointer;
    line-height: 1.5;
}
.refresh-2022 .cta-button:hover, .refresh-2022 .button:hover{
    border-color: #000;
    background: #000;
    color: #fff;
}
.refresh-2022 .cta-button::after{
    display: none;
}
.refresh-2022 #header .cta-button{
    right: 15px;
}
.refresh-block strong{
    font-weight: 700;
    position: relative;
    display: inline-block;
}
.refresh-block strong span{
    position: relative;
    z-index: 2;
}
.refresh-block .strong-before{
    position: absolute;
    top: 5px;
    left: -12px;
    right: -12px;
    bottom: -34px;
    background-image: url(/img/refresh/svg/underline.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    clip: rect(0px, 0px, 115px, 0px);
    transition: all 1s;
}
.refresh-block .wrapper{
    display: flex;
    padding: 0 15px;
}
.refresh-2022 .button.white, .refresh2022-quote .button.white, .refresh-2022 .cc-btn{
    border-bottom: 2px solid #fff!important;
    border: 2px solid #fff;
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--main-color);
    padding: 13px 43px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    overflow: hidden;
    text-align: center;
    transition: all .3s linear;
    cursor: pointer;
    height: unset;
    line-height: 1.5;
}
.main-btn, .refresh-2022 .button{
    border: 2px solid var(--main-color);
    background: var(--main-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 13px 43px;
    line-height: 1.5;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    overflow: hidden;
    text-align: center;
    transition: all .3s linear!important;
    cursor: pointer;
    height: auto;
}
.main-btn:hover, #webiso_recruit .btn-send-resume:hover{
    border-color: #000;
    background: #000;
    color: #fff;
}
.main-btn.light-btn{
    border-color: #fff;
    background: #fff;
    color: var(--main-color);
}
.main-btn.light-btn:hover, .refresh-2022 .button.white:hover, .refresh2022-quote .button.white:hover, .refresh-2022 .cc-btn:hover{
    border-color: #fff;
    background: transparent!important;
    color: #fff;
}
.main-btn-2{
    border: 2px solid var(--main-color);
    background: transparent;
    color: var(--main-color);
}
.main-btn-2:hover{
    border-color: var(--main-color);
    background: var(--main-color);
    color: #fff;
}
.refresh-2022 header #menu li a{
    text-transform: unset;
    font-weight: 500;
}
.new__top-subpage{
    position: relative;
    text-align: center;
    padding: 100px 0;
    background: var(--accent-color);
}
.new__top-subpage .wrapper{
    flex-direction: column;
    align-items: center;
}
.new__top-subpage h2{
    font-size: 18px;
    max-width: 850px;
    color: var(--accent-color4);
    margin-bottom: 30px;
}
.new__top-subpage h1{
    font-size: 36px;
    max-width: 850px;
    font-weight: 500;
    line-height: 1.3;
}
.new__top-subpage b{
    font-weight: 700;
}
.new__top-01{
    background: var(--accent-color3);
    overflow: hidden;
}
.new__top-01 .refresh-top__left{
    display: flex;
    align-items: center;
    height: 100%;
}
.new__top-01 .refresh-top__left--text > span{
    font-size: 18px;
    color: var(--accent-color4);
    text-transform: unset;
    margin-bottom: 20px;
    font-weight: 400;
    display: block;
}
.new__top-01 .refresh-top__left h2{
    font-size: 72px;
    font-weight: 500;
    line-height: 1.2;
}
.new__top-01 .refresh-top__left .btn-wrapper{
    margin-top: 80px;
}
.new__top-01 .refresh-top__left .btn-wrapper .main-btn:first-child{
    margin-right: 27px;
}
.new__top-01 .refresh-top__right .bg-image{
    position: relative;
    padding-top: calc(100% * (1/1));
}
.new__top-01 .refresh-top__right .bg-image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.new__icons-01 .refresh-icons .wrapper{
    overflow: visible;
}
.new__icons-01 .refresh-icons .wrapper .row{
    display: flex;
    flex-wrap: wrap;
}
.new__icons-01 .refresh-icons__item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: inherit;
    margin-bottom: 40px;
}
.new__icons-01 .refresh-icons__item--text p, .new__icons-01 .refresh-icons__item--text li{
    font-size: 16px;
    list-style-type: disc;
    line-height: 1.6;
}
.new__icons-01 .refresh-icons__item--text img{
    transition: all .5s;
    height: 63px;
}
.new__icons-01 .refresh-icons__item:hover .refresh-icons__item--text img{
    transform: scale(1.1);
}
.new__icons-01 .refresh-icons__item--text p{
    margin-bottom: 20px;
}
.new__icons-01 .refresh-icons__item--text h2{
    font-size: 18px;
    text-transform: uppercase;
    margin: 30px 0 27px;
    font-weight: 500;
}
.new__icons-01 .refresh-icons__item--text ul{
    padding-left: 15px;
}
.new__icons-01 .refresh-icons__item .main-btn{
    margin-top: 50px;
}
.new__slider-01{
    padding: 0!important;
}
.new__slider-01 .refresh-slider .slick-track{
    display: flex;
}
.new__slider-01 .refresh-slider .slick-slide{
    height: inherit;
}
.new__slider-01 .refresh-slider .slide{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.new__slider-01 .refresh-slider .slide .wrapper{
    padding: 0 15px;
    position: static;
}
.new__slider-01 .refresh-slider .slide .slide__left{
    position: relative;
    z-index: 1;
    width: 50%;
    padding: 150px 50px 150px 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.new__slider-01 .refresh-slider .slide .slide__left h5{
    color: var(--accent-color4);
    font-size: 18px;
    margin-bottom: 27px;
}
.new__slider-01 .refresh-slider .slide .slide__left h4{
    text-transform: capitalize;
    font-size: 72px;
    margin-bottom: 15px;
    font-weight: 700;
}
.new__slider-01 .refresh-slider .slide .slide__left h3{
    font-size: 42px;
    font-weight: 400;
    line-height: 1.3;
}
.new__slider-01 .refresh-slider .slide .slide__left .main-btn{
    margin-top: 90px;
}
.new__slider-01 .refresh-slider .slide .slide__right{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}
.new__slider-01 .refresh-slider .slide .slide__right--background{
    z-index: 1;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--accent-color3);
}
.new__slider-01 .refresh-slider .slide .slide__right--background img{
    height: 100%; 
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.new__slider-01 .refresh-slider-dots{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
}
.new__slider-01 .refresh-slider-dots .wrapper{
    padding: 0 15px;
}
.new__slider-01 .refresh-slider-dots .buttons-container .slick-dots{
    list-style-type: none;
    pointer-events: all;
    text-align: center;
}
.new__slider-01 .refresh-slider-dots .buttons-container .slick-dots .slick-active button{
    border-color: var(--main-color);
    background: var(--main-color);
    opacity: 1;
}
.new__slider-01 .refresh-slider-dots .buttons-container .slick-dots button{
    font-size: 0;
    border: 2px solid #000;
    background: transparent;
    border-radius: 100%;
    width: 17px;
    height: 17px;
    margin-bottom: 20px;
    opacity: 0.2;
}
.new__slider-01 .refresh-slider-dots .buttons-container .slick-dots li:last-child button{
    margin-bottom: 0;
}
.new__cta-01{
    background: var(--main-color);
    position: relative;
    padding: 70px 0;
    color: #fff;
}
.new__cta-01.refresh-block .row{
    width: calc(100% + 30px);
}
.new__cta-01 .refresh-cta__item{
    font-size: 28px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.new__cta-01 .refresh-cta__item--link{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.new__cta-01 .refresh-cta__item--link img{
    margin-right: 35px;
}
.new__cta-01 .refresh-cta__item--link h3{
    font-weight: 400;
}
.new__text-section-01.reverse{
    background: var(--accent-color);
}
.new__text-section-01 .refresh-ts__img{
    height: 100%;
    display: flex;
    align-items: center;
}
.new__text-section-01 .refresh-ts__img img{
    width: 100%;
}
.new__text-section-01 .refresh-ts__text h2{
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.2;
}
.new__text-section-01 .refresh-ts__text strong{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1.3;
}
.new__text-section-01 .refresh-ts__text p{
    line-height: 1.8;
    margin-bottom: 20px;
}
.new__text-section-01 .refresh-ts__text .main-btn{
    margin-top: 26px;
}
.refresh-2022 #blogSummary{
    padding: 70px 15px 100px;
}
.refresh-2022 #blogSummary h2{
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 55px;
    line-height: 1.2;
}
#quote.refresh2022-quote p{
    font-size: 14px;
}
.refresh2022-quote .wrapper{
    padding: 0 15px;
}
.refresh2022-quote .wrapper .child-middle .child-middle-inside{
    padding: 0!important;
}
.refresh2022-quote .wrapper .child-middle .child-middle-inside.rodoBox{
    padding: 0 15px!important;
}
.refresh2022-quote .quote_h2{
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 1.2;
}
.refresh2022-quote .webiso_form .readMore{
    font-size: 14px;
}
.refresh2022-quote .pricing-ul li img{
    max-width: unset;
    margin-right: 20px;
}
.refresh2022-quote .pricing-ul li a{
    font-size: 24px;
}
.refresh2022-quote .pricing-ul li .main-btn{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
}
.refresh-2022 footer{
    background: #000;
}
.refresh-2022 footer .wrapper{
    padding: 0 15px;
}
.refresh-2022 footer #webiso strong{
    text-transform: lowercase;
}
.refresh-2022 footer #webiso{
    text-align: right;
}
.oferta-2022 .new__icons-01{
    padding-bottom: 0;
}
.oferta-2022 .refresh-icons__item {
    margin-bottom: 80px;
}
.oferta-2022 .refresh-icons__item--text {
    padding-right: 30px;
}
.refresh-2022 #content #main .category-menu ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    position: relative;
    padding: 0;
    margin-bottom: 40px;
}
.refresh-2022 #content #main .category-menu ul li {
    list-style-type: none;
    margin: 0 20px;
}
.refresh-2022 #content #main .category-menu ul li a {
    color: #000;
    font-size: 18px;
}
.refresh-2022 #content #main .category-menu ul li a:hover {
    color: var(--main-color);
}
.refresh-2022 #content #main .category-menu ul li a.active {
    color: var(--main-color);
    font-weight: 500;
}
.refresh-2022 #content #main .category-menu #menu-slide {
    height: 3px;
    background: var(--main-color);
    padding-top: 0;
    position: absolute;
    bottom: -9px;
    border-radius: 5px;
    padding: 0;
}
.refresh-2022.realizacje #content p, .refresh-2022.blog .blog_desc p, .refresh-2022.praca .carrer-text p{
    padding-bottom: 25px;
}
.refresh-2022.praca #content #main .carrer-text ul li{
    font-size: 16px;
}
.refresh-2022.praca #content #main .carrer-text{
    margin-top: 0!important;
}
.refresh-2022.oferta{
    overflow-x: hidden;
}
.refresh-2022.oferta .new__icons-01{
    padding-bottom: 0;
}
.refresh-2022.oferta .new__icons-01 .refresh-icons__item{
    margin-bottom: 80px;
}
.refresh-2022.oferta .new__top-subpage .top-subpage__smheader{
    font-size: 18px;
    max-width: 850px;
    color: var(--accent-color4);
    margin-bottom: 30px;
}
.refresh-2022.oferta .new__top-subpage .top-subpage__bigheader{
    font-size: 36px;
    max-width: 850px;
    font-weight: 500;
    line-height: 1.3;
    color: #000;
    margin-bottom: 0;
}
.refresh-2022.oferta #content.wrapper{
    overflow: visible;
}
.refresh-2022.oferta #content #main{
    float: unset;
    margin: 0 auto;
    width: auto;
    padding: 40px 15px 0;
}
.refresh-2022.oferta #content #main .text-section{
    max-width: 870px;
    width: auto;
    margin: 0 auto;
}
.refresh-2022.oferta #content #main .text-section h1{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
}
.refresh-2022.oferta #content #main .text-section p, .refresh-2022.oferta #content #main .text-section h3, .refresh-2022.oferta #content #main .text-section strong{
    padding-bottom: 20px;
    line-height: 1.8;
    font-size: 16px;
    text-align: left;
    font-weight: normal;
}
.refresh-2022.oferta #content #main .text-section h3 {
    font-size: 20px;
    padding-top: 10px;
}
.refresh-2022.oferta #content #main .text-section strong {
    font-weight: 600;
}
#content #main h2, #content #sub h2, #content .row h2, #tinymce h2 {
    padding-top: 15px;
}
.refresh-2022.oferta #content #main .text-section > p:nth-child(2){
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
}
.refresh-2022.oferta #content #main ul li{
    font-size: 16px;
}
.refresh-2022.oferta #ostatnio-zrealizowane .right{
    display: none;
}
.refresh-2022.oferta #content #sub{
    width: 100%;
}
.refresh-2022.oferta #content #sub::before{
    height: 100%;
    width: 50vw;
    right: 50%;
    top: 0;
    left: unset;
    border-radius: unset;
}
.refresh-2022.oferta #content #sub::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 50vw;
    left: 50%;
    top: 0;
    background: var(--accent-color);
    z-index: -1;
    right: unset;
    border-radius: unset;
}
.refresh-2022.oferta #content #sub .wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.refresh-2022.oferta #content #sub .wrapper > ul{
    width: auto;
    padding-right: 10px;
    padding-bottom: 0;
    margin: 12px 0;
    flex-basis: 20%;
}
.refresh-2022.oferta #content #sub ul li{
    padding: 0 20px 12px 0;
    margin-left: 0;
}
.refresh-2022.oferta #content #sub ul li:last-child{
    padding-bottom: 0;
}
.refresh-2022.oferta #content #sub .active > a{
    color: var(--accent-color4);
    margin-bottom: 0;
}
.refresh-2022.oferta #content #sub a{
    margin-bottom: 0;
    color: var(--accent-color4);
    font-size: 14px;
    font-weight: normal;
}
.refresh-2022.oferta #content #sub a:hover{
    text-decoration: underline;
}
.refresh-2022.oferta #content #sub ul li + li{
    padding-bottom: 10px;
}
.refresh-2022.oferta #content .category-menu{
    padding: 0 0 20px;
}
.refresh-2022.oferta #content #main .category-menu ul li{
    margin: 0 40px;
}
.refresh-2022.oferta #content #main #ostatnio-zrealizowane h2{
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.refresh-2022.oferta #content #main a{
    color: var(--main-color);
}
@media (min-width: 1800px){
    .refresh-2022.oferta #ostatnio-zrealizowane{
        width: 80%;
        margin: 0 auto;
    }
    .refresh-2022.oferta #content #sub{
        padding: 100px 0;
    }
}
@media only screen and (max-width:1440px) {
    .new__slider-01 .refresh-slider .slide .slide__left {
        padding: 90px 50px 90px 90px;
    }
    .new__top-01.refresh-block {
        padding: 60px 0;
    }
    .new__top-01 .refresh-top__left h2, .new__slider-01 .refresh-slider .slide .slide__left h4 {
        font-size: 60px;
    }
    .new__top-01 .refresh-top__left .btn-wrapper, .new__slider-01 .refresh-slider .slide .slide__left .main-btn {
        margin-top: 60px;
    }
    .main-btn {
        padding: 12px 26px;
    }
    .new__slider-01 .refresh-slider .slide .slide__left h3 {
        font-size: 30px;
    }
    .new__cta-01 {
        padding: 50px 0;
    }
    .refresh-2022.oferta #content #main #ostatnio-zrealizowane{
        max-width: 900px;
        margin: 0 auto;
    }
}
@media only screen and (max-width:1279px) {
    .new__slider-01 .refresh-slider .slide .slide__left {
        padding: 80px 30px 80px 70px;
    }
    .refresh-2022.oferta #content #sub .wrapper > ul{
        flex-basis: 25%;
    }
    .refresh-2022.oferta #content #main .category-menu ul li{
        margin: 0 20px;
    }
}
@media only screen and (max-width:1199px) {
    .refresh-block {
        padding: 60px 0;
    }
    .new__slider-01 .refresh-slider-dots .buttons-container .slick-dots button {
        margin-bottom: 12px;
    }
    .new__icons-01 .row {
        display: flex;
        flex-wrap: wrap;
    }
    .new__icons-01 .refresh-icons__item {
        height: auto;
    }
    .new__icons-01 .refresh-icons__item .main-btn {
        margin-top: 30px;
    }
    .new__icons-01 .refresh-icons__item:nth-child(1), .new__icons-01 .refresh-icons__item:nth-child(2) {
        margin-bottom: 80px;
    }
    .new__cta-01.refresh-block .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .new__top-01 .refresh-top__left h2, .new__slider-01 .refresh-slider .slide .slide__left h4 {
        font-size: 56px;
    }
    .new__slider-01 .refresh-slider .slide .slide__left h3 {
        font-size: 26px;
    }
    .new__slider-01 .refresh-slider .slide .slide__left {
        padding: 70px 25px 70px 50px;
    }
    .refresh2022-quote .quote_first {
        height: auto;
    }
    .refresh-2022.oferta #content .category-menu{
        display: none;
    }
    .refresh-2022.oferta .new__icons-01 .refresh-icons__item{
        margin-bottom: 60px;
    }
}
@media only screen and (max-width:992px) {
    .refresh-block {
        padding: 40px 0;
    }
    .refresh-block .strong-before {
        bottom: -24px;
    }
    .new__top-01.refresh-block {
        padding: 40px 0;
    }
    .new__top-01 .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .new__top-01 .refresh-top__left {
        height: auto;
    }
    .new__top-01 .refresh-top__right {
        display: none;
    }
    .new__slider-01 .refresh-slider .slide .slide__left {
        width: 72%;
    }
    .new__slider-01 .refresh-slider .slide .slide__right {
        width: 100%;
    }
    .new__slider-01 .refresh-slider .slide .slide__right--background img {
        width: 50%;
        margin-left: auto;
        margin-right: -90px;
        object-fit: cover;
        object-position: left;
    }
    .new__cta-01.refresh-block .row {
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center;
        align-items: center;
    }
    .new__cta-01 .refresh-cta__item {
        margin-bottom: 30px;
    }
    .new__cta-01 .refresh-cta__item:last-child {
        margin-bottom: 0;
    }
    .new__text-section-01 .refresh-ts__img {
        display: none;
    }
    .refresh-2022 #blogSummary {
        padding: 40px 15px 70px;
    }
    .refresh-2022.oferta #content #sub .wrapper > ul{
        flex-basis: 33.3%;
    }
    .refresh-2022.oferta #content #main .text-section p, .refresh-2022.oferta #content #main .text-section h3, .refresh-2022.oferta #content #main .text-section strong{
        padding-bottom: 20px;
        line-height: 1.6;
    }
    .refresh-2022.oferta #content #main #ostatnio-zrealizowane h2{
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:800px) {
    .refresh-2022 .cta-button {
        display: none;
    }
    /*.refresh-2022 #content #main .category-menu ul li#menu-slide {
        display: none!important;
    }*/
}
@media only screen and (max-width:768px) {
    .new__top-01 .refresh-top__left h2, .new__slider-01 .refresh-slider .slide .slide__left h4 {
        font-size: 48px;
    }
    .refresh-block .strong-before {
        left: 0;
    }
    .new__top-01 .refresh-top__left .btn-wrapper {
        margin-top: 20px;
    }
    .new__top-01 .refresh-top__left .btn-wrapper .main-btn {
        margin-top: 20px;
    }
    .new__slider-01 .refresh-slider .slide .slide__left {
        width: 80%;
    }
    .new__slider-01 .refresh-slider .slide .slide__left .main-btn {
        margin-top: 40px;
    }
    .new__icons-01 .refresh-icons__item {
        width: 50%;
    }
    .new__slider-01 .refresh-slider .slide .slide__left h3 {
        font-size: 22px;
    }
    .new__slider-01 .refresh-slider .slide .slide__left h5 {
        margin-bottom: 18px;
    }
    .refresh-2022.oferta #content #sub .wrapper > ul{
        flex-basis: 50%;
    }
}
@media only screen and (max-width:650px) {
    .refresh-2022.praca .carrer-tile .second{
        display: none;
    }
}
@media only screen and (max-width:575px) {
    .refresh-block .strong-before {
        bottom: -18px;
    }
    .new__icons-01 .refresh-icons__item {
        width: 100%;
    }
    .new__icons-01 .refresh-icons__item:nth-child(1), .new__icons-01 .refresh-icons__item:nth-child(2), .new__icons-01 .refresh-icons__item:nth-child(3) {
        margin-bottom: 60px;
    }
    .new__top-01 .refresh-top__left h2 {
        font-size: 42px;
    }
    .new__slider-01 .refresh-slider-dots {
        justify-content: flex-end;
    }
    .new__slider-01 .refresh-slider-dots .wrapper {
        justify-content: center;
    }
    .new__slider-01 .refresh-slider-dots .buttons-container .slick-dots {
        display: flex!important;
        margin-bottom: 15px;
    }
    .new__slider-01 .refresh-slider-dots .buttons-container .slick-dots button {
        margin-bottom: 0;
        margin-right: 10px;
    }
    .new__slider-01 .refresh-slider-dots .buttons-container .slick-dots li:last-child button {
        margin-right: 0;
    }
    .new__slider-01 .refresh-slider .slide .slide__left {
        padding: 50px 15px 60px 15px;
        width: 90%;
    }
    .new__slider-01 .refresh-slider .slide .slide__left h4 {
        font-size: 36px;
    }
    .new__slider-01 .refresh-slider .slide .slide__right--background img {
        margin-right: 0;
    }
    .new__cta-01.refresh-block .row {
        align-items: flex-start;
    }
    .new__cta-01 .main-btn {
        margin-top: 5px;
    }
    .new__text-section-01 .refresh-ts__text h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .new__text-section-01 .refresh-ts__text strong {
        font-size: 20px;
    }
    .new__text-section-01 .refresh-ts__text .main-btn {
        margin-top: 10px
    }
    .refresh-2022.oferta #content #sub .wrapper > ul{
        flex-basis: 100%;
        padding-right: 0;
    }
    .oferta-2022 .refresh-icons__item--text{
        max-width: unset;
    }
    .refresh-2022.praca .carrer-tile{
        padding: 35px 20px;
    }
    .refresh-2022.praca .carrer-text{
        padding: 35px 20px;
    }
}
@media only screen and (max-width:400px) {
    .refresh-2022 footer #webiso {
        text-align: center;
    }
}
/*pozycjonowanie kraków*/
.refresh-2022.oferta #content #main .text-section .dwa-boxy {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.refresh-2022.oferta #content #main .text-section .box {
    flex-basis: 45%;
    padding: 40px;
    border-radius: 20px;
    background-color: var(--accent-color);
    margin: 30px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section .box {
        flex-basis: 100%;
        margin: 10px 0;
    }
}
.refresh-2022.oferta #content #main .text-section .box.box--image {
    position: relative;
    background-color: transparent;
    padding: 10px 40px;
    max-width: 45%;
    box-shadow: 0 0 27px 0 rgba(21, 25, 36, 0.19);
    margin-bottom: 60px;
}
@media (max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section .box.box--image {
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
}
.refresh-2022.oferta #content #main .text-section .box.box--image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.refresh-2022.oferta #content #main .text-section #pozycjonowanie-lokalne-img::before {
    content: '';
    position: absolute;
    background-image: url('/uploads/images/oferta/pozycjonowanie-krakow/google-icon.png');
    bottom: -22%;
    left: 5%;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
}
.refresh-2022.oferta #content #main .text-section #pozycjonowanie-lokalne-img::after {
    content: '';
    position: absolute;
    background-image: url('/uploads/images/oferta/pozycjonowanie-krakow/google-analytics-icon.png');
    bottom: 10%;
    right: -14%;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 991px) {
    .refresh-2022.oferta #content #main .text-section #pozycjonowanie-lokalne-img::before {
        display: none;
    }
}
@media (max-width: 991px) {
    .refresh-2022.oferta #content #main .text-section #pozycjonowanie-lokalne-img::after {
        display: none;
    }
}
.refresh-2022.oferta #content #main .text-section .box h3 {
    text-align: center;
    font-weight: 700;
}
.refresh-2022.oferta #content #main .text-section .box p {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.6;
}
.refresh-2022.oferta #content #main .text-section .text-and-photo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.refresh-2022.oferta #content #main .text-section .text-and-photo .text {
    flex-basis: 47%;
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section .text-and-photo .text {
        flex-basis: 100%;
    }
}
.refresh-2022.oferta #content #main .text-section .text-and-photo .text h2 {
    text-align: left;
}
.refresh-2022.oferta #content #main .text-section .text-and-photo .text p {
    text-align: left!important;
}
.refresh-2022.oferta #content #main .text-section p .light {
    font-weight: 300;
}
.refresh-2022.oferta #content #main .text-section .text-and-photo .photo {
    flex-basis: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section .text-and-photo .photo {
        flex-basis: 100%;
        justify-content: center;
    }
}
.refresh-2022.oferta #content #main .text-section .text-and-photo .photo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.refresh-2022.oferta #content #main .text-section .blue-box {
    padding: 60px;
    border-radius: 20px;
    background-color: var(--accent-color);
    margin: 30px 0 50px 0;
    position: relative;
}
@media (max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section .blue-box {
        padding: 20px;
    }
}
@media (max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section .blue-box p {
        text-align: left!important;
    }
}
.refresh-2022.oferta #content #main .text-section .blue-box.image-under-box {
    padding-bottom: 100px;
    margin-bottom: 400px;
}
@media (max-width: 991px) {
    .refresh-2022.oferta #content #main .text-section .blue-box.image-under-box     {
        margin-bottom: 350px;
    }
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section .blue-box.image-under-box     {
        margin-bottom: 250px;
    }
}
@media (max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section .blue-box.image-under-box     {
        margin-bottom: 200px;
    }
}
@media (max-width: 470px) {
    .refresh-2022.oferta #content #main .text-section .blue-box.image-under-box     {
        margin-bottom: 150px;
    }
}
@media (max-width: 380px) {
    .refresh-2022.oferta #content #main .text-section .blue-box.image-under-box     {
        margin-bottom: 100px;
    }
}
.refresh-2022.oferta #content #main .text-section #ubersuggest.blue-box.image-under-box {
    margin-bottom: 450px;
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section #ubersuggest.blue-box.image-under-box {
        margin-bottom: 350px;
    }
}
@media (max-width: 650px) {
    .refresh-2022.oferta #content #main .text-section #ubersuggest.blue-box.image-under-box {
        margin-bottom: 300px;
    }
}
@media (max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section #ubersuggest.blue-box.image-under-box {
        margin-bottom: 250px;
    }
}
@media (max-width: 400px) {
    .refresh-2022.oferta #content #main .text-section #ubersuggest.blue-box.image-under-box {
        margin-bottom: 150px;
    }
}
.refresh-2022.oferta #content #main .text-section .blue-box.image-under-box::after {
    content: '';
    position: absolute;
    bottom: -65%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 80%;
    background-image: url('/uploads/images/oferta/pozycjonowanie-krakow/google-trends.png');
    background-repeat: no-repeat;
    background-size: contain;
}
@media(max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section .blue-box.image-under-box::after {
        bottom: -67%;
        width: 100%;
    }
}
@media(max-width: 470px) {
    .refresh-2022.oferta #content #main .text-section .blue-box.image-under-box::after {
        bottom: -71%;
    }
}
@media(max-width: 380px) {
    .refresh-2022.oferta #content #main .text-section .blue-box.image-under-box::after {
        bottom: -72%;
    }
}
.refresh-2022.oferta #content #main .text-section #ubersuggest.blue-box.image-under-box::after {
    bottom: -120%;
    left: 50%;
    transform: translateX(-50%);
    width: 87%;
    height: 150%;
    background-image: url(/uploads/images/oferta/pozycjonowanie-krakow/ubersuggest.png);
    background-size: contain;
}
@media (max-width: 650px) {
    .refresh-2022.oferta #content #main .text-section #ubersuggest.blue-box.image-under-box::after {
        bottom: -50%;
        height: 70%;
        width: 100%
    }
}
.refresh-2022.oferta #content #main .text-section .small-boxes {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 2rem 0;
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section .small-boxes {
        margin: 1rem 0;
    }
}
.refresh-2022.oferta #content #main .text-section .small-boxes .box.small-box {
    flex-basis: 48%;
    margin: 20px 0;
    cursor: pointer;
    padding: 20px;
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section .small-boxes .box.small-box {
        flex-basis: 100%;
        margin: 10px 0;
    }
}
.refresh-2022.oferta #content #main .text-section .small-boxes #linkbuilding.box.small-box {
    flex-basis: 100%;
}
.refresh-2022.oferta #content #main .text-section .small-boxes .box.small-box p {
    font-weight: 300;
}
.refresh-2022.oferta #content #main .text-section .header-with-icon {
    padding-left: 80px;
    position: relative;
    margin-bottom: 10px;
}
.refresh-2022.oferta #content #main .text-section .header-with-icon#zwieksz-widocznosc-witryny::after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/uploads/images/oferta/pozycjonowanie-krakow/eye.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 59px;
    height: 40px;
    cursor: pointer;
}
.refresh-2022.oferta #content #main .text-section .header-with-icon#wyprzedz-konkurencje::after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/uploads/images/oferta/pozycjonowanie-krakow/podium.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 59px;
    height: 59px;
    cursor: pointer;
}
.refresh-2022.oferta #content #main .text-section .header-with-icon#swiadomie-zarzadzaj-budzetem::after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/uploads/images/oferta/pozycjonowanie-krakow/savings.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 59px;
    height: 59px;
    cursor: pointer;
}
.refresh-2022.oferta #content #main .text-section .header-with-icon::after {
    transform: scale(1);
    transition: transform 1s;
}
.refresh-2022.oferta #content #main .text-section .header-with-icon:hover::after {
    transform: translateY(-50%) scale(1.1)!important;
}
.refresh-2022.oferta #content #main .text-section .blue-background {
    position: relative;
    padding: 40px 0 200px;
    margin: 40px 0 400px;
}
@media (max-width: 650px) {
    .refresh-2022.oferta #content #main .text-section .blue-background {
       margin: 40px 0 450px;
    }
}
@media (max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section .blue-background {
       margin: 40px 0 500px;
    }
}
@media (max-width: 470px) {
    .refresh-2022.oferta #content #main .text-section .blue-background {
       margin: 40px 0 550px;
    }
}
@media (max-width: 380px) {
    .refresh-2022.oferta #content #main .text-section .blue-background {
       margin: 40px 0 670px;
    }
}
@media (max-width: 650px) {
    .refresh-2022.oferta #content #main .text-section #przyklady-pozycjonowania.blue-background {
       margin: 40px 0 300px;
    }
}
@media (max-width: 550px) {
    .refresh-2022.oferta #content #main .text-section #przyklady-pozycjonowania.blue-background {
       margin: 40px 0 200px;
    }
}
@media (max-width: 400px) {
    .refresh-2022.oferta #content #main .text-section #przyklady-pozycjonowania.blue-background {
       margin: 40px 0 100px;
    }
}
.refresh-2022.oferta #content #main .text-section .blue-background::before {
    content: '';
    position: absolute;
    background-color: var(--accent-color);
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    z-index: -1;
}
.refresh-2022.oferta #content #main .text-section .text-two-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.refresh-2022.oferta #content #main .text-section .text-two-columns .text-column {
    flex-basis: 47%;
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section .text-two-columns .text-column {
        flex-basis: 100%;
    }
}
.refresh-2022.oferta #content #main .text-section .text-two-columns .text-column p {
    text-align: left;
}
.refresh-2022.oferta #content #main .text-section .white-rectangle {
    background-color: #fff;
    padding: 50px;
    box-shadow: 0 0 27px 0 rgb(21 25 36 / 19%);
    border-radius: 20px;
    position: absolute;
    bottom: -28%;
    left: -10%;
    width: 120%;
    height: 40%;
}
@media (max-width: 1199px) {
    .refresh-2022.oferta #content #main .text-section .white-rectangle {
        bottom: -30%;
        left: 0%;
        width: 100%;
        height: 45%;
    }
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section .white-rectangle {
        bottom: -26%;
        height: 40%;
    }
}
@media (max-width: 650px) {
    .refresh-2022.oferta #content #main .text-section .white-rectangle {
        bottom: -28%;
    }
}
@media (max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section .white-rectangle {
        bottom: -25%;
        padding: 20px;
        height: 36%;
    }
}
@media (max-width: 470px) {
    .refresh-2022.oferta #content #main .text-section .white-rectangle {
        bottom: -24%;
        padding: 20px;
        height: 33%;
    }
}
@media (max-width: 380px) {
    .refresh-2022.oferta #content #main .text-section .white-rectangle {
        bottom: -24%;
        padding: 20px;
        height: 33%;
    }
}
.refresh-2022.oferta #content #main .text-section .big-photo {
    max-width: 100%;
    max-height: 100%;
    margin: 2rem 0;
}
.refresh-2022.oferta #content #main .text-section #koszt-pozycjonowania-img.big-photo {
    margin: 0 0 2rem 0;
}
.refresh-2022.oferta #content #main .text-section #ciekawostki.small-boxes .box.small-box {
    padding: 50px 40px 20px;
}
.refresh-2022.oferta #content #main .text-section #ciekawostki.small-boxes .box.small-box .header-with-icon {
    padding: 0 0 10px 65px;
}
.refresh-2022.oferta #content #main .text-section #ciekawostki.small-boxes .box.small-box .header-with-icon::after {
        position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url('/uploads/images/oferta/pozycjonowanie-krakow/bulb.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 48px;
    height: 52px;
    cursor: pointer;
}
.refresh-2022.oferta #content #main .text-section #przyklady-pozycjonowania.blue-background::after {
content: '';
    position: absolute;
    bottom: -40%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 60%;
    background-image: url(/uploads/images/oferta/pozycjonowanie-krakow/pozycjonowanie-lokalne-wyszukiwanie.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 0 27px 0 rgb(21 25 36 / 19%);
    border-radius: 20px;
}
@media (max-width: 767px) {
    .refresh-2022.oferta #content #main .text-section #przyklady-pozycjonowania.blue-background::after {
        bottom: -30%;
        height: 40%;
    }
}
@media (max-width: 650px) {
    .refresh-2022.oferta #content #main .text-section #przyklady-pozycjonowania.blue-background::after {
        bottom: -16%;
        height: 30%;
    }
}
@media (max-width: 575px) {
    .refresh-2022.oferta #content #main .text-section #przyklady-pozycjonowania.blue-background::after {
        bottom: -10%;
        height: 22%;
    }
}
@media (max-width: 400px) {
    .refresh-2022.oferta #content #main .text-section #przyklady-pozycjonowania.blue-background::after {
        bottom: -3%;
        height: 16%;
    }
}
@media(max-width: 767px) {
    .refresh-2022.oferta #content #main .cta{
        flex-direction: column;
        align-items: flex-start!important;
    }
}
.refresh-2022.oferta #content #main .cta{
    position: relative;
}
.refresh-2022.oferta #content #main .cta
/* Stylesheet: Zmiany - rebranding 2021 Modified On 2022-10-07 22:30:00 */