@media screen and (max-width:1000px) {
	.block-1000-full>.column {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media screen and (max-width:900px) {
	.block-900-full>.column {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%
	}
}

html {
	font-size: 10px;
	scroll-behavior: smooth;
}

@media screen and (max-width:400px) {
	html {
		font-size: 9.444444444444444px
	}
}

body,html {
}

body {
  background-color: #fff;
  font-family: Montserrat, serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
  color: #000;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-x: hidden;

}

body .row::after { left:0px; }
body .row::before { right:0px; }

body .line-bg {
  content: '';
  background: #f5f5f5;
  width: 1px;
  height: 100%;
  position: absolute;
  z-index: -1;
}

body .line-bg-1 { left:15% }
body .line-bg-2 { left:32.5% }
body .line-bg-3 { left:50% }
body .line-bg-5 { left:67.5% }
body .line-bg-6 { left:85% }

section { position:relative; }


section:after {
  left: 33.3333%;
}
section:before {
  right: 33.3333%;	
}

a {
	color: #222;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

a:active,a:focus,a:hover {

}

a:active,a:hover {
	outline: 0
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-style: normal;
	-webkit-font-variant-ligatures: common-ligatures;
	font-variant-ligatures: common-ligatures;
	text-rendering: optimizeLegibility
}

.h1,.h2,.h3,.h4,h1,h2,h3,h4 {
	margin-top: 0;
	margin-bottom: 0
}

.h5,.h6,h5,h6 {
	margin-top: 4.8rem;
	margin-bottom: 1.2rem
}

@media screen and (max-width:600px) {
	.h5,.h6,h5,h6 {
		margin-top: 4.4rem;
		margin-bottom: .8rem
	}
}

.h1,h1 {
	font-size: 3.65rem;
	line-height: 1.222;
	position:relative;
}

@media screen and (max-width:600px) {
	.h1,h1 {
		font-size: 3.3rem
	}
}

.h2,h2 {
	font-size: 3.2rem;
	line-height: 1.25
}

.h3,h3 {
	font-size: 2.7rem;
	font-weight: bold;
	margin: 0 0 2.2rem;
	line-height: 1.25;
	position:relative;
}

.h4,h4 {
	font-size: 2.1rem;
	line-height: 1.35;
	font-weight: 500
}

.h5,h5 {
	font-size: 1.8rem;
	line-height: 1.55;
	font-weight: 500
}

.h6,h6 {
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: .1rem;
	font-weight: 400;
}

p img {
	margin: 0
}

p.lead {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 2.4rem;
	line-height: 1.833;
	margin-bottom: 3.6rem;
	color: #000
}

@media screen and (max-width:1200px) {
	p.lead {
		font-size: 2.2rem
	}
}

@media screen and (max-width:600px) {
	p.lead {
		font-size: 2.1rem
	}
}

b,em,i,strong {
	font-size: inherit;
	line-height: inherit
}

em,i {
	font-family: Roboto, serif;
	font-style: italic
}

b,strong {
	font-weight: 700
}

small {
	font-size: 1.2rem;
	line-height: inherit
}

blockquote {
	margin: 4rem 0;
	padding: 4rem 4rem;
	border-left: 4px solid #000;
	position: relative
}

@media screen and (max-width:600px) {
	blockquote {
		padding: 3.2rem 3.2rem
	}
}

@media screen and (max-width:400px) {
	blockquote {
		padding: 2.8rem 2.8rem
	}
}

blockquote p {
	font-family: Roboto, serif;
	font-weight: 400;
	padding: 0;
	font-size: 2.8rem;
	line-height: 1.857;
	color: #000
}

@media screen and (max-width:1200px) {
	blockquote p {
		font-size: 2.6rem
	}
}

@media screen and (max-width:600px) {
	blockquote p {
		font-size: 2.2rem
	}
}

@media screen and (max-width:480px) {
	.menu-is-open .header-content .header-nav a {
	  font-size: 24px !important;
	  line-height: 38px !important;
	}
	
	.header-content {
	  padding: 14rem 4rem 8rem 4rem !important;
	}
	
	.header-content .kontakt-header p, .header-content .kontakt-header p a.btn-read-more {
	  line-height: 26px !important;
	  font-size: 14px !important;
	  letter-spacing: 0.25px;
	}
	
	.header-content .kontakt-header p a.btn-read-more::before {
	  background-position: right 3px!important;
	}
	.header-content .kontakt-header {
	  margin-top: 5rem!important;
	  margin-left: 0rem!important;
	}
	
	.header-menu-toggle, .header-menu-toggle.is-clicked {
	  top: 4rem!important;
	}	
	
	
}	

blockquote cite {
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	line-height: 1.333
}

blockquote cite:before {
	content: "\2014 \0020"
}

blockquote cite,blockquote cite a,blockquote cite a:visited {
	color: #7e7e7e;
	border: none
}

abbr {
	font-family: Roboto, serif;
	font-weight: 700;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: .05rem;
	color: #7e7e7e
}

code,kbd,pre,samp,var {
	font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace
}

pre {
	padding: 2.4rem 3.2rem 3.2rem;
	background: #efefef;
	overflow-x: auto
}

code {
	font-size: 1.4rem;
	margin: 0 .2rem;
	padding: .4rem .8rem;
	white-space: nowrap;
	background: #efefef;
	border: 1px solid #d3d3d3;
	color: #000;
	border-radius: 3px
}

pre>code {
	display: block;
	white-space: pre;
	line-height: 2;
	padding: 0;
	margin: 0
}

pre.prettyprint>code {
	border: none
}

del {
	text-decoration: line-through
}

abbr[title],dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
	text-decoration: none
}

mark {
	background: #fff099;
	color: #000
}

hr {
	border: solid #e0e0e0;
	border-width: 1px 0 0;
	clear: both;
	margin: 8rem 0 9.6rem;
	height: 0
}

ol {
	list-style: decimal
}

ul {
	list-style: disc
}

li {
	display: list-item
}

ol,ul {
	margin-left: 1.6rem
}

ul li {
	padding-left: .4rem;
	padding-bottom: 1px
}

ul.grey {
	margin: 0
}

ul.grey li {
	position: relative;
	list-style: none;
	padding: 8px 0 8px 25px;
	font-weight: 400
}

ul.grey li:before {
	content: "";
	position: absolute;
	top: 18px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #f96156
}

ol ol,ol ul,ul ol,ul ul {
	margin: .8rem 0 .8rem 1.6rem
}

ul.disc li {
	display: list-item;
	list-style: none;
	padding: 0 0 0 .8rem;
	position: relative
}

ul.disc li::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f9861a;
	position: absolute;
	left: -16px;
	top: 11px;
	vertical-align: middle
}

dt {
	margin: 0;
	color: #f9861a
}

dd {
	margin: 0 0 0 2rem
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden
}

.video-container embed,.video-container iframe,.video-container object,.video-container video
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

img.h-pull-right {
	margin: 1.2rem 0 1.2rem 2.8rem
}

img.h-pull-left {
	margin: 1.2rem 2.8rem 1.2rem 0
}

table {
	border-width: 0;
	width: 100%;
	max-width: 100%;
	font-family: Roboto, sans-serif;
	border-collapse: collapse
}

td,th {
	padding: 1.5rem 3.2rem;
	text-align: left;
	border-bottom: 1px solid #e0e0e0
}

th {
	color: #000;
	font-family: Roboto, sans-serif;
	font-weight: 700
}

td:first-child,th:first-child {
	padding-left: 0
}

td:last-child,th:last-child {
	padding-right: 0
}

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.btn,button {
	margin-bottom: 1.6rem
}

fieldset {
	margin-bottom: 1.6rem
}

.ss-custom-select,.video-container,blockquote,dl,figure,form,input,ol,p,pre,select,table,textarea,ul
	{
	margin-bottom: 3rem
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0b0a15;
	z-index: 500;
	height: 100vh;
	width: 100%;
	overflow: hidden
}

.no-js #preloader,.oldie #preloader {
	display: none
}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 6px;
	height: 6px;
	padding: 0;
	display: inline-block;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

#loader>div {
	content: "";
	background: #fff;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%
}

#loader>div:nth-of-type (1){
	left: 15px
}

#loader>div:nth-of-type (3){
	left: -15px
}

.dots-jump>div {
	-webkit-animation: dots-jump 1.2s infinite ease;
	animation: dots-jump 1.2s infinite ease;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.dots-jump>div:nth-of-type (1){
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.dots-jump>div:nth-of-type (3){
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

@
-webkit-keyframes dots-jump { 0%{
	top: 0
}

40%{
top
:
-6px
}
80%{
top
:
0
}
}
@
keyframes dots-jump { 0%{
	top: 0
}

40%{
top
:
-6px
}
80%{
top
:
0
}
}
.dots-fade>div {
	-webkit-animation: dots-fade 1.6s infinite ease;
	animation: dots-fade 1.6s infinite ease;
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.dots-fade>div:nth-of-type (1){
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.dots-fade>div:nth-of-type (3){
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

@
-webkit-keyframes dots-fade { 0%{
	opacity: 1
}

40%{
opacity
:
.2
}
80%{
opacity
:
1
}
}
@
keyframes dots-fade { 0%{
	opacity: 1
}

40%{
opacity
:
.2
}
80%{
opacity
:
1
}
}
.dots-pulse>div {
	-webkit-animation: dots-pulse 1.2s infinite ease;
	animation: dots-pulse 1.2s infinite ease;
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.dots-pulse>div:nth-of-type (1){
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.dots-pulse>div:nth-of-type (3){
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

@
-webkit-keyframes dots-pulse { 0%{
	-webkit-transform: scale(1);
	transform: scale(1)
}

40%{
-webkit-transform
:scale
(1
.1
);transform
:scale
(1
.3
)
}
80%{
-webkit-transform
:scale
(1);transform
:scale
(1)
}
}
@
keyframes dots-pulse { 0%{
	-webkit-transform: scale(1);
	transform: scale(1)
}

40%{
-webkit-transform
:scale
(1
.1
);transform
:scale
(1
.3
)
}
80%{
-webkit-transform
:scale
(1);transform
:scale
(1)
}
}
fieldset {
	border: none
}

input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea
	{
	display: block;
	height: 6.8rem;
	padding: 1.8rem 0 1.5rem;
	border: 0;
	outline: 0;
	color: #000;
	font-family: Roboto, sans-serif;
	font-size: 1.6rem;
	line-height: 3.2rem;
	max-width: 100%;
	background: 0 0;
	border-bottom: 1px solid #d3d3d3;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.ss-custom-select {
	position: relative;
	padding: 0
}

.ss-custom-select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	text-overflow: '';
	margin: 0;
	line-height: 3rem;
	vertical-align: middle
}

.ss-custom-select select option {
	padding-left: 2rem;
	padding-right: 2rem
}

.ss-custom-select select::-ms-expand {
	display: none
}

.ss-custom-select::after {
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	content: '';
	display: block;
	height: 8px;
	width: 8px;
	margin-top: -7px;
	pointer-events: none;
	position: absolute;
	right: 2.4rem;
	top: 50%;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

textarea {
	min-height: 25.6rem
}

input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus
	{
	color: #000;
	border-bottom: 1px solid #000
}

label,legend {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
	margin-bottom: .8rem;
	line-height: 1.714;
	color: #000;
	display: block
}

input[type=checkbox],input[type=radio] {
	display: inline
}

label>.label-text {
	display: inline-block;
	margin-left: 1rem;
	font-family: Roboto, sans-serif;
	line-height: inherit
}

label>input[type=checkbox],label>input[type=radio] {
	margin: 0;
	position: relative;
	top: .2rem
}

::-webkit-input-placeholder {
	color: #8c8c8c
}

:-ms-input-placeholder {
	color: #8c8c8c
}

::-ms-input-placeholder {
	color: #8c8c8c
}

::placeholder {
	color: #8c8c8c
}

.placeholder {
	color: #8c8c8c !important
}

input:-webkit-autofill,input:-webkit-autofill:focus input:-webkit-autofill,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus
	{
	-webkit-text-fill-color: #f9861a;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s
}

.btn,button,input[type=button],input[type=reset],input[type=submit] {
	display: inline-block;
	font-weight: 500;
	font-size: 1.25rem;
	letter-spacing: .2rem;
	text-transform: uppercase;
	height: 6rem;
	line-height: 5.6rem;
	padding: 0 3.2rem;
	margin: 0 .4rem 1.6rem 0;
	color: #000;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #d3d3d3;
	border: .2rem solid #d3d3d3
}

div.shadow {
	-webkit-transition: all .3s;
	transition: all .3s
}

.btn:focus,.btn:hover,a.kontakt:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover
	{
	background-color: #000;
	border-color: #000;
	color: #333;
	outline: 0
}

.btn-read-more {
  font-size: 12px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-right: 45px;
  letter-spacing: .1rem;
  line-height: 1.87;
  font-weight: 400;
}

.btn-read-more.white { color:#fff; }

.btn-read-more::before {
  content: '';
  background-image: url(../images/svg/right-arrow-4.svg);
  background-size: 31px;
  background-repeat: no-repeat;
  position: absolute;
  width: 33px;
  height: 25px;
  right: 0;
  background-position: right 2px;
  opacity: 1;
}

.btn-read-more::after {
  content: "";
  height: 2px;
  background: #ec2471;
  width: 100%;
  position: absolute;
  bottom: -15px;
  left: 0;
  margin-left: 0;
  width: 0;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transition: ease-out .1s;
}

.btn-read-more.black::after {
	background: #222;	
}

.btn-read-more.black::before { 	background-image: url(../images/svg/right-arrow-5.svg); }

.btn-read-more:hover::after {
  width: 100%;
  transition: ease-out .2s;
}

.btn.btn--primary,button.btn--primary,input[type=button].btn--primary,input[type=reset].btn--primary,input[type=submit].btn--primary
	{
	background: rgba(195, 224, 228, .96);
	border-color: transparent !important;
	color: #222
}

.burger-button {
  height: 32px;
  width: 32px;
  cursor: pointer;
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  margin-top: 11px;
}

	.burger-button-bar, .burger-button-bar:before {
		display: block;
		left: 0;
		position: absolute;
		width: 100%;
	}

.burger-button-bar:before {
  background-color: #fff;
  content: "";
  height: 2px;
  margin-top: -1px;
  top: 50%;
  visibility: visible;
}

.burger-button-bar {
  height: 100%;
  top: 0;
  transition: transform .2s;
}

.burger-t {
  transform: translateY(-16%);
}

.burger-button:hover .burger-t {
  transform: translateY(-32%);
}

.burger-m {
  transform: scaleX(0);
}

.burger-button:hover .burger-m {
  transform: scaleX(1);
}

.burger-b {
  transform: translateY(16%);
}

.burger-button:hover .burger-b {
  transform: translateY(32%);
}


.btn.btn--primary:focus,.btn.btn--primary:hover,button.btn--primary:focus,button.btn--primary:hover,input[type=button].btn--primary:focus,input[type=button].btn--primary:hover,input[type=reset].btn--primary:focus,input[type=reset].btn--primary:hover,input[type=submit].btn--primary:focus,input[type=submit].btn--primary:hover
	{
	background: #3d2e90;
	color: #fff
}

.btn.h-full-width,button.h-full-width {
	width: 100%;
	margin-right: 0
}

.btn--small,button.btn--small {
	height: 5.6rem !important;
	line-height: 5.2rem !important
}

.btn--medium,button.btn--medium {
	height: 6.4rem !important;
	line-height: 6rem !important
}

.btn--large,button.btn--large {
	height: 6.8rem !important;
	line-height: 6.4rem !important
}

.btn--stroke,button.btn--stroke {
	background: 0 0 !important;
	border: .2rem solid #000;
	color: #000
}

.btn--stroke:hover,button.btn--stroke:hover {
	background: #000 !important;
	border: .2rem solid #000;
	color: #fff
}

.btn--pill,button.btn--pill {
	padding-left: 3.2rem !important;
	padding-right: 3.2rem !important;
	border-radius: 1000px !important
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

.drop-cap:first-letter {
	float: left;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 5.334em;
	line-height: 1;
	padding: 0 .125em 0 0;
	text-transform: uppercase;
	background: 0 0;
	color: #000
}

.lining dd,.lining dt {
	display: inline;
	margin: 0
}

.lining dd+dt:before,.lining dt+dt:before {
	content: "\A";
	white-space: pre
}

.lining dd+dd:before {
	content: ", "
}

.lining dd+dd:before {
	content: ", "
}

.lining dd:before {
	content: ": ";
	margin-left: -.2em
}

.dictionary-style dt {
	display: inline;
	counter-reset: definitions
}

.dictionary-style dt+dt:before {
	content: ", ";
	margin-left: -.2em
}

.dictionary-style dd {
	display: block;
	counter-increment: definitions
}

.dictionary-style dd:before {
	content: counter(definitions, decimal) ". "
}

.pull-quote {
	position: relative;
	padding: 2.4rem 0
}

.pull-quote blockquote {
	background-color: #efefef;
	border: none;
	margin: 0;
	padding-top: 9.6rem;
	position: relative
}

.pull-quote blockquote:before {
	content: "";
	display: block;
	height: 3.2rem;
	width: 3.2rem;
	background-repeat: no-repeat;
	background: center center;
	background-size: contain;
	background-image: url(../images/icons/icon-quote.svg);
	position: absolute;
	top: 4rem;
	left: 4rem
}

.stats-tabs {
	padding: 0;
	margin: 3.2rem 0
}

.stats-tabs li {
	display: inline-block;
	margin: 0 1.6rem 3.2rem 0;
	padding: 0 1.5rem 0 0;
	border-right: 1px solid #e0e0e0
}

.stats-tabs li:last-child {
	margin: 0;
	padding: 0;
	border: none
}

.stats-tabs li a {
	display: inline-block;
	font-size: 2.5rem;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	border: none;
	color: #000
}

.stats-tabs li a:hover {
	color: #f9861a
}

.stats-tabs li a em {
	display: block;
	margin: .8rem 0 0 0;
	font-family: Roboto, sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	font-style: normal;
	color: #7e7e7e
}

.skill-bars {
	list-style: none;
	margin: 6.8rem 0 3.2rem
}

.skill-bars li {
	height: .4rem;
	background: #c3c3c3;
	width: 100%;
	margin-bottom: 6.8rem;
	padding: 0;
	position: relative
}

.skill-bars li strong {
	position: absolute;
	left: 0;
	top: -4rem;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .2rem;
	font-size: 1.4rem;
	line-height: 2.4rem
}

.skill-bars li .progress {
	background: #000;
	position: relative;
	height: 100%
}

.skill-bars li .progress span {
	position: absolute;
	right: 0;
	top: -3.6rem;
	display: block;
	font-family: Roboto, sans-serif;
	color: #fff;
	font-size: 1.1rem;
	line-height: 1;
	background: #000;
	padding: .8rem .8rem;
	border-radius: 3px
}

.skill-bars li .progress span::after {
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -5px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #000;
	content: ""
}

.skill-bars li .percent5 {
	width: 5%
}

.skill-bars li .percent10 {
	width: 10%
}

.skill-bars li .percent15 {
	width: 15%
}

.skill-bars li .percent20 {
	width: 20%
}

.skill-bars li .percent25 {
	width: 25%
}

.skill-bars li .percent30 {
	width: 30%
}

.skill-bars li .percent35 {
	width: 35%
}

.skill-bars li .percent40 {
	width: 40%
}

.skill-bars li .percent45 {
	width: 45%
}

.skill-bars li .percent50 {
	width: 50%
}

.skill-bars li .percent55 {
	width: 55%
}

.skill-bars li .percent60 {
	width: 60%
}

.skill-bars li .percent65 {
	width: 65%
}

.skill-bars li .percent70 {
	width: 70%
}

.skill-bars li .percent75 {
	width: 75%
}

.skill-bars li .percent80 {
	width: 80%
}

.skill-bars li .percent85 {
	width: 85%
}

.skill-bars li .percent90 {
	width: 90%
}

.skill-bars li .percent95 {
	width: 95%
}

.skill-bars li .percent100 {
	width: 100%
}

.alert-box {
	padding: 2.4rem 4rem 2.4rem 3.2rem;
	position: relative;
	margin-bottom: 3.2rem;
	border-radius: 3px;
	font-family: Roboto, sans-serif;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.6
}

.alert-box__close {
	position: absolute;
	display: block;
	right: 1.6rem;
	top: 1.6rem;
	cursor: pointer;
	width: 12px;
	height: 12px
}

.alert-box__close::after,.alert-box__close::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 2px;
	height: 12px;
	top: 0;
	left: 5px
}

.alert-box__close::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.alert-box__close::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.alert-box--error {
	background-color: #ffd1d2;
	color: #dd4043
}

.alert-box--error .alert-box__close::after,.alert-box--error .alert-box__close::before
	{
	background-color: #dd4043
}

.alert-box--success {
	background-color: #c8e675;
	color: #637533
}

.alert-box--success .alert-box__close::after,.alert-box--success .alert-box__close::before
	{
	background-color: #637533
}

.alert-box--info {
	background-color: #d5ebfb;
	color: #387fb2
}

.alert-box--info .alert-box__close::after,.alert-box--info .alert-box__close::before
	{
	background-color: #387fb2
}

.alert-box--notice {
	background-color: #fff099;
	color: #827217
}

.alert-box--notice .alert-box__close::after,.alert-box--notice .alert-box__close::before
	{
	background-color: #827217
}

.wide {
	max-width: 1400px
}

.wider {
	max-width: 1600px
}

.narrow {
	max-width: 1000px
}

.subhead {
  font-size: 1.2rem;
  line-height: 1.286;
  text-transform: uppercase;
  letter-spacing: .2rem;
  margin-top: 0;
  margin-bottom: 3.5rem;
  font-weight: 500;
  text-align: left;
}

.display-1 {
  font-size: 4rem;
  line-height: 1.25;
  margin-bottom: 3rem;
  margin-top: 0;
  position: relative;
  color: #222;
}

section.target-section .display-1 {
  font-size: 2.4vw;
  line-height: 3vw;
  margin-bottom: 4rem;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0.5px;
}

.oprogramowanie-solution,  #prestashop .services-list__item-header, #wyzwania .services-list__item-header, .index #prestashop .display-1, .index #prestashop p.p, #epresta .intro-right .section-intro, .index #prestashop .subhead { margin-left: 50px } 

.violetbox .display-1, #rozwiazania .display-1, #casestudy .display-1, #funkcjonalnosc .display-1 { color:#fff; }


#realizacje-small.home p.p {
  margin-bottom: 0px !important;
  font-weight: 700;
  font-size: 1.8vw !important;
}

section.target-section p.p {
  font-size: 21px !important;
  margin-bottom: 8rem !important;
  text-align: left;
}



#casestudy .display-1 { margin-bottom: 5rem; }

#stopka .display-1 {
	font-size: 3rem
}



.display-2 {
	margin: 0 0 .5rem
}

.display-1:hover span {
	color: #cfe7e9;
	-webkit-transition: all .3s;
	transition: all .3s
}

.section-intro {
	position: relative;
	margin-bottom: 12rem
}

.section-intro .display-1 {
	margin-top: 0
}

.section-intro .display-1,.section-intro .subhead {
	position: relative
}

.h-dark-bg {
	color: #fff
}

.h-dark-bg .section-intro .display-1 {
	color: #fff
}

.h-dark-bg .section-intro::before {
	color: rgba(255, 255, 255, .08)
}

.h-dark-bg p.lead {
	color: #fff
}

.right-vert-line {
	width: 1px;
	height: 20rem;
	background-color: #302c59;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	position: absolute;
	top: 0;
	right: 11.2rem
}

@media screen and (max-width:1200px) {
	.right-vert-line {
		right: 9rem
	}
}

@media screen and (max-width:767px) {
	.section-intro::before {
		font-size: 24rem
	}
	.right-vert-line {
		height: 16rem;
		right: 6.2rem
	}

	#epresta .intro-left {
		padding-top: 1rem
	}
	
	  .phone-number {
	    display: none;
	  }
	
	  .company-name {
	    display: inline;
	  }
	}
	
	/* Stylizacja po kliknięciu */
	.phone-link.clicked .phone-number {
	  display: none;
	}
	
	.phone-link.clicked .company-name {
	  display: inline;
	}	

}

@media screen and (max-width:600px) {
	.subhead {
	  font-size: 10px !important;
	}
	.display-1 {
		font-size: 4.2rem
	}
	.section-intro::before {
		font-size: 22rem
	}
	.right-vert-line {
		height: 12rem;
		right: 5rem
	}
}

@media screen and (max-width:500px) {
	.display-1 {
		font-size: 4rem
	}
	#wyzwania .rozwiazania_kontakt {
	  margin-top: 10rem!important;
	}
	
	
	
}

@media screen and (max-width:400px) {
	.section-intro {
		margin-bottom: 9.6rem
	}
	.section-intro::before {
		font-size: 20rem
	}
}

@media screen and (max-width:360px) {
	.display-1 {
		font-size: 3.6rem
	}
	.section-intro::before {
		font-size: 18rem
	}
}

.s-header.logo {
  width: 20%;
  left: 0;
  right: auto;
  top: 61px;
}

.s-header {
  z-index: 100;
  width: 50%;
  height: 10rem;
  position: absolute;
  top: 6rem;
  left: auto;
  right: 0;
}

.s-header.offset {
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transition: all .5s;
	transition: all .5s
}

.s-header.scrolling {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.s-header.sticky {
	background-color: transparent;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	display: none
}

.s-header.sticky .header-content .btn {
	height: 4.8rem !important;
	line-height: 4.4rem !important
}

.s-header.sticky .header-nav a {
	color: rgba(255, 255, 255, .6)
}

.s-header.sticky.scrolling {
	opacity: 1;
	visibility: visible;
	display: none
}

.header-content {
  display: flex;
  background-color: rgba(0,0,0,.9);
  height: 130vh;
  width: 45%;
  padding: 18rem 6rem 8rem 10rem;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
  position: fixed;
  top: -6rem;
  right: 0;
}

.header-content .kontakt-header {
  margin-top: 3rem;
  margin-left: 8rem;
}
.header-content .kontakt-header p, .header-content .kontakt-header p a {
  margin-bottom: 0;
  font-size: 16px;
  color: #fff;
}

.header-content .kontakt-header p a.btn-read-more::before { background-position: right 5px; }
.header-content .kontakt-header p a.btn-read-more::after { height: 1px; bottom: -2px; }

.header-menu-toggle {
  display: block;
}

.header-menu-toggle.is-clicked {
  position: fixed;
  top: 9rem;
}

	.menu-is-open .header-content {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform .5s
			cubic-bezier(.215, .61, .355, 1);
		transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
		transition: transform .5s cubic-bezier(.215, .61, .355, 1);
		transition: transform .5s cubic-bezier(.215, .61, .355, 1),
			-webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
	}
	.menu-is-open .header-content .btn {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
		visibility: visible;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transition-delay: .7s;
		transition-delay: .7s
	}
	.menu-is-open .header-nav-wrap {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
		visibility: visible;
		-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
		transition: all .5s cubic-bezier(.215, .61, .355, 1);
		-webkit-transition-delay: .6s;
		transition-delay: .6s
	}
	.menu-is-open .header-content .header-nav a {
	  display: block;
	  font-size: 40px;
	  font-weight: 600;
	  text-align: left;
	  text-transform: none;
	  color: #fff !important;
	  margin-bottom: 0rem;
	  line-height: 65px;
	}
	.menu-is-open .header-content .header-nav a.btn-read-more:after {
		display: none !important
	}
	.menu-is-open .header-content .header-nav a.btn-read-more:hover::after {
		display: none !important
	}
	
	.menu-is-open .header-content .header-nav a:hover {
	  color: #a3dbe8 !important;
	}

.header-logo {
	z-index: 101;
	display: inline-block;
	margin: 0;
	padding: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	position: absolute;
	left: 8rem;
	top: 50%
}

.header-logo a {
	display: block;
	border: none;
	padding: 0;
	outline: 0
}

.header-logo a img {
  width: 10.5vw;
}

.header-logo img.mobile {
	display: none
}

.header-nav-wrap {
	max-width: 100%;
	justify-content: end;
	float: right
}

.header-nav {
  list-style: none;
  padding-top: 3rem;
  padding-bottom: 1.4rem;
  margin: 0 20rem 0 0;
}

.header-nav a:before {
	display: none
}

.header-nav a {
	padding: 0
}

.header-nav a {
	color: #000;
}

.header-nav li {
  display: inline-block;
  padding-left: 0;
  margin: 0 0rem;
  position: relative;
  height: auto;
  width: 100%;
  text-align: left;
}

.header-menu-toggle {
  z-index: 101;
  height: 4.2rem;
  width: 7rem;
  line-height: 4.2rem;
  font-family: Poppins, sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  color: #fff;
  outline: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: fixed;
  right: 12rem;
  top: 9rem;
}

.s-header.horizontal { z-index: 101; width: 60%; left: auto; right: 18%; }
.header-content-horizontal .header-nav { margin: 0; padding: 35px 0 0 0; }
.header-content-horizontal .header-nav li { width: auto; padding: 0 20px 15px; }

.header-content-horizontal .header-nav .submenu {
  position: absolute;
  top: 100%;
  left: -60px;
  width: max-content;
  z-index: var(--bs-dropdown-zindex);
  margin: 0px;
  background-color: #fff;
  padding: 40px 140px 45px 60px;
  transition: 0.5s;
  opacity: 0;
  display: block;
  visibility: hidden;
  transform: translatey(-20px);
  transition: all .2s ease-in-out;
  border-radius:0px 0px 20px 20px;
}

.header-content-horizontal .header-nav .submenu ul { float:left; }
.header-content-horizontal .header-nav .submenu ul.ul-2 { margin-left: 8rem; margin-right:4rem; }
.header-content-horizontal .header-nav .submenu li.head {
  text-transform: uppercase;
  padding-bottom: 15px;
  font-weight: 600;
  font-size: 21px;
  color:#000;
}

.header-content-horizontal .header-nav li:hover .submenu {
	opacity: 1;
	visibility: visible;
	transform: translatey(0px);
}

.header-content-horizontal .header-nav .submenu li {
  display: block;
  padding: 0;
}

.header-content-horizontal .header-nav .submenu a {
  padding: 8px 0px;
  color: #000;
  display: inline-block;
  font-size: 16px;
  position: relative;
}

.header-content-horizontal .header-nav .submenu a::before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 1px;
  position: absolute;
  top: 16px;
  left: -33px;
  border: 1px solid #000;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transition: ease-out .3s;
  display: block;
}

.header-content-horizontal .header-nav .submenu a:hover:before {
  left: -25px;
}

.header-content-horizontal .header-nav .menu-item:hover .submenu {
  display: block;
}



.header-menu-toggle:focus,.header-menu-toggle:hover {
	color: #fff
}

.header-menu-toggle span {
	display: block;
	width: 5.5rem;
	height: 2px;
	background-color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	left: .9rem;
	right: auto;
	bottom: auto
}

.header-menu-toggle span::after,.header-menu-toggle span::before {
	content: '';
	width: 70%;
	height: 100%;
	background-color: inherit;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	left: 0
}

.header-menu-toggle span::before {
	top: -1.5rem
}

.header-menu-toggle span::after {
	bottom: -1.5rem
}

.header-menu-toggle.is-clicked span {
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all .1s;
	transition: all .1s
}

.header-menu-toggle.is-clicked span::after,.header-menu-toggle.is-clicked span::before
	{
	background-color: #fff
}

.header-menu-toggle.is-clicked span::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	width:110%;
	
}

.header-menu-toggle.is-clicked span::after {
	bottom: 0;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	width:110%;
}

.header-content .btn {
	border-color: #fff;
	color: #fff;
	margin: 0;
	padding: 0 4rem;
	font-size: 1.1rem;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	position: absolute;
	top: 50%;
	right: 8rem
}

.header-content .btn:focus,.header-content .btn:hover {
	background-color: #f9861a !important;
	border-color: #f9861a !important
}

@media screen and (min-width:1680px) {
	.header-logo {
		left: 5rem
	}
	.header-content .btn {
		right: 6rem
	}
	
	#demo-prestashop .slick-list {
		margin: 0px -31.30vw 0px 0rem;
	}
	
	
	#wyzwania .s-intro__section::before {
	  right: calc(50% + 25vw);
	}
	#kontakt-footer h2 {
	  margin-top: 6rem;
	  margin-left: 0rem;
	  color: #222;
	}
	#kontakt-footer p.p {
	  margin-left: 0rem;
	  margin-bottom: 0rem;
	}

	#stopka.s-footer .link_kontakt p.space {
	  font-size: 18px!important;
	  line-height: 38px!important;
	}
	
}


@media only screen and (min-width:1440px) and (max-width:1679px) {

	.hero-content h1 {
	  font-size: 44px!important;
	}
	.hero-content h3 {
	  font-size: 20px!important;
	}
	.device .header-nav a, .header-nav a, .kontakt .header-nav a {
	  font-size: 16px!important;
	}	
	
	#demo-prestashop .slick-list {
	  margin: 0px -31.30vw 0px 0rem;
	}
	
	#wyzwania .s-intro__section::before {
	  right: calc(50% + 22vw);
	}
	
	.violetbox .s-intro__section::before, #rozwiazania .s-intro__section::before, #casestudy .s-intro__section::before, #funkcjonalnosc .s-intro__section::before {
	  width: 5.8rem!important;
	}
	
	#stopka.s-footer .link_kontakt p.space {
	  font-size: 16pximportant;
	  line-height: 38pximportant;
	}	
	
	.s-solution {
	  margin-bottom: 12rem!important;
	}

	#usprawnienia button.slick-next {
	  right: 3rem !important;
	  left: auto !important;
	}
	#usprawnienia button.slick-prev {
	  left: auto !important;
	  right: 6rem !important;	
	}	
	
	#usprawnienia .slick-slider button {
	  top: 9rem!important;
	}	
	
	#integrations .integrations_head {
	  flex: 0 0 35%;
	  max-width: 35%;
	}	
	
	#integrations .services-list__item-body {
	  left: 500px !important;
	  top: -105px !important;
	  width: 802px !important;
	  height: 370px !important;
	}

	.text-background span {
	  font-size: 52px!important;
	  padding: 0 18px!important;
	  line-height: 62px!important;
	}	
	#kontakt-footer p.p {
	  margin-left: 9rem;
	  margin-bottom: 0rem;
	}
	
	
	#integrations.s-about {
	  height: 515px;
	}
	
	#integrations.s-about::before {
	  right: 0px;
	  width: 54rem;
	}
	
	#casestudy .folio-item__project-link p.portfolio-opis-ux,  #casestudy .folio-item__project-link p.portfolio-opis-txt { display:none; }	
	#casestudy .slick-slide .portfolio-opis-txt.bold { display:inline-block; }
	#casestudy .folio-item__project-link p.portfolio-opis-txt.bold {
	  font-size: 16px;
	  line-height: 24px;
	}
	#casestudy .folio-item__project-link {
	  height: 100%;
	  bottom:0px!important;
	}
	
	#prestashop.s-about {
	  padding-bottom: 14rem;
	}
	.link_kontakt_2 {
	  padding-left: 170px !important;
	  background-position: 54px !important;
	}	
	
	.link_kontakt_3 {
	  padding-left: 180px!important;
	  background-position: 96px!important;
	}
	
	.violetbox .s-intro__section, #rozwiazania .s-intro__section, #casestudy .s-intro__section, #funkcjonalnosc .s-intro__section {
	  padding-left: 8rem !important;
	  padding-right: 8rem !important;
	}	
	#casestudy .folio-item__project-link .portfolio-opis-projekt {
	  font-size: 12px!important;
	}

	#casestudy .folio-item__project-link p {
	  margin-bottom: 15px!important;
	}	
	
	#casestudy .slick-slide .mokate .etykieta {
	  width: 105px!important;
	}
	#casestudy .mokate .folio-item__project-link:hover .etykieta {
	  width: 135px!important;
	}
	#casestudy .slick-slide .moraj .etykieta {
	  width: 85px!important;
	}
	#casestudy .moraj .folio-item__project-link:hover .etykieta {
	  width: 110px!important;
	}
	#casestudy .slick-slide .bbq .etykieta {
	  width: 140px!important;
	}
	#casestudy .bbq .folio-item__project-link:hover .etykieta {
	  width: 170px!important;
	}
	#casestudy .slick-slide .light .etykieta {
	  width: 45px!important;
	}	
	#casestudy .light .folio-item__project-link:hover .etykieta {
	  width: 55px!important;
	}		
	#kontakt-footer h2 {
	  margin-top: 6rem;
	  margin-left: 9rem;
	}	
	#kontakt-footer p.p {
	  margin-left: 9rem;
	  margin-bottom: 0rem;
	}

	.stronakontaktu .violetbox {
	  margin-bottom: 0px !important;
	}
	
}



@media screen and (max-width:1439px) {
	.header-content .btn {
		height: 4.8rem !important;
		line-height: 4.4rem !important
	}
	.s-header {
		top: 2rem;
		height: 8rem
	}
	.header-logo img {
	  width: 150px;
	}
	.header-logo {
	  left: 35px;
	  top: 50%;
	  z-index: -1;
	}
	
	.s-header.horizontal { display:none; }

	.header-content .btn {
		margin-top: 4.8rem;
		-webkit-transform: translate3d(0, -2rem, 0);
		transform: translate3d(0, -2rem, 0);
		opacity: 0;
		visibility: hidden;
		position: static
	}
	.header-nav-wrap {
		padding: 0;
		-webkit-transform: translate3d(0, -2rem, 0);
		transform: translate3d(0, -2rem, 0);
		opacity: 0;
		visibility: hidden
	}
	.header-nav {
		display: block;
		width: 100%;
		padding: 0
	}
	.header-nav a {
		display: block
	}
	.header-nav li {
		display: block;
		margin: 0
	}
	.header-menu-toggle {
		display: block
	}

	.header-menu-toggle {
		right: 3.2rem
	}

	.header-content .btn {
		display: block
	}
	
}




@media screen and (max-width:400px) {
	.header-menu-toggle {
		right: 22px
	}
	.header-logo {
		left: 24px;
		top: 36px
	}
	.device .header-logo {
		padding: 30px 24px !important
	}
}

.s-hero {
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  position: relative;
  padding-bottom: 0rem;
}

#hero.s-hero::before {
  content: '';
  position: absolute;
  background: url(../images/circletop.png);
    background-repeat: repeat;
    background-size: auto;
  right: -20vw;
  top: -21.35vw;
  z-index: 21;
  width: 36.7vw;
  height: 36.5vw;
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  left: auto;
  background-size: 100%;
  background-repeat: no-repeat;
}

.no-js .s-hero {
	background: #fff
}

.hero-content {
  height: 100%;
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: center;
  padding-top: 24vh;
  padding-bottom: 0;
  position: relative;
}

.hero-content h1 {
  font-size: 58px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  color: #222;
  position: relative;
  z-index: 1;
}

.hero-content h3 {
  font-size: 22px;
  font-weight: 400;
  margin-top: 35px;
  margin-bottom: 50px;
  line-height: 1.5;
}

.others .hero-content h3 {
  font-size: 2rem;
  margin-top: 3rem;
  margin-bottom: 4rem;
  line-height: 2;
  width:50%;
}

@keyframes move {
  0% {
    transform: translatey(0);
  }
  50% {
    transform: translatey(25px);
  }
  100% {
    transform: translatey(0);
  }
}

.moving-element img {
  width: 46px;
  height: auto;
  animation-name: move;
  animation-duration: 1.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.partner {
  text-align: center;
  margin-bottom: 10rem;
}

.arrow-portfolio {
  text-align: center;
  display: inline-block !important;
}

.partner img {
  margin-bottom: 0.5vw;
  width: 12vw;
}
.partner span {
  display: block;
  font-size: 16px;
  line-height: 1.6;
}

.index-intro-box {
  z-index: 1;
  position: relative;
  margin-bottom: 80px;
}

.index-intro-box .column {
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  align-items: center;
}

.index-intro-box .label {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.25px;
  position: relative;
}

.index-intro-box .label.presta-logo span {
  display: inline-block;
  margin-left: 115px;
}

.index-intro-box .label.presta-logo img {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  margin-top: -42px;
  top: 50%;
}

.index-intro-box .last-intro {
  position: relative;
  display: block;
}

.index-intro-box .last-intro .label .free span {
  content: '';
  background-image: url(../images/svg/chat.svg);
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 10px 48px 10px 0px;
}

.index-intro-box .last-intro .label:hover .free span { background:none; padding-right:0px; }

.index-intro-box .last-intro .label {
  background: #222;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  font-size: 1vw;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: inherit;
  padding: 0;
  position: relative;
  height: 4.16vw;
}

.index-intro-box .last-intro .label:before {
  content: '';
  background: #222;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0%;
  transition: all .3s ease-in-out;
  border-radius:5px;
}

.index-intro-box .last-intro .label:hover::before {
  height: 180%;
  top: -30%;
  transition: all .3s ease-in-out;
  background: #1e1b30;
}

.index-intro-box .last-intro .label p.free {
  display: block;
  -webkit-transform: translate3d(0, 1.35vw, 0);
  transform: translate3d(0, 1.35vw, 0);
  margin: 0;
}

.index-intro-box .last-intro .label:hover p.free {
  -webkit-transform: translate3d(0, 8px, 0);
  transform: translate3d(0%, 0px, 0);
  font-size: 16px;
}
.index-intro-box .last-intro .label p.free-txt {
  display: inline-block;
  visibility: hidden;
  font-size: 14px;
  margin: 0px;
}
.index-intro-box .last-intro .label p.free-txt .column {
  text-align: left;
  float: left;
  display: inline-block;
  font-weight: 500;
}
.index-intro-box .last-intro .label p.free-txt .column .btn-read-more::after { display:none; }
.index-intro-box .last-intro .label p.free-txt span b {
  font-size: 20px;
  width: 100%;
  display: inline-block;
}

.index-intro-box .last-intro .label:hover p.free-txt {
  display: inline-block;
  visibility: visible;
  transition: ease-out .5s;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, -5px, 0);

}

.index-intro-box .last-intro .label p.free, .index-intro-box .last-intro .label:hover p.free, .index-intro-box .last-intro .label:hover p.free-txt {
  -webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  transition: all, .5s cubic-bezier(.215, .61, .355, 1);  	
}

.kontakt .hero-content h3 {
	font-size: 3rem
}

.kontakt h2 {
	color: #fff;
	margin-bottom: 2rem;
	font-weight: 500
}

.hero-social {
	list-style: none;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-flow: row wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-flow: row wrap;
	font-family: Roboto, sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 3.2rem;
	text-transform: uppercase;
	letter-spacing: .5em;
	margin-top: 1rem;
	margin-left: .4rem;
	margin-bottom: 0;
	position: relative
}

.hero-social a {
	color: #fff
}

.hero-social a:active,.hero-social a:focus,.hero-social a:hover {
	color: #f9861a
}

.hero-social li {
	padding-left: 0
}

.hero-social li::after {
	content: '/';
	color: rgba(255, 255, 255, .1);
	margin-left: 0;
	margin-right: 1rem
}

.hero-social li:last-child::after {
	display: none
}

.hero-scroll {
	position: absolute;
	right: 8rem;
	bottom: 10rem
}

.hero-scroll .scroll-link,.hero-scroll .scroll-link svg path {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.hero-scroll .scroll-link {
	text-decoration: none;
	border: 0 none;
	display: block;
	height: 6.4rem;
	width: 6.4rem;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .5);
	margin: 0;
	position: relative
}

.hero-scroll .scroll-link svg {
	height: 1.2rem;
	width: 1.2rem;
	position: absolute;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	left: 50%;
	top: 50%
}

.hero-scroll .scroll-link svg path {
	fill: #fff
}

.hero-scroll .scroll-link:focus,.hero-scroll .scroll-link:hover {
	background-color: #f9861a
}

html.ss-preload .hero-content {
	opacity: 0
}

html.ss-loaded .hero-content {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
	animation-timing-function: cubic-bezier(.23, 1, .32, 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

html.no-csstransitions .hero-content {
	opacity: 1
}

@
-webkit-keyframes fadeIn {
	from {opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
keyframes fadeIn {
	from {opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
-webkit-keyframes fadeInLeft {
	from {opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
keyframes fadeInLeft {
	from {opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
-webkit-keyframes fadeOut {
	from {opacity: 1;
	visibility: visible
}

to {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
@
keyframes fadeOut {
	from {opacity: 1;
	visibility: visible
}

to {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}



@media screen and (max-width:1200px) {
	.hero-scroll {
		right: 6rem
	}
	.hero-scroll::after {
		height: 8rem
	}
	.hero-scroll .scroll-link {
		height: 6rem;
		width: 6rem
	}
}




@media screen and (max-width:400px) {
	.hero-content h1 {
		font-size: 4rem
	}
}

@media screen and (max-width:360px) {
	.hero-content h1 {
		font-size: 3.8rem
	}
}



@media screen and (max-width:800px) {
	.portfolio-index-right {
		margin-top: 4rem
	}
	p.button-more {
		text-align: center;
		margin: 6rem 0 2rem
	}
	p.button-more a.btn--primary.large {
		padding: 5px 5rem
	}
	.demo-sklepu p.button-more {
		margin: 2rem 0 0
	}
}

#epresta .row {
	position: relative
}

#epresta.s-intro {
  padding-bottom: 5rem;
  margin-bottom: 0rem;
  background: url(../images/ekontur.png);
  background-repeat: no-repeat;
  background-position: -25rem 12%;
}

#epresta .grey-bg {
  top: auto;
  bottom: 0;
  left: 0;
  right: calc(50% + 21vw);
  height: 25%;
}

#epresta .intro-right .img-onas {
  position: absolute;
  top: 1px;
  width: 280px;
  right: 45%;
}

#epresta .intro-right p.icon {
  position: relative;
  display: inline-block;
  padding-left: 60px;
  font-weight: 600;
}

#epresta .intro-right p.icon::before, p.line-absolute:before, .row-uslugi-grafika p.p:before {
  content: '';
  background: #222;
  height: 1px;
  position: absolute;
  width: 39px;
  bottom: 11px;
  left: 0px;
 transition: ease-out .3s;  
}

#epresta .intro-right p.icon:hover::before, p.line-absolute:hover:before, .row-uslugi-grafika p.p:hover:before {
 transition: ease-out .3s;	
  width: 20px;	
	
}
#epresta .intro-right .ux {
  margin-top: 25px;
  padding-bottom: 15px;
}

#epresta .intro-right .ux div span {
  width: 100%;
  height: 120px;
  display: inline-block;
  text-align: center;
  padding-top: 38px;
  padding-bottom: 38px;
  font-weight: 600;
  font-size: 36px;
  border-radius: 4px;
  position: relative;
  text-indent: 0px;
  margin-bottom: 30px;
  line-height: 38px;
}

#epresta .intro-right .ux div:hover  span {
  text-indent: -5000px;
  color: #fff; 
}

#epresta .intro-right .ux div.ui-1:hover span {
  background: url(../images/svg/ux.svg);
  background-size: 52%;
  background-repeat: no-repeat;
  background-position: center;    
}


#epresta .intro-right .ux div.ui-2:hover span {
  background: url(../images/svg/ui.svg);
  background-size: 58%;
  background-repeat: no-repeat;
  background-position: center;    
}

#epresta .intro-right .ux div.ui-3:hover span {
  background: url(../images/svg/seo.svg);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;    
}

#epresta .intro-right .ux div.ui-4:hover span {
  background: url(../images/svg/rwd.svg);
  background-size: 52%;
  background-repeat: no-repeat;
  background-position: center;    
}

#epresta .intro-right .ux div span::before {
  background: #f1f1f1;
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  border-radius: 4px;
  transition: ease-out .3s;
}

#epresta .intro-right .ux div:hover span::before {
  background: #ec2471;
  transition: ease-out .3s;
  height: 160%;
  top: -30%;
}

#usprawnienia.s-solution {
  margin-bottom: 8rem;
}

#usprawnienia .testimonial-slider__label {
  margin-top: 20rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

#usprawnienia .row::before, #usprawnienia .row::after {
  width: 0px;
}

#usprawnienia.target-section p.p {
  padding-right: 6rem;
}

#usprawnienia .fun-opis {
  text-align: left;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding-left: 5rem;
}

.fun-opis p { margin-bottom: 2rem; }

img.img-shadow {
  box-shadow: 15px -10px 48px rgba(0,0,0,0.2);
}

#usprawnienia .fun-opis p.subhead {
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 3rem;
}

#usprawnienia .slick-slider button {
  bottom: auto;
  top: 20rem;
}
#usprawnienia button.slick-prev { 
left: 49rem;	
}
#usprawnienia button.slick-next {
  left: 46rem;
}

#integracje .opinie-bg {

}

#integracje .testimonial-slider__label, #integracje.target-section {
  width: 90%;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
}

#integracje.target-section { margin-bottom: 15rem; }

#integracje.target-section .in-opis {
  text-align: center;
  width: 75%;
  margin: 0 auto 5rem;
}

#integracje.target-section .systemy {
  font-size: 6rem;
  color: #ddd;
  font-weight: 500;
  margin-bottom: 2rem;
}

#integracje.target-section .logotyp {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

#integracje.target-section .logotyp div.logo-bg {
  background: #f1f1f1;
  padding: 45px 15px;
  border-radius: 4px;
}

.logotyp div img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: ease-out .3s;
}

.logotyp div img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transition: ease-out .3s;
}

#integracje p.logotyp img {
  text-align: center;
  display: inline-block;
}

#integracje button {
  top: 145px !important;
}

#integrations.s-about {
  position: relative;
  height: 485px;
  padding-top: 8rem;
  margin-bottom: 20rem;
  overflow: hidden;
}

#integrations h3 { font-size: 2.2rem; }

#integrations .integrations_head { }
#integrations .integrations_head p { color:#fff; }

#integrations.s-about::before {
  content: "";
  display: block;
  background-color: #151034;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: calc(50% + 15vw);
  height: 100%;
  z-index: 0;
  background-image: url(../images/firmamaska2.jpg);
  background-attachment: fixed;
}	

#integrations .services-list__item-header { position:relative; }
#integrations .services-list__item-header::before {
  content: '';
  background: url(../images/svg/arrow-right.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  background-size: 20px;
  right: -27px;
  background-repeat: no-repeat;
  background-position: center 2px;
  transition: ease-out .3s;
}

#integrations .services-list__item-header:hover::before {
  right: -18px;	
}

#integrations .list__item_1 .services-list__item-header { }
#integrations .list__item_2 .services-list__item-header  { top:50px; }
#integrations .list__item_3 .services-list__item-header  { top:100px; }
#integrations .list__item_4 .services-list__item-header  { top:150px; }

#integrations .list__item_1 h3, #integrations .list__item_2 h3, #integrations .list__item_3 h3, #integrations .list__item_4 h3 { margin: 0px; color:#fff;}

#integrations .list__item_1.is-active .services-list__item-body { display:block!important; }

#integrations .services-list__item-header {
  position: absolute;
  padding: 0px 20px;
  width: 400px;
}

#integrations .services-list__item-body {
  position: absolute;
  left: 32%;
  top: -114px;
  padding-top: 0px;
  width: 70%;
  height: 370px;
  overflow: hidden;
}

#integrations .int-btn {
  bottom: -28rem;
  position: absolute;
  left: 0px;
  left: 20px;
}

#integrations .int-btn .btn-read-more { color:#fff; }

.text-background {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}

#integrations .display-flex {
  display: flex;
  height: 100%;
}

 /*integracje-index-presta-integracje*/


#uslugi-dlaczego.integracje-index .section.target-section p.p { margin-bottom:0px!important; }
#uslugi-dlaczego.violetbox.integracje-index .s-intro__section {
  margin-bottom: 8rem;
}

#uslugi-dlaczego.violetbox.integracje-index .lista p {
  font-size: 22px;
  height: 70px;
  line-height: 30px;
  margin-bottom: 1rem;
}
#uslugi-dlaczego.violetbox.integracje-index .lista ul { list-style: none; margin-left:0px;}
#uslugi-dlaczego.violetbox.integracje-index .lista ul li {
  font-size: 32px;
  text-transform: uppercase;
  opacity: .20;
  transition: color .2s,opacity .2s,text-shadow .2s;
  font-weight: 700;
  line-height: 1.3;
}

#uslugi-dlaczego.violetbox.integracje-index .lista ul li:hover {   opacity: 1; }
#uslugi-dlaczego.violetbox.integracje-index .lista ul li a { color:#fff; }


.text-background span {
  font-size: 63px;
  text-transform: uppercase;
  padding: 0 25px;
  color: #fff;
  display: inline-block;
  opacity: .20;
  text-shadow: -1px 0 #171a21,0 1px #171a21,1px 0 #171a21,0 -1px #171a21;
  transition: color .2s,opacity .2s,text-shadow .2s;
  font-weight: 700;
  line-height: 76px;
}

.text-background span:hover {
	color: #171a21;
	opacity: 1;
	text-shadow: 0 0 transparent;
	cursor:pointer;
}

#integrations .text-background span:nth-child(2n):hover { color: #d33; }
#integrations .text-background span:nth-child(3n):hover { color: #fa0; }
#integrations .text-background span:nth-child(4n):hover { color: #ec2471; }


#wyzwania .section-intro { 
  padding-bottom: 24rem;
  margin-bottom: 0rem;
  position:relative;
  
}

#wyzwania .rozwiazania_kontakt {
  position: relative;
  z-index: 2;
  margin-top: 5rem;
}

#wyzwania .rozwiazania_kontakt, .kontakt-txt .roz-1 {
  font-size: 20px;
  font-weight: 500;
}
#wyzwania .rozwiazania_kontakt .roz-2, .kontakt-txt .roz-2, .index #epresta .roz-2   {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 4rem;
}

#wyzwania .section-solution {
  background: url(../images/svg/think.svg);
  z-index: 2;
  bottom: 190px;
  left: 17rem;
  width: 240px;
  height: 240px;
  background-size: 240px;
  background-repeat: no-repeat;
  position: absolute;
}

#wyzwania .s-intro__section::before {
  content: "";
  display: block;
  background-color: #f5f7f9;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 350px;
  z-index: 1;
}

#wyzwania h3, .index #prestashop h3, .presta-integracje-row h3 {
  margin-bottom: 1.5rem;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  transition: ease-out .3s;
}

.services-list .services-list__item p, .eoferta p {
  margin-bottom: 2rem;
}

#wyzwania .services-list__item-header, #epresta .intro-right .section-intro, #prestashop .services-list__item-header, .presta-integracje-row .services-list__item-header  {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 4rem;
  position: relative;
}

#wyzwania .services-list__item-body, .index #prestashop  .services-list__item-body { margin-left: 50px; padding:0px; }

#wyzwania h3:hover, .index #prestashop h3:hover { color:#ec2471; transition: ease-out .3s; }


#kontakt-footer.target-section {
  position: relative;
  margin-bottom: 0px !important;
  padding-bottom: 6rem;
}
.index #kontakt-footer.target-section {
  padding-bottom: 6rem;
}
.index #kontakt-footer .oprogramowanie-bg {
  left: calc(50% + -15vw);
}

#kontakt-footer .oprogramowanie-bg {
  content: "";
  display: block;
  background-color: #f5f7f9;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  left: calc(10% + 7vw);
  height: 115%;
}

.index #kontakt-footer .boksy-footer div {
  margin-top: 2rem;
  display:inline-block;
}

#kontakt-footer .boksy-footer div {
  margin-top: 0rem;
  display:none;
}
#kontakt-footer .boksy-footer-header {
  line-height: 30px;
  height: 64px;
  margin-bottom: 15px;
}

#kontakt-footer .boksy-footer-header b {
  font-size: 22px;
}

#kontakt-footer .boksy-footer-subheader { }

#kontakt-footer .ekontur {
  text-align: center;
  padding: 0rem 0 0 0rem;
}

#kontakt-footer .ekontur img {
  max-width: 350px;
  margin-top: 1rem;
}

#stopka .logo-f img {
  padding-right: 14rem;
  display: inline-block;
  padding-top: 4rem;
}

#stopka .aktywacja_stopka {
  margin-bottom: 6rem;
  margin-top: 8rem;
}

#stopka .link_kontakt {
  margin-top: 4rem;
  margin-bottom: 8rem;
}

#stopka .link_kontakt p.top {
  font-size: 30px;
  font-weight: 600;
}

#stopka .link_kontakt p {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 34px;
  letter-spacing: 1px;
}

.link_kontakt_1, .link_kontakt_2, .link_kontakt_3 {
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 15px;
  padding-bottom: 8px;
}


.link_kontakt_1 {
  background-image: url(../images/svg/phone-stopka.svg);
  padding-left: 95px;
}
.link_kontakt_2 {
  background-image: url(../images/svg/letter-stopka.svg);
  padding-left: 228px;
  background-position: 115px;
}

.link_kontakt_3 {
  background-image: url(../images/svg/time-stopka.svg);
  padding-left: 210px;
  background-position: 130px;
}

#stopka .aktywacja_stopka a {
  color: #fff;
  border: 2px solid rgba(255,255,255,0.5);
  text-align: center;
  width: 400px;
  display: inline-block;
  padding: 15px;
  font-size: 20px;
  font-weight: 500;
}

#stopka .aktywacja_stopka a:hover { border-color: #bcd8dd; background: #bcd8dd; color:#151034; }

#stopka .footer-right .linki_stopka a {
  width: 100%;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  opacity: 0.6;
}

.grey-bg {
  content: "";
  display: block;
  background-color: #f5f7f9;
  position: absolute;
}


.others .grey-bg {
  top: auto;
  bottom: 0;
  left: 0;
  right: calc(50% + 10vw);
  height: 50%;
}


#prestashop .oprogramowanie-bg {
  content: "";
  display: block;
  background-color: #f5f7f9;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: calc(50% + 10vw);
  height: 50%;
}

#prestashop .section-solution {
  position: relative !important;
  left: 6rem;
  width: 600px;
  bottom: auto;
  z-index: 10;
  line-height: 54px;
  margin-top: 10rem;
  margin-bottom: 32rem;
}

#prestashop button {
  position: absolute;
  bottom: 5rem;
  width: 22px;
  height: 22px;
  background: 0 0;
  border: 1px solid;
  padding: 0;
  z-index: 100;
  margin: 0;
}

#prestashop button.slick-prev {
  left: -42px;
}

#prestashop button.slick-next {
  left: -10px;
}

#prestashop .section-solution p span.counter {
  font-size: 192px;
  font-weight: bold;
}

#prestashop .section-solution p span.counter.small {
  font-size: 42px;
  display: inline-block;
  width: 100%;
  left: 6px;
  position: relative;
}

#prestashop .intro-right {
  padding-top: 0;
}

#prestashop .intro-right img {
  margin: 0px 0 35rem 26rem;
  z-index: 10;
  width: 380px;
}

#prestashop .slick-slider {
  padding-bottom: 8rem;
}

#prestashop.s-about {
  padding-bottom: 10rem;
}
.index #prestashop p.p {
  margin-bottom: 3rem;
}

#prestashop .btn-read-more.black {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  text-align: left;
}

.presta-integracje-row .services-list__item-header::before, .onas #doswiadczenie .strefa-4 .strefa-box:before, .index #prestashop .services-list__item-header::before, #wyzwania .services-list__item-header::before, #funkcjonalnosc h3:before {
  content: '';
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 1px;
  position: absolute;
  top: 50px;
  left: -38px;
  border: 2px solid #ec2471;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transition: ease-out .3s;
}

.presta-integracje-row h3::before {
  top: 11px;
  left: -45px;
}

#funkcjonalnosc h3::before {
  background: transparent;
  opacity: 1;
  top: 10px;
  left: -5rem;
}


#funkcjonalnosc h3:hover, #integrations h3:hover { color: #ec2471; }

#funkcjonalnosc h3  {
  -webkit-text-stroke: 0px #fff;
  color: rgba(255,255,255);
  cursor: pointer;
  display: inline-block;
  transition: color .2s,opacity .2s,-webkit-text-stroke-color .2s;
  font-size: 26px;
  position: relative;
}

#funkcjonalnosc .services-list__item-header {
  padding-bottom: 0rem;
  padding-top: 3rem;
  padding-left: 5rem;
}



#wyzwania .services-list__item-header:hover::before, .index #prestashop .services-list__item-header:hover::before { 
  left: -32px;	
}

#funkcjonalnosc h3:hover::before { left: -4rem; }

#wyzwania .intro-right {
  padding-top: 15.55rem;
  position: relative;
}

#wyzwania.s-about {
  padding-bottom: 6rem;
  position: relative;
}

#epresta .section-intro, #wyzwania .section-intro, #prestashop .oprogramowanie-solution, #prestashop .slick-slider {
	position: relative;
	margin-bottom: 0;
}

#epresta .section-intro p.bold, #wyzwania .section-intro p.bold, #prestashop .oprogramowanie-solution p.bold, p.bold {
	font-weight: 600
}

#epresta .section-intro p.bold b, #epresta .intro-right p.bold b {
  font-size: 34px;
}

p.line-absolute {
  font-size: 20px;
  position: relative;
  padding-left: 60px;
  width: 100%;
  line-height: 28px;
  margin-top: 5rem;
}

#prestashop .oprogramowanie-solution p:last-child { margin-bottom:0px; }

#epresta .section-intro p.bold.big {
  font-size: 48px;
}

.h_intro {
	padding-top: 8rem
}

.label-1 h1.label {
	color: #fff;
	font-size: 4rem;
	font-weight: 400;
	line-height: 4.5rem;
	margin: 0
}

.intro-left {
  padding-top: 0rem;
  position: relative;
  z-index: 1;
}

.intro-right {
  padding-top: 25rem;
  position: relative;
}

.intro-right li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative
}

#epresta .section-solution {
  position: absolute !important;
  bottom: 200px;
  width: 605px;
  left: 7.2rem;
}

.section-solution p { position:relative; }
.section-solution p span.counter {
  font-family: times new roman;
  font-size: 230px;
  font-weight: bold;
  background: linear-gradient(to bottom, #ec2471 50%, #291e69 70%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 10px;
}
.section-solution p span.plus {
  font-family: times new roman;
  font-size: 70px;
  font-weight: bold;	
  background: linear-gradient(to top, #ec2471 40%, #291e69 70%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	position: absolute;
	top: 100px;  
}
.section-solution p span.exp {
  position: absolute;
  top: 195px;
  font-size: 18px;
  font-weight: 400;
  padding-left: 16px;
}

.intro-right .prestashop {
	margin-top: 6rem
}

.intro-right .prestashop h5 {
	margin: 0;
	display: inline-block;
	padding-left: 3rem;
	vertical-align: middle
}

.svg-sol.presta {
	background-image: url(../images/svg/prestashop.svg)
}

.intro-right h4.svg-sol {
	font-size: 1.6rem;
	font-weight: 300;
	background-position: left;
	padding-left: 6rem;
	background-size: 35px;
	height: 40px;
	width: auto;
	padding-right: 10px;
	letter-spacing: 0;
	line-height: 1.3
}

#epresta .row.extra-box {
	position: absolute;
	width: 100%;
	top: -65px
}

.extra-box .btn-read-more:before {
	background: 0 0
}

.extra-box .btn-read-more::after {
	bottom: -6rem;
	left: 60px
}

.svg-sol {
	height: 60px;
	width: 60px;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	vertical-align: middle
}

.svg-sol.sol-1 {
	background-image: url(../images/svg/koszyk-prestashop.svg)
}

.svg-sol.sol-2 {
	background-image: url(../images/svg/kurier.svg)
}

.svg-sol.sol-3 {
	background-image: url(../images/svg/ebay-allegro.svg)
}

.svg-sol.configuration {
	background-image: url(../images/svg/configuration.svg)
}

.svg-sol.ux {
	background-image: url(../images/svg/ux.svg)
}

.mb-0 {
	margin-bottom: 0
}

@media only screen and (min-width:1200px) and (max-width:1439px) {

.header-content {
  width: 50%;
}
	
	.label-1 h1.label {
		font-size: 3.6rem;
		line-height: 1.35
	}
	.intro-right ul {
		position: absolute;
		top: -35rem
	}
	#epresta .section-solution {
	  bottom: 300px!important;
	}
	
	#funkcjonalnosc h3::before {
	  top: 4px;
	}

	#epresta .slick-slider button {
	  top: 10px !important;
	}	
	
	#epresta .large-3.ux_icon {
	-ms-flex: 0 0 50%;
	-webkit-box-flex: 0;
	flex: 0 0 50%;
	max-width: 50%;
	}
	
	.s-solution {
	  margin-bottom: 10rem!important;
	}
	
	#wyzwania .section-solution {
	  bottom: 230px!important;
	}
	
	#prestashop .section-solution p span.counter {
	  font-size: 140px;
	}
	
	#prestashop .oprogramowanie-bg {
	  height: 55%!important;
	}
	#funkcjonalnosc .services-list__item-header {
	  padding-right: 0;
	}
	
	.hero-content h1 {
	  font-size: 42px !important;
	}
	
	.hero-content h3 {
	  font-size: 18px!important;
	}

	.index-intro-box .label {
	  font-size: 16px;
	  line-height: 24px;
	}
	
	.s-hero {
	  padding-bottom: 4rem!important;
	}

	#demo-prestashop .slick-list {
	  margin: 0px -100px 0px 0rem;
	}	
	section.target-section .display-1, #epresta .section-intro p.bold b, #epresta .intro-right p.bold b {
	  font-size: 36px !important;
	  line-height: 46px !important;
	  margin-bottom: 3rem !important;
	}		
	section.target-section p.p {
	  font-size: 18px !important;
	  margin-bottom: 4rem !important;
	}
	#wyzwania .s-intro__section::before {
	  right: calc(50% + 10vw);
	  height: 400px !important;	
	}	
	.violetbox img.img-shadow, #rozwiazania img.img-shadow {
	  width: 310px;
	}	
	#casestudy .mokate .svg-logo {
	  width: 90px!important;
	}
	#casestudy .light .svg-logo {
	  width: 106px!important;
	}	
	#casestudy .moraj .svg-logo {
	  width: 130px!important;
	}
	#demo-prestashop button, #casestudy button {
	  width: 60px!important;
	  height: 60px!important;	
	}
	
	#demo-prestashop button {
	  bottom: -10rem!important;
	}

	#demo-prestashop button.slick-prev {
	  right: 105px !important;
	}

	#casestudy .slick-slide  .etykieta, #casestudy .folio-item__project-link p.portfolio-opis-ux, #casestudy .folio-item__project-link p.portfolio-opis-txt { display:none; } 
	#casestudy .folio-item__project-link p.portfolio-opis-txt.bold {
	  display: inline-block;
	  font-size: 16px;
	  line-height: 24px;
	-webkit-transform: translate3d(0, 0px, 0) !important;
	transform: translate3d(0, 0px, 0) !important;	
	margin-bottom:15px!important;
	}
	
	#casestudy .folio-item__project-link p {
	  margin-bottom: 5px !important;
	}
	#casestudy .slick-slide .portfolio-opis-txt.bold span {
	  font-size: 24px !important;
	  margin-bottom: 6px !important;
	}
	
	#casestudy .folio-item__project-link p.portfolio-logo {
	  margin-top: 30px!important;
	}	
	
	#casestudy .folio-item__project-link .portfolio-opis-projekt { display:none!important; }
	
	
	#casestudy button.slick-prev {
	  right: 89px!important;
	}

	#casestudy .folio-item__project-link { height: 100%; bottom: 0rem !important; }
	
	#casestudy button {
	  margin-bottom: -3rem !important;
	}
	#casestudy .s-intro__section {
	  padding-bottom: 9rem !important;
	  padding-top: 10rem !important;
	  padding-left: 8rem !important;
	  padding-right: 8rem !important;
	}
	
	.violetbox .s-intro__section::before, #rozwiazania .s-intro__section::before, #casestudy .s-intro__section::before, #funkcjonalnosc .s-intro__section::before {
	  width: 8.8rem!important;
	}
	.violetbox .s-intro__section, #rozwiazania .s-intro__section, #funkcjonalnosc .s-intro__section {
	  padding-bottom: 9rem !important;
	  padding-left: 8rem !important;
	  padding-right: 8rem !important;
	}	
	#rozwiazania h3 {
	  font-size: 20px!important;
	}	
	#rozwiazania .services-list__item-header {
	  padding-right: 0rem;
	}
	#funkcjonalnosc img.img-shadow {
	  width: 300px!important;
	}
	#funkcjonalnosc h3 {
	  font-size: 20px!important;
	}
	#usprawnienia button.slick-next {
	  right: 3rem !important;
	  left: auto;
	}
	#usprawnienia button.slick-prev {
	  left: auto !important;
	  right: 6rem !important;	
	}	

	#usprawnienia.s-solution {
	  margin-bottom: 2rem;
	}	

	#integrations.s-about::before {
	  right: 0px;
	  width: 54rem;
	}
	
	#prestashop.s-about {
	  padding-bottom: 18rem;
	}	
	
	#integrations .text-background span {
	  font-size: 52px !important;
	  padding: 0 18px !important;
	  line-height: 62px !important;
	}	
	
	#integrations h3 {
	  font-size: 20px!important;
	}
	#integrations.s-about {
	  height: 515px;
	  margin-bottom: 8rem;
	}

	#integrations .services-list__item-body {
	  left: 472px;
	  top: -86px;
	  width: 664px;
	  height: 370px;
	}
	
	#integrations .integrations_head {
	  flex: 0 0 40%;
	  max-width: 40%;
	}	
	
	#uslugi-dlaczego.violetbox.integracje-index .lista ul li {
	  font-size: 26px;
	}
	
	#kontakt-footer .ekontur img {
	  max-width: 260px;
	  margin-top: 46px;
	}
	
	#kontakt-footer .boksy-footer {
	  margin-top: 4rem;
	}
	#kontakt-footer .boksy-footer-subheader {
	  font-size: 14px;
	}
	.link_kontakt_1 {
	  padding-left: 75px;
	  background-size: 70px;
	}	
	.link_kontakt_2 {
	  padding-left: 85px;
	  background-position: 0px;
	  background-size: 60px;
	}
	.link_kontakt_3 {
	  padding-left: 80px;
	  background-position: 10px;
	  background-size: 65px;
	}
	#stopka .link_kontakt p.top {
	  font-size: 20px;
	  line-height: 20px;
	}	
	#stopka .link_kontakt {
	  margin-top: 0rem;
	  margin-bottom: 5rem;
	}
	#stopka .link_kontakt p.space {
	  font-size: 14px;
	}
	#stopka .linki_stopka p.f_head {
	  margin-bottom: 12px;
	  font-size: 16px;
	}
	#stopka .footer-right .linki_stopka a {
	  font-size: 13px;
	}
	.ss-copyright span {
	  font-size: 12px;
	}
	.ss-copyright {
	  padding: 6rem 0 0rem;
	}
	#kontakt-footer .boksy-footer-header {
	  line-height: 22px;
	  height: 50px;
	  margin-bottom: 15px;
	  font-size: 15px;
	}

	#prestashop .slick-slider .demo-left p {
	  margin-right: 0rem;
	}
	
	.menu-is-open .header-content .header-nav a {
	  font-size: 30px;
	  line-height: 54px;
	}
	
	.stronakontaktu #uslugi-uslugi.violetbox .eoferta-left img.img-shadow {
	  width: 330px !important;
	}
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.pup {
	  font-size: 26px !important;
	  line-height: 36px !important;
	}
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-right {
	  margin-top: 4rem !important;
	}
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box {
	  margin-bottom: 5rem!important;
	}
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.time {
	  font-size: 16px !important;
	}			
	.stronakontaktu .s-solution {
	  margin-bottom: 3rem !important;
	}
	
	.stronakontaktu .violetbox {
	  margin-bottom: 0px !important;
	}

	#realizacje-small .row-realizacje-small img {
	  width: 170px !important;
	}
	
	
}

@media only screen and (min-width:992px) and (max-width:1200px) {


	.header-content {
	  width: 100%;
	}

	.intro-right ul {
		top: -28rem
	}
	
	.s-hero {
	  padding-bottom: 4rem !important;
	}
	
	#demo-prestashop .napis-maska {
	  font-size: 36px !important;
	  line-height: 44px !important;
	}
	
	#epresta .slick-slider button {
	  top: 10px !important;
	}
	
	#epresta .intro-right .img-onas {
	  right: 25%!important;
	}
	
	
	#demo-prestashop .testimonial-slider__slide {
	  padding: 0 0 1rem !important;
	}	
	
	.index-intro-box .label {
	  font-size: 16px;
	  line-height: 24px;
	}
	
	.s-solution {
	  margin-bottom: 9rem !important;
	}
	
	#wyzwania .rozwiazania_kontakt .roz-2 {
	  font-size: 18px;
	}
	
	#rozwiazania .services-list__item-header span.up {
	  font-size: 40px;
	  top: 30px;
	}

	#casestudy .slick-slide .portfolio-opis-txt.bold span {
	  font-size: 24px!important;
	}	
	
	#integrations.s-about::before {
	  right: 0px;
	  width: 46rem;
	}
	
	#integrations .text-background span {
	  font-size: 44px !important;
	  padding: 0 18px !important;
	  line-height: 58px !important;
	}
	
	#integrations h3 {
	  font-size: 18px !important;
	}
	#integrations.s-about {
	  height: 515px;
	  margin-bottom: 8rem;
	}
	
	#kontakt-footer .boksy-footer-header {
	  line-height: 22px;
	  height: 50px;
	  margin-bottom: 15px;
	  font-size: 15px;
	}

	#stopka .link_kontakt p.top {
	  font-size: 20px;
	  line-height: 20px;
	}	
	
	#stopka .link_kontakt {
	  margin-top: 0rem;
	  margin-bottom: 4rem;
	}

	#stopka .linki_stopka p.f_head {
	  margin-bottom: 12px;
	  font-size: 15px;
	}	
	
	#stopka .footer-right .linki_stopka a {
	  font-size: 12px;
	}	
	
	.link_kontakt_1 {
	  padding-left: 75px;
	  background-size: 70px;
	}

	.link_kontakt_2 {
	  padding-left: 85px;
	  background-position: 0px;
	  background-size: 60px;
	}	
	
	.link_kontakt_3 {
	  padding-left: 80px;
	  background-position: 10px;
	  background-size: 65px;
	}	
	
	#kontakt-footer p.p, #kontakt-footer h2 {
	  margin-left: 0;
	}
	#kontakt-footer .boksy-footer {
	  margin-top: 4rem;
	}		
	
	#kontakt-footer .boksy-footer-subheader {
	  font-size: 14px;
	}	

	#integrations .services-list__item-body {
	  left: 400px;
	  top: -70px;
	  width: 535px;
	  height: 345px;
	}
	
	#integrations .integrations_head {
	  flex: 0 0 40%;
	  max-width: 40%;
	}
	#integrations .services-list__item-header::before {
	  right: 25px;
	  background-position: center 1px;
	}	
	.hero-content h1 {
	  font-size: 38px !important;
	  line-height: 48px !important;
	}
	
	.hero-content h3 {
	  font-size: 2rem;
	  margin-top: 2.5rem;
	  margin-bottom: 7rem;
	}	
	
	
	section.target-section .display-1, #epresta .section-intro p.bold b, #epresta .intro-right p.bold b {
	  font-size: 32px !important;
	  line-height: 42px !important;
	  margin-bottom: 3rem !important;
	  display: inline-block;
	}
	
	#epresta .intro-right p.bold b { margin-bottom: 1rem !important; } 
	
	#uslugi-dlaczego.violetbox.integracje-index .lista ul li {
	  font-size: 24px;
	}
	
	section#prestashop.target-section .display-1 br { display:none; }
	
	section.target-section p.p {
	  font-size: 16px !important;
	  margin-bottom: 4rem !important;
	}	
	#wyzwania .s-intro__section::before {
	  right: calc(50% + 14vw);
	  height: 375px !important;
	}	
	
	#rozwiazania .s-intro__section img.img-shadow, #funkcjonalnosc .s-intro__section img.img-shadow {
	  width: 260px !important;
		right: -5rem;
		top: -22rem;	
	}

	.violetbox .s-intro__section::before, #rozwiazania .s-intro__section::before, #casestudy .s-intro__section::before, #funkcjonalnosc .s-intro__section::before {
	  width: 5rem !important;
	}	
	
	#uslugi-dlaczego.violetbox.integracje-index .lista p {
	  height: auto;
	  margin-bottom: 3rem;
	}
	
	#rozwiazania .services-list__item-header {
	  padding-right: 0px;
	}

	#epresta .section-solution {
	  bottom: 350px !important;
	}
	#wyzwania .section-solution {
	  bottom: 440px !important;
	  left: 12rem;
	}
	.section-solution p span.counter {
	  font-size: 200px;
	}
	.section-solution p span.plus {
	  font-size: 60px;
	}
	.section-solution p span.exp {
	  top: 172px;
	  font-size: 16px;
	  padding-left: 6px;
	}	
	#prestashop .section-solution p span.counter {
	  font-size: 120px;
	}
	#prestashop .section-solution p span.counter.small {
	  font-size: 36px;
	}	
	#prestashop .oprogramowanie-bg {
	  right: calc(46% + 10vw);
	  height: 58%;
	}
	#prestashop .slick-slider .demo-left p {
	  margin-right: 8rem;
	  font-size: 16px;
	}
	#wyzwania .rozwiazania_kontakt .roz-2 {
	  font-size: 16px;
	}
	#wyzwania .rozwiazania_kontakt .roz-1 {
	  font-size: 18px;
	  font-weight: 500;
	  margin-bottom: 2rem;
	}	

	#prestashop .slick-slider .demo-left p.line-absolute {
	 font-size: 18px;
	}	
	
	#rozwiazania h3, #funkcjonalnosc h3 {
	  font-size: 20px;
	  line-height: 30px;
	}
	
	#komentarze .display-1, #integracje .display-1 {
	  font-size: 26px;
	  line-height: 36px;
	}

	#prestashop.s-about {
	  padding-bottom: 16rem;
	}
	
	.violetbox .s-intro__section, #rozwiazania .s-intro__section, #casestudy .s-intro__section, #funkcjonalnosc .s-intro__section {
	  padding: 10rem 4rem 8rem !important;
	}
	
	#usprawnienia .fun-opis {
	  padding-left: 2rem;
	  padding-top: 4rem;
	}

	#usprawnienia.s-solution {
	  margin-bottom: 4rem;
	}	
	
	#usprawnienia img.img-shadow {
	  box-shadow: 5px -15px 30px -11px rgba(0,0,0,0.2);
	}
	
	#usprawnienia .slick-slider button {
	  bottom: 0;
	  top: auto;
	}
	#usprawnienia button.slick-next {
	  left: 54px;
	}
	#usprawnienia button.slick-prev {
	  left: 25px;
	}			
	
	.index-intro-box .label br { display:none; }
	
	#funkcjonalnosc.s-solution { margin-bottom: 8rem; }
	
	#kontakt-footer .ekontur img {
	  max-width: 260px;
	  margin-top: 46px;
	}

	#casestudy .folio-item__project-link { height: 100%; bottom: 0rem !important; }	
	#casestudy .folio-item__project-link .portfolio-opis-projekt, #casestudy .folio-item__project-link p.portfolio-opis-ux, #casestudy .folio-item__project-link p.portfolio-opis-txt {
	  display: none;
	}	
	
	#casestudy .folio-item__project-link p.portfolio-opis-txt.bold {
	  display: inline-block;
	  font-size: 16px;
	  line-height: 22px;
	}	
	
	#casestudy .mokate .svg-logo {
	  width: 90px !important;
	}
	#casestudy .light .svg-logo {
	  width: 106px !important;
	}
	#casestudy .moraj .svg-logo {
	  width: 130px !important;
	}

	#demo-prestashop button, #casestudy button {
	  width: 50px !important;
	  height: 50px !important;
	}	
	#casestudy button.slick-prev {
	  right: 79px !important;
	}
	
	#demo-prestashop button.slick-prev {
	  right: 95px !important;
	}
	
	#casestudy button {
	  margin-bottom: -1rem!important;
	}

	#casestudy .s-intro__section {
	  padding-bottom: 10rem !important;
	  padding-top: 8rem !important;
	}


	#integracje button.slick-next::before, #demo-prestashop button.slick-next::before, #komentarze button.slick-next::before, #casestudy button.slick-next::before, #integracje button.slick-prev::before, #usprawnienia button.slick-prev::before, #usprawnienia button.slick-next::before, #casestudy button.slick-prev::before, #casestudy button.slick-next::before, #demo-prestashop button.slick-prev::before, #komentarze button.slick-prev::before, #epresta button.slick-prev::before, #epresta button.slick-next::before, #prestashop button.slick-prev::before, #prestashop button.slick-next::before {
	  background-size: 25px!important;
	}	
	
	#demo-prestashop {
	  padding-bottom: 10rem !important;
	}
	
	#demo-prestashop button {
	  bottom: -7rem !important;
	}

	#casestudy .folio-item__project-link p.portfolio-logo {
	  margin-top: 30px!important;
	}
	#kontakt-footer h2 {
	  margin-top: 6rem;
	  margin-left: 9rem;
	}	
	#kontakt-footer p.p {
	  margin-left: 9rem;
	  margin-bottom: 0rem;
	}	
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.pup {
	  font-size: 22px !important;
	  line-height: 30px !important;
	}

	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p a, .stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.time {
	  font-size: 16px !important;
	}
	.stronakontaktu #uslugi-uslugi.violetbox .eoferta-left img.img-shadow {
	  width: 250px !important;
	}

	.stronakontaktu .s-solution.violetbox {
	  margin-bottom: 0px !important;
	}

	#realizacje-small .row-realizacje-small img {
	  width: 140px !important;
	}
	
	.stronakontaktu .s-solution {
	  margin-bottom: 3rem !important;
	}	
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-right {
	  margin-top: 1rem !important;
	}
	#uslugi-uslugi .eoferta .eoferta-box {
	  margin-bottom: 0rem!important;
	}	
	
	
}


@media only screen and (min-width:768px) and (max-width:991px) {
	.intro-right ul {
		top: -28rem
	}
	
	#hero.s-hero::before {
	  right: -430px;
	  top: -255px;
	  z-index: 21;
	  width: 620px;
	  height: 534px;
	  -ms-transform: rotate(20deg);
	  -webkit-transform: rotate(20deg);
	  transform: rotate(20deg);
	  background-size: 85%;
	  background-repeat: no-repeat;
	}	
	
	.index-intro-box .label {
	  font-size: 16px;
	  line-height: 24px;
	}
	
	#demo-prestashop .napis-maska {
	  left: 30% !important;
	}
	
	#demo-prestashop .napis-maska {
	  font-size: 48px !important;
	  line-height: 54px !important;
	}
	
	.s-solution {
	  margin-bottom: 9rem !important;
	}
	
	#wyzwania .rozwiazania_kontakt .roz-2 {
	  font-size: 18px;
	}
	
	#rozwiazania .services-list__item-header span.up {
	  font-size: 40px;
	  top: 30px;
	}	

	
	#kontakt-footer .boksy-footer-header {
	  line-height: 22px;
	  height: 50px;
	  margin-bottom: 15px;
	  font-size: 15px;
	}

	#stopka .link_kontakt p.top {
	  font-size: 18px;
	  line-height: 20px;
	  margin-bottom: 6px;
	}
	
	.ss-copyright span {
	  font-size: 12px !important;
	}

	#stopka .link_kontakt p {
	  line-height: 20px;
	  font-size: 12px;
	}
	
	#stopka .link_kontakt {
	  margin-top: 0rem;
	  margin-bottom: 2rem;
	}

	#stopka .linki_stopka p.f_head {
	  margin-bottom: 12px;
	  font-size: 15px;
	}	
	
	#stopka .footer-right .linki_stopka a {
	  font-size: 12px;
	}	
	
	.link_kontakt_1 {
	  padding-left: 50px;
	  background-size: 50px;
	}

	.link_kontakt_2 {
	  padding-left: 62px;
	  background-position: 0px;
	  background-size: 46px;
	}	
	
	.link_kontakt_3 {
	  padding-left: 60px;
	  background-position: 10px;
	  background-size: 45px;
	}	
	
	#kontakt-footer p.p, #kontakt-footer h2 {
	  margin-left: 0;
	}
	#kontakt-footer .boksy-footer {
	  margin-top: 4rem;
	}		
	
	#kontakt-footer .boksy-footer-subheader {
	  font-size: 14px;
	}

	.ss-copyright {
	  padding-top: 5rem !important;
	  padding-bottom: 0rem !important;
	}
	
	.ss-copyright span {
	  font-size: 12px;
	  display: inline-block;
	}
	
	.hero-content h1 {
	  font-size: 38px !important;
	  line-height: 48px !important;
	}
	
	.hero-content h3 {
	  font-size: 2rem;
	  margin-top: 2.5rem;
	  margin-bottom: 7rem;
	}	
	
	#prestashop .intro-right { order:2; }
	#prestashop .intro-left { order:1; }	
	
	.oprogramowanie-solution, .index #prestashop .display-1, .index #prestashop p.p, #epresta .intro-right .section-intro, .index #prestashop .subhead {
	  margin-left: 0px;
	}	
	#prestashop .section-solution {
	  margin-bottom: 8rem !important;
	  left: 0px;
	  margin-top: 10rem;
	}
	#prestashop .section-solution .column { padding:0px; }

	#usprawnienia .slick-slider button {
	  bottom: auto;
	  top: 20px;
	}
	
	#rozwiazania .display-1 br { display: none; }
	
		
	section.target-section .display-1 {
	  font-size: 32px !important;
	  line-height: 42px !important;
	  margin-bottom: 3rem !important;
	}
	
	#epresta .slick-slider button {
	  top: 10px !important;
	}
	
	#prestashop .intro-left {
	  margin-bottom: 8rem;
	}	
	
	section.target-section p.p {
	  font-size: 16px !important;
	  margin-bottom: 4rem !important;
	}	
	#wyzwania .s-intro__section::before {
	  right: calc(50% + 14vw);
	  height: 400px !important;
	}
	
	#wyzwania .rozwiazania_kontakt {
	  margin-top: 14rem;
	}
	
	#wyzwania.s-about {
	  padding-bottom: 12rem;
	}
	
	#rozwiazania .s-intro__section img.img-shadow, #funkcjonalnosc .s-intro__section img.img-shadow {
	  width: 210px !important;
	  right: -3rem;
	  top: -22rem;
	}
	
	#funkcjonalnosc h3::before {
	  top: 6px;
	}	

	.violetbox .s-intro__section::before, #rozwiazania .s-intro__section::before, #casestudy .s-intro__section::before, #funkcjonalnosc .s-intro__section::before {
	  width: 5rem !important;
	}	
	
	#rozwiazania .services-list__item-header {
	  padding-right: 0px;
	}

	#epresta .section-solution {
	  bottom: 350px !important;
	}
	#wyzwania .section-solution {
	  bottom: 0px !important;
	  left: auto;
	  right: 0;
	}
	#wyzwania .intro-right {
	  padding-top: 8rem;
	}
	
	#wyzwania.s-about {
	  padding-bottom: 10rem;
	}
	
	.section-solution p span.counter {
	  font-size: 160px;
	}
	.section-solution p span.plus {
	  font-size: 45px;
	  top: 82px;
	}
	.section-solution p span.exp {
	  top: 140px;
	  font-size: 12px;
	  padding-left: 6px;
	}
	
	#epresta.s-intro {
	  padding-bottom: 0rem;
	  margin-bottom: 0rem;
	}
	
	#prestashop .section-solution p span.counter {
	  font-size: 120px;
	}
	#prestashop .section-solution p span.counter.small {
	  font-size: 36px;
	}	
	#prestashop .oprogramowanie-bg {
	  right: calc(46% + 0vw);
	  height: 58%;
	}
	
	#uslugi-dlaczego.violetbox.integracje-index .lista ul li {
	  font-size: 24px;
	}	
	
	#uslugi-dlaczego.violetbox.integracje-index .lista p {
	  height: auto;
	  margin-bottom: 3rem;
	}	
	
	#epresta-co-zrobilismy {
	  padding-bottom: 4rem !important;
	  margin-bottom: 16rem;
	}
	
	#prestashop .slick-slider .demo-left p {
	  margin-right: 8rem;
	  font-size: 16px;
	}
	#wyzwania .rozwiazania_kontakt .roz-2 {
	  font-size: 16px;
	}
	#wyzwania .rozwiazania_kontakt .roz-1 {
	  font-size: 18px;
	  font-weight: 500;
	  margin-bottom: 2rem;
	}	

	#prestashop .slick-slider .demo-left p.line-absolute {
	 font-size: 18px;
	}	
	
	#epresta .section-solution {
	  bottom: 0px !important;
	  left: auto;
	  right: 0;
	  width: 300px;
	  top: 9px;
	}
	
	#rozwiazania h3, #funkcjonalnosc h3 {
	  font-size: 20px;
	  line-height: 30px;
	}
	
	#komentarze .display-1, #integracje .display-1 {
	  font-size: 24px !important;
	  line-height: 34px !important;
	}
	
	#komentarze .testimonial-slider__label {
	  width: 80% !important;
	}

	#komentarze p.opinia, #komentarze p.firma {
	  font-size: 16px!important;
	}

	#prestashop.s-about {
	  padding-bottom: 16rem;
	}
	
	.violetbox .s-intro__section, #rozwiazania .s-intro__section, #casestudy .s-intro__section, #funkcjonalnosc .s-intro__section {
	  padding: 10rem 6rem 8rem !important;
	}
	
	#usprawnienia .fun-opis {
	  padding-left: 7rem;
	  padding-top: 4rem;
	}
	
	.index-intro-box .last-intro { display:none; }

	#usprawnienia.s-solution {
	  margin-bottom: 4rem;
	}	
	
	#usprawnienia img.img-shadow {
	  box-shadow: 5px -15px 30px -11px rgba(0,0,0,0.2);
	}
	
	#usprawnienia .testimonial-slider__label {
	  margin-top: 4rem;
	  padding-top: 2rem;
	  padding-bottom: 0rem;
	}
	
	#usprawnienia button.slick-next {
	  right: 54px;
	}
	#usprawnienia button.slick-prev {
	  right: 25px;
	}			
	
	.index-intro-box .label br { display:none; }
	
	#funkcjonalnosc.s-solution { margin-bottom: 8rem; }
	
	#kontakt-footer .ekontur img {
	  max-width: 260px;
	  margin-top: 46px;
	}

	#casestudy .folio-item__project-link { height: 100%; bottom: 0rem !important; }	
	#casestudy .folio-item__project-link p.portfolio-opis-ux, #casestudy .folio-item__project-link p.portfolio-opis-txt {
	  display: none;
	}	
	
	#casestudy .slick-slide .mokate .etykieta {
	  width: 100px!important;
	}
	#casestudy .mokate .folio-item__project-link:hover .etykieta {
	  width: 120px !important;
	}	
	#casestudy .slick-slide .moraj .etykieta {
	  width: 85px!important;
	}
	#casestudy .moraj .folio-item__project-link:hover .etykieta {
	  width: 105px !important;
	}	
	#casestudy .slick-slide .bbq .etykieta {
	  right: 15px!important;
	  width: 110px!important;
	}
	#casestudy .bbq .folio-item__project-link:hover .etykieta {
	  width: 125px !important;
	}	
	#casestudy .slick-slide .light .etykieta {
	  width: 40px!important;
	}
	#casestudy .light .folio-item__project-link:hover .etykieta {
	  width: 50px!important
	}						
	
	#casestudy .folio-item__project-link p.portfolio-opis-txt.bold {
	  display: inline-block;
	  font-size: 16px;
	  line-height: 22px;
	}
	#casestudy .folio-item__project-link .portfolio-opis-projekt {
	  font-size: 12px !important;
	}
	
	#casestudy .case-klienci {
	  max-width: 85% !important;
	  margin-bottom: 1rem !important;
	  margin-top: 5rem !important;
	}	
	
	#casestudy .folio-item__project-link p.hide-on-tablet {
	  margin-bottom: 5px !important;
	  display: block;
	}
	
	#casestudy .slick-slide .btn-read-more {
	  font-size: 12px!important;
	}
	
	#casestudy .btn-read-more::before {
	  background-position: right 0px;
	}	
	
	#casestudy .mokate .svg-logo {
	  width: 90px !important;
	}
	#casestudy .light .svg-logo {
	  width: 106px !important;
	}
	#casestudy .moraj .svg-logo {
	  width: 130px !important;
	}

	#demo-prestashop button, #casestudy button {
	  width: 50px !important;
	  height: 50px !important;
	}	
	#casestudy button.slick-prev {
	  right: 79px !important;
	}
	
	#demo-prestashop button.slick-prev {
	  right: 95px !important;
	}
	
	#casestudy button {
	  margin-bottom: -1rem!important;
	}

	#casestudy .s-intro__section {
	  padding-bottom: 10rem !important;
	  padding-top: 8rem !important;
	}


	#integracje button.slick-next::before, #demo-prestashop button.slick-next::before, #komentarze button.slick-next::before, #casestudy button.slick-next::before, #integracje button.slick-prev::before, #usprawnienia button.slick-prev::before, #usprawnienia button.slick-next::before, #casestudy button.slick-prev::before, #casestudy button.slick-next::before, #demo-prestashop button.slick-prev::before, #komentarze button.slick-prev::before, #epresta button.slick-prev::before, #epresta button.slick-next::before, #prestashop button.slick-prev::before, #prestashop button.slick-next::before {
	  background-size: 25px!important;
	}	
	
	#demo-prestashop {
	  padding-bottom: 12rem !important;
	}
	
	#demo-prestashop button {
	  bottom: -8rem !important;
	}	
	#kontakt-footer h2 {
	  margin-top: 6rem;
	  margin-left: 9rem;
	}
	#kontakt-footer p.p {
	  margin-left: 9rem;
	  margin-bottom: 0rem;
	}	
	
	
	.menu-is-open .header-content .header-nav a {
	  font-size: 28px;
	  line-height: 48px;
	}

	.header-content .kontakt-header {
	  margin-top: 4rem;
	  margin-left: 4rem;
	}
	.header-nav {
	  margin-top: 4rem;
	  margin-right: 0;
	}
	.header-content {
	  height: 100%;
	  width: 80%;
	  padding: 18rem 6rem 8rem 6rem;
	}

	.header-content .kontakt-header p, .header-content .kontakt-header p a.btn-read-more {
	  line-height: 32px;
	}
	
	
	
}


@media only screen and (min-width:888px) and (max-width:991px) {	

	#integrations .integrations_head {
	  flex: 0 0 35%;
	  max-width: 35%;
	}	
	
	#integrations .services-list__item-body {
	  left: 310px;
	  top: -165px;
	  width: 580px;
	  height: 470px;
	}
	
	#integrations .row { width: 96%; }
	
	#integrations .services-list__item-header::before {
	  right: 90px;
	  background-position: center -1px;
	}	
	
	#integrations .btn-read-more {
	  font-size: 12px;
	  padding-right: 45px;
	}	
	
	#integrations .services-list__item-header:hover::before {
	  right: 90px!important;
	}	

	#integrations.s-about::before {
	  right: 0px;
	  width: 35rem;
	}
	
	#integrations .text-background span {
	  font-size: 44px !important;
	  padding: 0 18px !important;
	  line-height: 58px !important;
	}
	
	#integrations h3 {
	  font-size: 14px !important;
	}
	#integrations.s-about {
	  height: 485px;
	  margin-bottom: 8rem;
	  padding-top: 7rem;
	}
	#integrations .integrations_head p {
	  font-size: 14px;
	  height: 74px;
	}
	#integrations .int-btn {
	  bottom: -26rem;
	}		
	

}

@media only screen and (min-width:768px) and (max-width:887px) {

	#integrations .integrations_head {
	  flex: 0 0 30%;
	  max-width: 30%;
	}	
	
	#integrations .services-list__item-body {
	  left: 310px;
	  top: -144px;
	  width: 470px;
	  height: 440px;
	}
	
	#integrations .row { width: 96%; }
	
	#integrations .services-list__item-header::before {
	  right: 90px;
	  background-position: center -1px;
	}	
	
	#integrations .btn-read-more {
	  font-size: 12px;
	  padding-right: 45px;
	}	
	
	#integrations .services-list__item-header:hover::before {
	  right: 90px!important;
	}	

	#integrations.s-about::before {
	  right: 0px;
	  width: 35rem;
	}
	
	#integrations .text-background span {
	  font-size: 40px !important;
	  padding: 0 18px !important;
	  line-height: 55px !important;
	}
	
	#integrations h3 {
	  font-size: 14px !important;
	}
	#integrations.s-about {
	  height: 485px;
	  margin-bottom: 6rem;
	  padding-top: 7rem;
	}
	#integrations .integrations_head p {
	  font-size: 14px;
	  height: 74px;
	}
	#integrations .int-btn {
	  bottom: -26rem;
	}
	
}



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

}

@media screen and (max-width:400px) {
	#epresta .note::before {
		left: 2px
	}
	#epresta .note {
		padding-left: 3rem
	}
}

#demo-prestashop {
  overflow: hidden;
  text-align: left;
  padding-bottom: 7vw;
  margin-bottom: 0;
  padding-top: 0;
}

#demo-prestashop .testimonial-slider__slide {
  padding: 0 0 4vw;
}

#demo-prestashop .testimonial-slider__label {
  position: relative;
  height: 4vw;
}


.absolute_bg {
	left: -15.5rem;
	top: 8.5rem;
	position: absolute;
	z-index: -1
}

.demo-right {
	padding-left: 6rem;
	padding-right: 10rem;
	padding-top: 5rem
}

.demo-right b,.s-about__section--profile p b {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3
}

#rozwiazania .demo-right {
	padding-right: 0
}

#rozwiazania h3 {
  margin-bottom: 1.5rem;
  font-size: 26px;
  line-height: 1.35;
  font-weight: 600;
  transition: ease-out .3s;
}

#rozwiazania h3:hover, .eoferta-box h3:hover { color:#ec2471; }


#rozwiazania .services-list { } 

#casestudy button {
	position: absolute;
	bottom: -6rem;
	width: 80px;
	height: 80px;
	background: 0 0;
	border: 1px solid;
	padding: 0;
	z-index: 100;
	margin: 0;
	text-indent: -5000px
}

#demo-prestashop { position: relative; }
#demo-prestashop .napis-maska {
  position: absolute;
  z-index: 10;
  left: 20px;
  font-size: 52px;
  color: #fff;
  font-weight: 700;
  line-height: 60px;
  top: 10%;
}

#demo-prestashop .napis-maska p:before { content:'' }

#demo-prestashop .slick-slide img.projekt { width: 100%; } 

 .logo_maska {
  position: absolute;
  width: 100%;
  height: 100%;
}

.logo_maska img {
  width: 200px;
  position: absolute;
  bottom: 60px;
  left: 0px;
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0);
  -webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  border: 10px solid #fff;
  border-radius: 0 0px 0 0;
}

.index #realizacje-small .row-realizacje-small img.mokate:hover::before {
  content: '';
  position: absolute;
  height: 50px;
  width: 50px;
  background: #222;
}

#casestudy button.slick-prev { right: 109px; }
#casestudy button.slick-next {
  right: 30px;
}

#casestudy button {
  border-color: #bfbfbf;
  margin-bottom: -4rem;
}

#integracje button.slick-prev:before, #usprawnienia button.slick-prev:before, #usprawnienia button.slick-next::before, #casestudy button.slick-prev:before, #casestudy button.slick-next::before, #komentarze button.slick-prev::before, #epresta button.slick-prev::before, #epresta button.slick-next::before, #prestashop button.slick-prev::before, #prestashop button.slick-next::before {
	content: '';
	background-image: url(../images/svg/left-arrow-big.svg);
	background-size: 34px;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	background-position: center 11px
}

#casestudy button.slick-prev:before {
	background-image: url(../images/svg/left-arrow-big-w.svg)!important;	
}

#casestudy button.slick-next:before {
	background-image: url(../images/svg/right-arrow-big-w.svg)!important;	
}

#usprawnienia button.slick-prev::before, #usprawnienia button.slick-next::before, #epresta button.slick-prev::before, #epresta button.slick-next::before, #prestashop button.slick-prev::before, #prestashop button.slick-next::before {
  background-image: none;
  background-color: #222;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  transition: ease-out .3s;
}

#usprawnienia button.slick-prev:hover::before, #usprawnienia button.slick-next:hover::before,
#epresta button.slick-prev:hover::before, #epresta button.slick-next:hover::before,
#prestashop button.slick-prev:hover::before, #prestashop button.slick-next:hover::before {   background-color: #ec2471; }

#integracje button.slick-next::before, #komentarze button.slick-next::before, #casestudy button.slick-next::before {
	content: '';
	background-image: url(../images/svg/right-arrow-big.svg);
	background-size: 34px;
	background-repeat: no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	background-position: center 11px
}

#demo-prestashop.projekty button.slick-next {
  margin-left: 40px;	
}
#demo-prestashop.projekty button.slick-next:before {
	background-image: none;
	background-color: #222;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	transition: ease-out .3s;
	position:absolute;
	content:'';
}
#demo-prestashop.projekty button.slick-prev {
  margin-left: 0px;
}
#demo-prestashop.projekty button.slick-prev:before {
	background-image: none;
	background-color: #222;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	transition: ease-out .3s;
	position:absolute;
	content:'';
}

#komentarze {
  background: url(../images/opiniebg.png);
  background-repeat: no-repeat;
  background-position: 50% 40%;
  padding-bottom: 12rem;
}

#komentarze .opinie-bg {
  content: "";
  display: block;
  background-color: #f5f7f9;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: calc(50% + 38vw);
}

#komentarze button, .slick-slider button, #integracje button {
  position: absolute;
  bottom: -5rem;
  width: 50px;
  height: 50px;
  background: 0 0;
  border: 1px solid;
  padding: 0;
  z-index: 100;
  margin: 0;
  text-indent: -5000px;
}

.slick-slider button{
  position: absolute;
  bottom: -5rem;
  width: 22px;
  height: 22px;
  background: 0 0;
  border: 1px solid;
  padding: 0;
  z-index: 100;
  margin: 0;
}

#komentarze button.slick-prev, #integracje button.slick-prev {
  left: 0px;
  top: 0px;
}

#epresta button.slick-prev {
  left: -42px;
  margin-top: -60px;
  top: 0;
}

#epresta button.slick-next {
  left: -10px;
  top: 0%;
  margin-top: -60px;
}


#komentarze button.slick-next, #integracje button.slick-next {
  right: 0px;
  top: 0px;  
}

#komentarze .testimonial-slider__label {
width: 60%;
margin: 0 auto;	
}

#komentarze .display-1, #integracje .display-1 {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

#integracje button.slick-prev::before, #integracje button.slick-next::before, #usprawnienia button.slick-prev::before, #usprawnienia button.slick-next::before, #komentarze button.slick-prev::before, #komentarze button.slick-next::before, #epresta button.slick-prev::before, #epresta button.slick-next::before {
  background-size: 22px;
  background-position: 50%;
}

#komentarze p.opinia {
  font-style: italic;
  font-size: 18px;
}
#komentarze p.firma {   font-size: 18px; }
#komentarze p.logotyp, #integracje p.logotyp { text-align:center; }
#komentarze p.logotyp img { text-align:center; margin: 0 auto; }

.violetbox .s-intro__section, #rozwiazania .s-intro__section, #casestudy .s-intro__section, #funkcjonalnosc .s-intro__section {
  background: #1e1b30;
  color: #fff;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 12rem 12rem 14rem;
  z-index: 1;
  background-image: url(../images/firmamaska2.jpg);
  background-attachment: fixed;  
}

.violetbox .s-intro__section {
  background: #151034;
  background-size: 100%;
  padding: 14rem 12rem 12rem;
  background-image: url(../images/firmamaska2.jpg);
  background-attachment: fixed;  
}

#casestudy .s-intro__section {
  padding-bottom: 10rem;
  padding-top: 10rem;
}

#casestudy .testimonial-slider__slide .row { }

#casestudy .slick-slide .testimonial-slider__label {
  position: relative;
  margin: 2rem 2rem;
}

#casestudy .slick-slide .portfolio-opis {
  position: absolute;
  z-index: 10;
  top: 50px;
  left: 50px;
}

#casestudy .slick-slide .portfolio-opis-name {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: 600;
}
#casestudy .folio-item__project-link .portfolio-opis  {
  font-size: 13px;
  height: 100px;
  width: 75%;
  display:none;
}
#casestudy .folio-item__project-link .portfolio-opis-projekt {
  display: block;
  visibility: hidden;
  height: 68px;
  font-size: 13px;
  margin: 0px;
  width: 75%;
}
#casestudy .folio-item__project-link:hover .portfolio-opis-projekt {
  display: inline-block;
  visibility: visible;
  transition: ease-out .5s; 
}

#casestudy .folio-item__project-link p.portfolio-opis-ux { display:none; transition: ease-out .5s;  }

#casestudy .slick-slide .portfolio-opis-txt.bold {
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 26px;
  color: #fff;
  height: auto;
  text-indent: 0px;
}

#casestudy .slick-slide .portfolio-opis-txt.bold span {
  font-size: 30px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 700;
}

#casestudy .mokate .svg-logo {
  width: 120px;
  float: right;
}

#casestudy .bbq .svg-logo {
  width: 130px;
  float: right;
  margin-top: -10px;
}

#casestudy .light .svg-logo {
  width: 130px;   float: right;
}

#casestudy .moraj .svg-logo {
  width: 160px;   float: right;
}

#casestudy .slick-slide .portfolio-opis-ux span {
  background: rgba(0,0,0,0.3);
  font-size: 12px;
  padding: 8px;
}

#casestudy .slick-slide .mokate .etykieta {
  position: absolute;
  right: 20px;
  bottom: -27px;
  width: 135px;
}
#casestudy  .mokate .folio-item__project-link:hover .etykieta  {
	width:175px;
}

#casestudy .slick-slide .bbq .etykieta {
  position: absolute;
  right: 0px;
  bottom: -28px;
  width: 180px;
}
#casestudy  .bbq .folio-item__project-link:hover .etykieta  {
	width:210px;
}

#casestudy .slick-slide .light .etykieta {
  position: absolute;
  right: 50px;
  bottom: -22px;
  width: 70px;
}

#casestudy  .light .folio-item__project-link:hover .etykieta  {
	width:80px;
}

#casestudy .slick-slide .moraj .etykieta {
  position: absolute;
  right: 20px;
  bottom: -20px;
  width: 120px;
}
#casestudy  .moraj .folio-item__project-link:hover .etykieta  {
	width:150px;
}

#casestudy .folio-item__project-link p {
  width: 100%;
  padding: 0 30px;
  margin: 0 0 25px;
}

#casestudy .folio-item__project-link p.portfolio-logo {
  margin: 45px 0 25px;
}

#casestudy .slick-slide .testimonial-slider__label::before {
  content: '';
  background: rgba(0,0,0,0);
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100%;
  z-index: 10;
  transition: ease-out .3s;
}
#casestudy .slick-slide .btn-read-more { color:#fff; }

#casestudy .slick-slide .demo-left.mokate .testimonial-slider__label::before {
background: #1c4ca6; 
}

#casestudy .slick-slide .demo-left.light .testimonial-slider__label::before {
background: #1c4ca6;  	
}

#casestudy .slick-slide .demo-left.bbq .testimonial-slider__label::before {
background: #1c4ca6;  	
}

#casestudy .slick-slide .demo-left.moraj .testimonial-slider__label::before {
background: #1c4ca6;	
}


#casestudy .slick-slide .demo-left .testimonial-slider__label::before {	
transition: ease-out .3s;	opacity: 0.8; 	  border-radius: 0px;	
}

#casestudy .slick-slide img {
  border-radius: 5px;
}

#casestudy .slick-slide .demo-left:hover .folio-item__project-link_copy {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  background: transparent;
}

#casestudy .slick-slide .demo-left { position:relative; }

#casestudy .folio-item__project-link {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  z-index: 10;
  width: 100%;
  height: 100%;
  border-radius:5px;
}

#casestudy .folio-item__project-link .etykieta {
  visibility: visible;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  -webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  transition: all, .5s cubic-bezier(.215, .61, .355, 1);		
}
#casestudy .folio-item__project-link:hover .etykieta {
  visibility: visible;
  -webkit-transform: translate3d(-20px, 0px, 0);
  transform: translate3d(-20px, 0px, 0);
  -webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  transition: all, .5s cubic-bezier(.215, .61, .355, 1);	
}

#casestudy .folio-item__project-link p.portfolio-opis-txt.bold {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0);
  -webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  transition: all, .5s cubic-bezier(.215, .61, .355, 1);
}

#casestudy .folio-item__project-link:hover p.portfolio-opis-txt.bold {
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0%, 0px, 0);
}

#casestudy .folio-item__project-link .opis-slide {
  position: absolute;
  bottom: 20px;
  width: 100%;
}


#casestudy .folio-item__project-link_copy {
  z-index: 2;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  transition: all, .5s cubic-bezier(.215, .61, .355, 1);
  position: absolute;
  bottom: 3rem;
  left: 0rem;
  z-index: 10;
  width:100%;
}

#casestudy .pozostale-case { }
#casestudy .pozostale-case .case-head {
  text-align: center;
  font-weight: 500;
  margin: 65px 0px 0px;
}

#casestudy .pozostale-case .case-btn {
  display: block;
}
#casestudy .pozostale-case .case-btn a {
  color: #fff;
  padding-left: 0px;
}

#casestudy .case-klienci div { opacity:0.5; transition: ease-out .5s; }
#casestudy .case-klienci div:hover { opacity:1; transition: ease-out .5s;  }

#casestudy .pozostale-case .fabryka {
  width: 105px;
}
#casestudy .pozostale-case .thoro {
  width: 105px;
}
#casestudy .pozostale-case .turtle {
  width: 110px;
}
#casestudy .pozostale-case .europ {
  width: 110px;
}
#casestudy .pozostale-case .grillspot {
  width: 82px;
}
#casestudy .pozostale-case .atyla {
  width: 92px;
}

#casestudy .case-klienci {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-top: 6rem;
}
#casestudy .case-klienci div { text-align: center; }
#casestudy .testimonial-slider__slide {
  padding: 0 16px;
}

.violetbox .s-intro__section::before, #rozwiazania .s-intro__section::before, #casestudy .s-intro__section::before, #funkcjonalnosc .s-intro__section::before {
    content: '';
    background: #fff;
    width: 11.8rem;
    height: 110%;
    position: absolute;
    left: 0;
    top: 0rem;
}

#rozwiazania .but_more {
  margin-top: 8rem;
  text-align: center;
}

#casestudy .but_more, #uslugi-dlaczego.integracje-index .but_more {
  margin-top: 4rem;
    text-align: center;
}

.violetbox img.img-shadow, #rozwiazania img.img-shadow {
  position: absolute;
  right: -5rem;
  top: -22rem;
  box-shadow: 60px 60px 99px rgba(0,0,0,.30);
  transition: ease-out .5s;  
}

#rozwiazania .s-intro__section:hover .img-uslugi img {
  transition: ease-out .5s;
  top: -14rem;
}

.violetbox:hover .img-violet img, .violetbox .s-intro__section:hover .img-violet img,  #funkcjonalnosc .s-intro__section:hover .img-uslugi img {	
  transition: ease-out .5s;
  top: -16rem;
}

 #funkcjonalnosc img.img-shadow { 
  position: absolute;
  right: -5rem;
  top: -22rem;
  box-shadow: 60px 60px 99px rgba(0,0,0,.30);
  width:380px;
  transition: ease-out .5s;    
 }
 
 /*onas*/
 
 #onas-intro { }
 #onas-intro .cytat { } 
	.onas .cytat p.head {
	  font-size: 32px;
	  font-weight: bold;
	  margin-bottom: 2rem;
	}
	.onas .cytat p {
	  font-size: 18px;
	  font-style: italic;
	  width: 100%;
	}
	#onas-intro .akapit {
	  position: relative;
	}
	.onas #onas-intro .cytat .akapit::before {
	    background-image: url(../images/akapit.png);
	    background-size: 200px;
	    opacity: 0.15;
	    background-position: right center;
	}	
	.cytat .akapit::before {
	    content: '';
	    background-repeat: no-repeat;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	}
	.onas .cytat p.podpis {
	  font-weight: bold;
	  margin: 0px;
	  font-size: 22px;
	  text-align: right;
	  width: 100%;
	}
	
	.onas #uslugi-dlaczego, .onas #uslugi-dlaczego.violetbox .s-intro__section { margin-bottom:0px; }
	.onas #realizacje-small .row-realizacje-small img {
	  width: 200px;
	}	
	
	.onas #onas-intro .cytat p.podpis { text-align: left; }
	
	.onas .cytat p.podpis span {
	  font-size: 16px;
	  display: inherit;
	  font-weight: 400;
	} 
	.onas #epresta .intro-right {
	  padding-top: 12.7rem;
	  position: relative;
	}
	.onas .intro-right div { margin-left:50px; }
	.onas div.strefa-1 { margin-bottom:10rem; }	
	.onas div.strefa-2 { }
	.onas div.strefa-2 .display-1 {
	  text-align: center;
	  font-size: 42px;
	  font-weight: 500;
	  line-height: 1.35;
	}
	.onas div.strefa-2 .strefa-2-box {
	  text-align: center;
	  margin-left: auto;
	  margin-right: auto;
	font-size:20px;
	}
	.onas #epresta .s-about { padding-bottom:0px; }
	.onas #epresta .s-about .grey-bg {
	  top: auto;
	  bottom: -30px;
	  right: 0;
	  left: calc(50% + -10%);
	  height: 100%;
	}
	.onas .strefa-3 { margin-bottom: 12rem; }
	.onas .strefa-3-box.cytat p.head {
	  font-size: 22px;
	  font-weight: bold;
	  margin-bottom: 3rem;
	}
	.onas #epresta .strefa-3 .align-center, .onas #doswiadczenie .strefa-3 .align-center {
	  display: flex;
	  align-content: center;
	  flex-wrap: wrap;
	  padding-top: 45px;
	  padding-bottom: 45px;
	  margin: 0;
	  text-align: right;
	  position:relative;
	}
	
	.onas #epresta .cytat .akapit::before, .onas #doswiadczenie .cytat .akapit::before {
	  background-image: url(../images/opiniebg.png);
	  background-size: 200px;
	  opacity: 1;
	  background-position: center top;
	  z-index: -1;
	}
	
	.onas #epresta .strefa-2 {
	  margin-bottom: 8rem;
	}
	
	#epresta .strefa-3 img, .onas #doswiadczenie .strefa-3 img, #usprawnienia img.img-shadow {
	  position: relative;
	  right: 0rem;
	  top: 0rem;
	  transition: ease-out .5s;  
	}
	
	.onas #epresta .strefa-3:hover img, .onas #doswiadczenie .strefa-3:hover img, #usprawnienia .portfolio-slider:hover img.img-shadow {	
	  transition: ease-out .5s;
	  top: -3rem;
	}
	
	.onas #doswiadczenie .strefa-3 {
	  margin-bottom: 7rem;
	}
	.onas #doswiadczenie .strefa-4 .strefa-box::before {
	  top: 10px;
	}
	
	.onas #doswiadczenie .strefa-4 .strefa-box	{
		padding-right: 0px;
		padding-bottom: 0px;
		padding-top: 0rem;
		position: relative;
	}
	
	.onas #doswiadczenie .strefa-4 {
	  margin-top: 10rem;
	  padding-bottom: 10rem;
	}
	
	.onas #realizacje-small {
	  margin-bottom: 12rem;
	}
	
	.onas #doswiadczenie .strefa-4 .ux-ui {
	  margin-top: 12rem;
	}
		
	.onas #doswiadczenie .strefa-4 p.p {
	  margin-bottom: 1rem !important;
	  font-size: 20px!important;
	}
	
	.onas #doswiadczenie .strefa-4 .left-column p.p {
	  font-size: 22px !important;
	}
	
	.onas #doswiadczenie .strefa-4 p {
	  font-size: 18px;
	}

	.onas #komentarze.s-references {
	  padding-top:1rem;
		padding-bottom: 16rem;
	}
	
	.onas #demo-prestashop {
	  padding-bottom: 8rem;
	}

 /*strona-kontaktu*/

	
	.stronakontaktu .eoferta-box { }
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.pup {
	  margin-bottom: 0px;
	  font-size: 30px;
	  line-height: 44px;
	}
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p {
	  margin-bottom: 4px;
	}
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p a, .stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.time {
	  color: #fff;
	  font-size: 18px;
	  background-repeat: no-repeat;
	  background-size: 42px;
	  padding-left: 48px;
	}
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p a.tel {
	  background-image: url(../images/svg/phone-stopka.svg);
	  background-position: -14px -7px;
	}
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p a.email {
	  background-image: url(../images/svg/letter-stopka.svg);
	  background-position: -4px -4px;
	  background-size: 38px;
	}
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.time {
	  padding-left: 0px;
	}
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p a:before	{ display: none; }
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p .btn-read-more::after {
	  bottom: -3px;
	}

	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-right {
	  margin-top: 9rem;
	}
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-left {
	  position: relative;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	
	.stronakontaktu #uslugi-uslugi.violetbox .eoferta-left img.img-shadow {
	  width: 380px;
	  left: auto;
	  right: 4rem;
	  bottom: auto;
	  top: auto;
	}


	
 /*uslugi-oferta*/	

	.uslugi .others .grey-bg {
	  top: auto;
	  bottom: 0;
	  right: 0;
	  left: calc(50% + 5vw);
	  height: 40%;
	}	
	
	#uslugi-uslugi {
	  margin-bottom: 0rem;
	}
	#uslugi-uslugi .eoferta {
	  margin-top: 4rem;
	}
	#uslugi-uslugi .eoferta .eoferta-right { margin-top:12rem; }	
	#uslugi-uslugi .eoferta .eoferta-box {
	  margin-bottom: 8rem;
	  position: relative;
	}
	#uslugi-uslugi .eoferta .eoferta-box h3 {
	  font-weight: 400;
	  line-height: 34px;
	  font-size: 36px;
	  margin-bottom: 3rem;
	}	
	#uslugi-uslugi .eoferta .eoferta-box h3 span {
	  font-weight: 700;
	}				
	#uslugi-uslugi .eoferta .eoferta-box p {
	  line-height: 32px;
	}
	#uslugi-uslugi .eoferta .eoferta-left { position: relative;}
	#uslugi-uslugi.violetbox .eoferta-left img.img-shadow {
	  position: absolute;
	  top: 4rem;
	  left: auto;
	  right: 8rem;
	  width: 300px;
	  bottom: auto;
	}
	.eoferta-box h3, .eoferta-box h3 a { color:#fff; }
	.eoferta-box h3:hover, .eoferta-box h3:hover a { color:#f8e08e; }	
	
	#uslugi-grafika {
	  padding-bottom: 24rem;
	  background-image: url(../images/projekty-rwd.jpg);
	  background-repeat: no-repeat;
	  background-size: 25%;
	  background-position: left bottom;
	  margin-bottom: 0rem;
	}
	#uslugi-grafika .row-uslugi-grafika {
	  margin-top: 4rem;
	}
	
	#uslugi-grafika p.large, #uslugi-pozostale p.large, #uslugi-dlaczego p.large, .prestashop-zalety-row p.large {
	  font-size: 24px !important;
	  line-height: 34px;
	  margin-bottom: 2rem !important;
	  font-weight: bold;
	  padding-top: 0px;
	  min-height: auto !important;
	  padding-bottom: 0px;
	}
	
	#uslugi-pozostale .uslugi-pozostale-row p {
	  min-height: 100px;
	  margin-bottom: 22px;
	}
	
	#uslugi-pozostale .uslugi-pozostale-row .display-1 {
	  font-size: 50px !important;
	  margin-top: 12rem;
	  line-height: 60px;
	  font-weight: 400;
	  margin-bottom: 5rem !important;
	}
	
	#uslugi-pozostale {
	  margin-bottom: 15rem;
	}
		
	
	#uslugi-grafika p.large:before { display:none; }	
	
	.row-uslugi-grafika p.p::before {
	  bottom: auto;
	  top: 22px;
	}
	
	.row-uslugi-grafika p.p.rwd {
	  position: relative;
	  padding-left: 60px;
	  padding-right: 0px;
	  font-size: 24px !important;
	}
	
	.grafika-margin {
	  margin-top: 20rem;
	}
	
	#uslugi-uslugi .kontakt {
	  position: absolute;
	  bottom: 0px;
	  width: 600px;
	  height: 380px;
	  margin-left: -2px;
	  display: flex;
	  align-content: center;
	  flex-wrap: wrap;
	  background: #fff;
	  color: #222;
	  padding: 0 78px;
	}	

	#uslugi-dlaczego.violetbox .s-intro__section { margin-bottom: 16rem; }
	
	.uslugi #uslugi-grafika .intro-right, .uslugi #uslugi-pozostale .intro-right, .presta-integracje #uslugi-pozostale .intro-right {
	  padding-top: 0px;
	  padding-bottom: 0px;
	  position: relative;
	  right: 0rem;
	  top: -1rem;
	  transition: ease-out .5s;	
	}
	
	.realizacje .hero-content .intro-right {
	  top: 6rem;
	  transition: ease-out .5s;
	  padding: 0px;
	}
	.realizacje .hero-content:hover .intro-right {	
		top: 2rem;
		transition: ease-out .5s;
	}

	
	.uslugi #uslugi-grafika:hover .intro-right, .uslugi #uslugi-pozostale:hover .intro-right {	
	transition: ease-out .5s;
	top: -4rem;
	}
	
	#uslugi-grafika .text-background { }
	.text-background span {
	  text-align: right;
	  display: inline-block;
	  width: 100%;
	  font-size: 120px;
	  line-height: 130px;
	}	
	
	#uslugi-pozostale .display-1, #uslugi-pozostale .display-1  {
	  margin-bottom: 24rem;
	  min-height: 215px;
	}
	.uslugi #uslugi-pozostale .grey-bg, .presta-integracje #uslugi-pozostale .grey-bg, .grey-bg.grey-body  {
	  top: 36rem;
	  bottom: auto;
	  left: 0;
	  right: calc(50% + 24vw);
	  height: 80%;
	  background-image: url(../images/onas-biuro.png);
	  background-repeat: no-repeat;
	  background-position: bottom;
	}
	
	.grey-bg.grey-body {
	  top: 0;
	  bottom: auto;
	  right: 0;
	  left: calc(50% + 0vw);
	  height: 46.8vw;
	  background-repeat: no-repeat;
	  background-position: bottom;
	  background: #f6f6f6;
	}
	
	
	#uslugi-pozostale .uslugi-pozostale-row .box, .zalety-row .box {
	  margin-bottom: 6rem;
	}
	
	#realizacje-small.home {
	  margin-bottom: 8rem;
	  padding-top: 5vw;
	}
	#realizacje-small.home .row-realizacje-small { margin-bottom: 5vw; }
	
	#realizacje-small {
	  margin-bottom: 15rem;
	}
	
	#realizacje-small p {
	  margin: 0px;
	  font-weight: 700;
	}
	
	#realizacje-small.intro p {
	  margin-bottom: 0.5vw;
	}
	
	.index #realizacje-small div.align-center.title {
	  justify-content: start;
	}

	.align-center {
		display: flex;
		align-content: center;
		flex-wrap: wrap;
	}	
	#realizacje-small .row-realizacje-small div, #realizacje-small div.align-center.title {
	  text-align: left;
	  height: 22rem;
	  font-size: 1.14vw;
	  display: flex;
	  justify-content: center;
	}
	#realizacje-small div.align-center.title {
		background: #f5f7f9;
	  position: relative;
	}
	
	#realizacje-small div.align-center.title::before {
	  background: #f5f7f9;
	  content: '';
	  position: absolute;
	  height: 100%;
	  width: 207px;
	  left: -200px;
	  z-index: 1;
	}
	
	.presta-integracje #uslugi-pozostale .prestashop-row .text-background {
	  top: -10rem;
	}
	.presta-integracje #uslugi-pozostale .prestashop-row:hover .text-background {
	  top: -13rem;		
	}
	
	.presta-integracje #uslugi-pozostale {
	  margin-bottom: 10rem;
	}


 /*presta-integracje*/

	.presta-integracje .intro-top .tekst { }	
	.presta-integracje .intro-top .img { }
	
	.presta-integracje .others .grey-bg {
	  top: auto;
	  bottom: 0;
	  right: 0;
	  left: calc(50% + 14vw);
	  height: 45%;
	}
	
	.presta-integracje #uslugi-pozostale .grey-bg  {
	  background-image: url(../images/onas-biuro.png);
	  background-position: top;
	}
	.presta-integracje #uslugi-pozostale:hover .intro-right {	
	transition: ease-out .5s;
	top: -4rem;
	}	

	.presta-integracje #uslugi-pozostale .text-background span {
	  font-size: 90px;
	  line-height: 110px;
	}
	.presta-integracje #uslugi-pozostale .intro-right {
	  top: -3rem;
	}
	.presta-integracje #uslugi-pozostale:hover .intro-right {
	  transition: ease-out .5s;
	  top: -7rem;
	}
	
	.presta-integracje-row .services-list__item-header::before {
	  left: -50px;
	  top: 10px;
	}
	.presta-integracje-row .services-list__item-header:hover::before {
	  left: -40px;
	}

	.presta-integracje-row .services-list__item-body { padding-left:0px; padding-right:0px; }
	.presta-integracje-row .services-list__item-header {
	  padding-top: 0px;
	}

	.presta-integracje-row .services-list__item {
	  margin-bottom: 8rem;
	}
	
	.presta-integracje-row h3 { font-size: 24px; }
	.presta-integracje #uslugi-pozostale .grey-bg {
  		top: 34rem;
	}
	
	.presta-integracje #uslugi-pozostale .display-1 {
	  margin-bottom: 20rem;
	}
	
	#uslugi-pozostale.zalety {
	  padding-bottom: 14rem;
	  margin-bottom: 0rem;
	  background: url(../images/ekontur.png);
	  background-repeat: no-repeat;
	  background-position: -25rem 60%;
	}
	
	.presta-integracje #demo-prestashop {
	  margin-bottom: 3rem;
	}
	.presta-integracje #komentarze {
	  margin-bottom: 12rem;
	}
	
/*portfolio*/

	.realizacje { }
	.realizacje .others .grey-bg {
	  left: 0;
	  right: calc(45% + 0vw);
	  height: 50%;
	  bottom: 5rem;
	}
	.realizacje #realizacje-small {
	  margin-bottom: 3rem;
	}
	 #realizacje-small .row-realizacje-small img {
	  width: 200px; transition: ease-out .3s;
	}
	
	.index #realizacje-small .row-realizacje-small img {
	  width: 10vw;
	  transition: ease-out .3s;
	}
	
	.index #realizacje-small div.align-center.title, .index #realizacje-small .row-realizacje-small div {
	  text-align: left;
	  height: 24rem;
	}
	
	 #realizacje-small .row-realizacje-small img:hover { width: 230px; 	transition: ease-out .3s; }


	.realizacje #portfolio .projekt img {
	  margin-bottom: -1rem;
	}
	.realizacje #portfolio .projekt h3 {
	  font-size: 36px;
	  margin-bottom: 1rem;
	  display: inline-block;
	}
	.realizacje #portfolio .projekt p {
	  margin: 0px;
	}

	.realizacje #portfolio .projekt {
	  margin-bottom: 6rem;
	}
	.realizacje #portfolio .projekt a h3:before {
		content: "";
		height: 3px;
		background: #222;
		position: absolute;
		bottom: -3px;
		left: 0;
		margin-left: 0;
		width: 0;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transition: ease-out .1s;	
	}	
	.realizacje #portfolio .projekt:hover a h3:before {
		width: 100%;
		transition: ease-out .2s;
	}

	.realizacje #portfolio .bg_maska {
	  position: relative;
	  margin-bottom: 3rem;
	}
	
	.realizacje #portfolio .bg_maska::before {
	  content: '';
	  position: absolute;
	  background: rgba(0,0,0,0);
	  width: 100%;
	  height: 100%;
	  transition: ease-out .3s;
	}
	.realizacje #portfolio .projekt a { display:inline-block; }
	.realizacje #portfolio .projekt a:hover .bg_maska::before { background: rgba(0,0,0,0.4); transition: ease-out .3s; }
	
	.realizacje #portfolio .projekt a:hover .logo_maska img {
		-webkit-transform: translate3d(0, 0px, 0);
		transform: translate3d(0%, 0px, 0);
		opacity:1;
	}
	
	.realizacje #komentarze { margin-bottom: 12rem; }
	
	.realizacje #portfolio p.p {
	  margin-bottom: 4rem !important;
	}
		
	
@media only screen and (min-width:1081px) and (max-width:1440px) {
	#demo-prestashop {
		padding-bottom: 12rem
	}
	#demo-prestashop .testimonial-slider__slide {
		padding: 0 0 0
	}
}

@media only screen and (min-width:1081px) and (max-width:1200px) {
	.demo-right {
		padding-right: 200px;
		padding-top: 50px
	}
	#rozwiazania .demo-right {
		padding-right: 0
	}
	#demo-prestashop .absolute_bg {
		left: -5.5rem;
		top: 5.5rem
	}
	#demo-prestashop .testimonial-slider__slide {
		padding: 0 0 0
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	#demo-prestashop .demo-right {
		padding-right: 120px;
		padding-top: 50px
	}
	#demo-prestashop .absolute_bg {
		left: -5.5rem;
		top: 5.5rem
	}
	#demo-prestashop .testimonial-slider__slide {
		padding: 0 0 0
	}
	.header-content {
	  width: 100%;
	}
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-left { display:none;!important; }
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.pup {
	  font-size: 22px !important;
	  line-height: 30px !important;
	}
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p a, .stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.time {
	  font-size: 16px !important;
	}	
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-right {
	  flex: 0 0 100%;
	  max-width: 100%;
	  margin-top: 4rem;
	}
	#uslugi-uslugi .eoferta .eoferta-box {
	  margin-bottom: 4rem;
	}	
	
	#realizacje-small .row-realizacje-small img {
	  width: 120px !important;
	}
	
	.stronakontaktu .s-solution.violetbox {
	  margin-bottom: 0px !important;
	}

	.stronakontaktu  #realizacje-small .row-realizacje-small div {
	  height: 14rem;
	}	
	
	
}

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

	body { font-size: 16px; }


}

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

	.header-content {
	  width: 100%;
	}
	
	#demo-prestashop .demo-right {
		padding-top: 2.75rem;
		text-align: left
	}
	#demo-prestashop .testimonial-slider__slide {
		padding: 0 0 .5rem
	}
	#demo-prestashop .slick-list {
		margin: 0 !important;
		padding: 0 !important
	}
	.absolute_bg {
		display: none
	}
	#demo-prestashop.s-references {
		position: relative;
		padding-bottom: 8rem
	}
	#demo-prestashop.s-references::before {
		content: "";
		display: block;
		background-color: transparent;
		position: absolute;
		top: 15rem;
		bottom: 18rem;
		left: 0;
		right: calc(50% +   25vw);
		border-radius: 0 0 50px
	}
	
	#stopka .f_head {
	  margin: 15px 0 5px;
	  font-size: 15px;
	}
	#stopka .footer-right .linki_stopka a {
	  font-size: 12px!important;
	}
	
	.ss-copyright {
	  padding: 3rem 0 4rem!important;
	}
	.ss-copyright span {
	  font-size: 12px!important;
	}

	section.target-section .display-1 {
	  font-size: 32px !important;
	  line-height: 42px !important;
	  margin-bottom: 3rem !important;
	  width: 82%;
	}

	#rozwiazania h3, #wyzwania h3, .index #prestashop h3, #funkcjonalnosc h3 {
	  margin-bottom: 1.5rem;
	  font-size: 22px;
	  line-height: 36px;
	}	

	#epresta .section-intro p.bold b, #epresta .intro-right p.bold b {
	  font-size: 30px;
	}	
	
	.menu-is-open .header-content .header-nav a {
	  font-size: 28px;
	  line-height: 48px;
	}

	.header-content .kontakt-header {
	  margin-top: 4rem;
	  margin-left: 4rem;
	}
	.header-nav {
	  margin-top: 4rem;
	  margin-right: 0;
	}
	.header-content {
	  width: 100%;
	  padding: 18rem 6rem 8rem 6rem;
	}

	.header-content .kontakt-header p, .header-content .kontakt-header p a.btn-read-more {
	  line-height: 32px;
	}	
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-left { display:none;!important; }
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.pup {
	  font-size: 22px !important;
	  line-height: 30px !important;
	}
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p a, .stronakontaktu #uslugi-uslugi .eoferta .eoferta-box p.time {
	  font-size: 16px !important;
	}	
	
	.stronakontaktu #uslugi-uslugi .eoferta .eoferta-right {
	  flex: 0 0 100%;
	  max-width: 100%;
	  margin-top: 4rem;
	}
	#uslugi-uslugi .eoferta .eoferta-box {
	  margin-bottom: 4rem;
	}	
	
	#realizacje-small .row-realizacje-small img {
	  width: 120px !important;
	}
	
	.stronakontaktu .s-solution.violetbox {
	  margin-bottom: 0px !important;
	}		
	
	.stronakontaktu  #realizacje-small .row-realizacje-small div {
	  height: 14rem;
	}	
	
	.stronakontaktu #realizacje-small {
	  margin-bottom: 5rem!important;
	}	
	
	

}

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

	#wyzwania .section-solution {
	  bottom: 17rem !important;
	  left: auto;
	  right: -66%;
	}
	#wyzwania .intro-right {
	  padding-top: 0rem;
	  margin-top: -12rem;
	  z-index: 10;
	}	

	#wyzwania .s-intro__section::before {
	  right: calc(50% + 8vw);
	  height: 360px !important;
	}
	#wyzwania .rozwiazania_kontakt {
	  margin-top: 18rem;
	}	
	#rozwiazania .s-intro__section img.img-shadow, #funkcjonalnosc .s-intro__section img.img-shadow {
	  width: 190px !important;
	  right: 3rem;
	  top: -22rem;
	}
	.violetbox .s-intro__section, #rozwiazania .s-intro__section, #casestudy .s-intro__section, #funkcjonalnosc .s-intro__section {
	  padding-left: 0rem;
	  padding-right: 0rem;
	  padding-bottom: 8rem;
	  padding-top: 10rem;
	}
	
	#rozwiazania .services-list__item-body, #rozwiazania .services-list__item-header {
	  margin-left: 8rem !important;
	}
	
	#kontakt-footer .ekontur img {
	  max-width: 180px;
	}	
	
	#epresta .section-solution {
	  left: auto;
	  right: -42px;
	  width: 285px;
	  bottom: -30px;
	}

	#prestashop .section-solution {
	  margin-bottom: 8rem !important;
	  left: 0px;
	  margin-top: 10rem;
	}

	#kontakt-footer .boksy-footer-subheader {
	  font-size: 14px;
	}
	
	#epresta .section-intro p, #prestashop p, #usprawnienia p, #kontakt-footer .boksy-footer-subheader {
	  font-size: 16px;
	}	
	
	#kontakt-footer .boksy-footer-header {
	  font-size: 16px;
	  height: 72px;
	  line-height: 24px;
	}
	#kontakt-footer.target-section {
	  padding-bottom: 4rem!important;
	}

	
	
	
}	



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

	body {
	  font-size: 16px;
	}
	
	#hero.s-hero::before {
	  right: -430px;
	  top: -175px;
	  z-index: 21;
	  width: 574px;
	  height: 397px;
	  -ms-transform: rotate(20deg);
	  -webkit-transform: rotate(20deg);
	  transform: rotate(20deg);
	  background-size: 70%;
	  background-repeat: no-repeat;
	}	
	
	
	#epresta button.slick-prev, #prestashop button.slick-prev {
	  left: 0;
	}
	#epresta button.slick-next, #prestashop button.slick-next {
	  left: 30px;
	}	
	
	#epresta .slick-slider button {
	  top: 10px !important;
	}

	#epresta .section-intro p.bold.big {
	  font-size: 24px;
	}	
	
	#epresta .intro-right p.icon {
	  margin-bottom: 2rem;
	}	
	
	#epresta .intro-right .ux div span {
	  height: 94px;
	  padding-top: 26px;
	  padding-bottom: 26px;
	  font-size: 22px;
	  margin-bottom: 20px;
	}	
	
	.hero-content h1 {
	  font-size: 38px !important;
	  line-height: 48px !important;
	}
	.hero-content h3 {
	  font-size: 2rem;
	  margin-top: 2.5rem;
	  margin-bottom: 7rem;
	}
	.index-intro-box .last-intro {
	  display: none;
	}

	.subhead {
	  font-size: 1rem;
	  margin-bottom: 1.5rem;
	}
	
	#usprawnienia .testimonial-slider__label {
	  margin-top: 0rem;
	  padding-top: 2rem;
	  padding-bottom: 0rem;
	}
	
	#usprawnienia.s-solution {
	  margin-bottom: 12rem;
	}
	
	#usprawnienia .slick-slider button {
	  bottom: auto;
	  top: 20px;
	}
	
	section.target-section p.p {
	  font-size: 16px !important;
	  margin-bottom: 4rem !important;
	}	

	#wyzwania .rozwiazania_kontakt .roz-2 {
	  font-size: 16px;
	}
	#wyzwania .rozwiazania_kontakt .roz-1 {
	  font-size: 18px;
	  margin-bottom: 2rem;
	}
	.section-solution p span.counter {
	  font-size: 130px;
	}
	.section-solution p span.plus {
	  font-size: 36px;
	  top: 70px;
	}
	.section-solution p span.exp {
	  top: 120px;
	  font-size: 12px;
	  padding-left: 5px;
	}	
	
	#integracje button.slick-next::before, #demo-prestashop button.slick-next::before, #komentarze button.slick-next::before, #casestudy button.slick-next::before, #integracje button.slick-prev::before, #usprawnienia button.slick-prev::before, #usprawnienia button.slick-next::before, #casestudy button.slick-prev::before, #casestudy button.slick-next::before, #demo-prestashop button.slick-prev::before, #komentarze button.slick-prev::before, #epresta button.slick-prev::before, #epresta button.slick-next::before, #prestashop button.slick-prev::before, #prestashop button.slick-next::before {
	  background-size: 25px !important;
	}
	
	#demo-prestashop button {
	  bottom: -8rem !important;
	}	
	#demo-prestashop button, #casestudy button {
	  width: 50px !important;
	  height: 50px !important;
	}		
	#demo-prestashop button.slick-prev {
	  right: 95px !important;
	}	
	.services-list .services-list__item p {
	  margin-bottom: 1rem;
	  font-size: 16px;
	}	
	.violetbox .s-intro__section::before, #rozwiazania .s-intro__section::before, #casestudy .s-intro__section::before, #funkcjonalnosc .s-intro__section::before {
		display:none!important;
	}
	.violetbox .s-intro__section, #rozwiazania .s-intro__section, #casestudy .s-intro__section, #funkcjonalnosc .s-intro__section {
	  padding-left: 0rem;
	  padding-right: 0rem;
	  padding-bottom: 8rem;
	  padding-top: 10rem;
	}

	#casestudy .folio-item__project-link p.hide-on-tablet {
	  margin-bottom: 5px !important;
	  display: block;
	}
	#casestudy .slick-slide .btn-read-more {
	  font-size: 12px !important;
	}	
	#casestudy .btn-read-more::before {
	  background-position: right 0px;
	}	
	#casestudy .slick-slide .mokate .etykieta {
	  width: 100px!important;
	}
	#casestudy .mokate .folio-item__project-link:hover .etykieta {
	  width: 120px !important;
	}	
	#casestudy .slick-slide .moraj .etykieta {
	  width: 85px!important;
	}
	#casestudy .moraj .folio-item__project-link:hover .etykieta {
	  width: 105px !important;
	}	
	#casestudy .slick-slide .bbq .etykieta {
	  right: 15px!important;
	  width: 110px!important;
	}
	#casestudy .bbq .folio-item__project-link:hover .etykieta {
	  width: 125px !important;
	}	
	#casestudy .slick-slide .light .etykieta {
	  width: 40px!important;
	}
	#casestudy .light .folio-item__project-link:hover .etykieta {
	  width: 50px!important
	}						
	
	#casestudy .folio-item__project-link p.portfolio-opis-txt.bold {
	  display: inline-block;
	  font-size: 16px;
	  line-height: 22px;
	}
	#casestudy .folio-item__project-link .portfolio-opis-projekt {
	  font-size: 12px !important;
	}
	#casestudy .case-klienci {
	  max-width: 85% !important;
	  margin-bottom: 1rem !important;
	  margin-top: 5rem !important;
	}	
	
	#casestudy .mokate .svg-logo {
	  width: 90px !important;
	}	
	#casestudy .moraj .svg-logo {
	  width: 130px !important;
	}
	#casestudy .bbq .svg-logo {
	  width: 110px!important;
	}
	#casestudy .light .svg-logo {
	  width: 106px !important;
	}
	#casestudy .folio-item__project-link p.portfolio-logo {
	  margin-top: 30px !important;
	}
	#casestudy .pozostale-case .case-head {
	  margin-top: 50px !important;
	}	

	#casestudy .slick-slide .testimonial-slider__label {
	  margin: 2rem 0rem;
	}
	
	#komentarze .display-1, #integracje .display-1 {
	  font-size: 30px !important;
	  line-height: 42px !important;
	}
	#komentarze p.opinia, #komentarze p.firma {
	  font-size: 16px !important;
	}
	
	#komentarze p.logotyp img { width:150px; }
	
	.index-intro-box .label {
	  font-size: 16px;
	  line-height: 24px;
	}
	
	#demo-prestashop .napis-maska {
	  font-size: 40px !important;
	  line-height: 48px !important;
	}

	#demo-prestashop .napis-maska {
	  left: 70px !important;
	}
		
	#rozwiazania.s-solution, #casestudy.s-solution, #funkcjonalnosc.s-solution {
	  margin-bottom: 8rem;
	}
	
	#prestashop .intro-right { order:2; }
	#prestashop .intro-left { order:1; }	
	
	.oprogramowanie-solution, .index #prestashop .display-1, .index #prestashop p.p, #epresta .intro-right .section-intro, .index #prestashop .subhead {
	  margin-left: 0px;
	}	
	#prestashop .section-solution .column {
	  padding: 0px;
	}
	#prestashop .section-solution p span.counter {
	  font-size: 100px;
	}
	#prestashop .section-solution p span.counter.small {
	  font-size: 36px;
	  margin-top: -10px;
	}

	#prestashop .oprogramowanie-bg {
	  bottom: -135px;
	  right: calc(50% + -4vw);
	}
	
	#integrations.s-about::before {
		display:none;
	}
	#integrations.s-about {
	  background-image: url(../images/firmamaska2.jpg);
	  background-attachment: fixed;
	  width: 100%;
	  height: 510px;
	  padding-top: 6rem;
	  padding-bottom: 8rem;
	  margin-bottom: 10rem!important;
	}
	#usprawnienia.s-solution {
	  margin-bottom: 12rem;
	}	
	
	#uslugi-dlaczego.violetbox.integracje-index .lista p {
	  height: auto;
	  margin-bottom: 3rem;
	}
	
	#uslugi-dlaczego.violetbox.integracje-index .lista ul li {
	  font-size: 24px;
	}
	
	#integrations h3 {
	  font-size: 14px !important;
	}
	#integrations .services-list__item-header::before {
	  right: 90px;
	  background-position: center -1px;
	}
	.text-background span {
	  font-size: 28px;
	  padding: 0 18px;
	  line-height: 38px;
	}
	#integrations .services-list__item-body {
	  left: auto;
	  top: -15px;
	  width: 70%;
	  height: 297px;
	  right: -5%;
	}
	
	#integrations .integrations_head p {
	  font-weight: 700;
	}	
	
	#integrations .services-list__item-header {
	  width: 40%;
	  padding: 0 10px;
	}

	#integrations .list__item_2 .services-list__item-header {
	  top: 40px;
	}
	#integrations .list__item_3 .services-list__item-header {
	  top: 80px;
	}
	#integrations .list__item_4 .services-list__item-header {
	  top: 120px;
	}
	#integrations .int-btn {
	  bottom: -22rem;
	  left: 35px;
	}
	#integrations .int-btn .btn-read-more {
	  font-size: 12px;
	}
	#integrations .services-list__item-header::before {
	  display:none;
	}

	#integrations  .services-list { height: 451px; }
	#integrations .int-btn {
	  bottom: 0px;
	  left: 35px;
	  top: auto;
	}
	
	#stopka .link_kontakt p.top {
	  font-size: 20px;
	  font-weight: 600;
	}
	.link_kontakt_1, .link_kontakt_2, .link_kontakt_3 {
	  padding-left: 70px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.link_kontakt_1 {
	  background-size: 56px;
	  background-position: -7px center !important;
	}
	.link_kontakt_2 {
	  background-size: 42px;
	  background-position: 6px center !important;
	}
	.link_kontakt_3 {
	  background-size: 42px;
	  background-position: 6px center !important;
	}				
	#stopka .link_kontakt p {
	  line-height: 28px;
	}
	#stopka .link_kontakt {
	  margin-top: 0rem;
	  margin-bottom: 2rem;
	}			
	
}

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


	#demo-prestashop .demo-right {
		padding-right: 10px;
		padding-left: 10px
	}
	
	#demo-prestashop .napis-maska {
	  left: 60px !important;
	}
	#demo-prestashop .napis-maska {
	  font-size: 32px !important;
	  line-height: 40px !important;
	}	
	
	#rozwiazania.s-solution, #casestudy.s-solution, #funkcjonalnosc.s-solution, #integrations.s-about {
		padding-bottom: 0;
		margin-bottom: 6rem
	}
	#casestudy .slick-slide .mokate .etykieta {
	  right: 5px !important;
	  width: 80px !important;
	  bottom: -15px;
	}
	#casestudy .slick-slide .moraj .etykieta {
	  right: 8px !important;
	  width: 65px !important;
	  bottom: -15px;
	}
	
	
	#casestudy .slick-slide .bbq .etykieta {
	  right: 5px !important;
	  width: 90px !important;
	  bottom: -20px;
	}	
	#casestudy .slick-slide .light .etykieta {
	  right: 15px !important;
	  width: 32px !important;
	}	
	#casestudy .slick-slide .testimonial-slider__label {
	  margin: 1.5rem 0rem 1.5rem!important;
	}		
	#casestudy .folio-item__project-link .portfolio-opis-projekt {
	  display: none!important;
	}
	#casestudy .folio-item__project-link p.portfolio-opis-txt.bold {
	  -webkit-transform: translate3d(0, 0px, 0)!important;
	  transform: translate3d(0, 0px, 0)!important;
 	 font-size: 14px;
	 margin-bottom: 0px;	
	}		
	#casestudy .light .svg-logo {
	  width: 80px !important;
	}
	#casestudy .bbq .svg-logo {
	  width: 85px !important;
	}
	#casestudy .moraj .svg-logo {
	  width: 100px !important;
	}
	#casestudy .mokate .svg-logo {
	  width: 65px !important;
	}	
	#casestudy .folio-item__project-link p.portfolio-logo {
	  margin-top: 25px !important;
	}
	
	#epresta .section-intro p.bold b, #epresta .intro-right p.bold b {
	  font-size: 30px;
	  line-height: 36px;
	  margin-bottom: 15px;
	  display: inline-block;
	}
	
	#casestudy .folio-item__project-link p {
	  padding-left: 15px;
	  padding-right: 15px;	
	}
	#casestudy .folio-item__project-link .opis-slide {
	  bottom: 10px!important;
	}	
	#casestudy .slick-slide .light .etykieta {
	  right: 15px !important;
	}

	#wyzwania .section-solution {
	  bottom: 0 !important;
	  left: 50%;
	  right: auto;
	  margin-left: -60px;
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	
	#wyzwania .intro-right {
	  padding-top: 3rem;
	  margin-top: 0rem;
	}
	#wyzwania .s-intro__section::before {
	  right: calc(50% + -18%);
	  height: 360px !important;
	}	
	#wyzwania .rozwiazania_kontakt {
	  margin-top: 15rem;
	}	
	#rozwiazania .s-intro__section img.img-shadow, #funkcjonalnosc .s-intro__section img.img-shadow {
	  width: 140px !important;
	  right: 3rem;
	  top: -22rem;
	}	
	.violetbox .s-intro__section, #rozwiazania .s-intro__section, #casestudy .s-intro__section, #funkcjonalnosc .s-intro__section {
	  padding-left: 0rem;
	  padding-right: 0rem;
	  padding-bottom: 8rem;
	  padding-top: 10rem;
	}	
	#rozwiazania .services-list__item-header span.up {
	  left: -6rem !important;
	}	
	#rozwiazania .services-list__item-body, #rozwiazania .services-list__item-header {
	  margin-left: 6rem !important;
	  padding-right: 4rem;
	}

	#rozwiazania.target-section p.p, #funkcjonalnosc.target-section p.p {
	  margin-bottom: 2rem !important;
	}
	#epresta .section-solution {
	  position: relative !important;
	  bottom: 0;
	  width: 300px;
	  left: 50%;
	  margin: 0px;
	  margin-left: -150px;
	}
	
	#epresta .section-solution p.note { margin-bottom: 0px; }
	
	#epresta.target-section p.p {
	  margin-bottom: 0rem !important;
	}
	#epresta .section-solution p span.counter {
	  font-size: 150px;
	}
	#epresta .section-solution p span.plus {
	  font-size: 50px;
	  top: 70px;
	}	
	#epresta .section-solution p span.exp {
	  top: 130px;
	  font-size: 14px;
	  padding-left: 5px;
	}	


	#epresta .note::before {
		left: 12px
	}
	.display-1,.display-2,.s-getintouch h2.display-2 {
		font-size: 3.25rem !important;
		line-height: 1.1;
		margin-bottom: 3rem;
		margin-top: 3rem
	}
	#epresta.s-intro {
		padding-bottom: 0rem
	}
	
	.opinie-bg {
	  display: none !important;
	}
	
	#epresta .portfolio-slider .testimonial-slider__slide { padding: 0px; }
	#epresta .section-intro p, #prestashop p, #usprawnienia p, #kontakt-footer .boksy-footer-subheader  {  }
	#epresta .section-intro p.bold.big, #kontakt-footer .boksy-footer-header {
		font-size: 16px;
		height: auto;
		line-height: 24px;
	}
	#epresta .intro-right .ux div span {
	  height: 84px;
	  padding-top: 26px;
	  padding-bottom: 26px;
	  font-size: 18px;
	  margin-bottom: 0;
	}
	#epresta .intro-right .img-onas {
	  width: 235px;
	  right: 120px;
	}	
	#komentarze.s-references {
	  padding-top: 3rem;
	  background-size: 60%;
	}
	#casestudy .slick-slide .portfolio-opis-txt.bold span {
	  font-size: 22px;
	  font-weight: 700;
	  margin-bottom: 0px;
	}
	#casestudy .folio-item__project-link p.hide-on-tablet {
	  margin-bottom: 10px !important;
	}
	
	#komentarze .display-1 br, #integracje .display-1 br { display:none; }
	#prestashop .section-solution {
	  margin-bottom: 5rem !important;
	  left: 0px;
	  margin-top: 6rem;
	  width: auto;
	}
	#prestashop .section-solution p span.counter {
	  font-size: 75px!important;
	}
	#prestashop .section-solution p span.counter.small {
	  font-size: 36px!important;
	  margin-top: -10px!important;
	}
	#prestashop .oprogramowanie-bg {
	  bottom: -200px !important;
	  right: calc(50% + -18%) !important;
	}	
	
	#prestashop .btn-read-more.black {
	  font-size: 14px;
	  font-weight: bold;
	  line-height: 20px;
	  text-align: left;
	}
	p.line-absolute {
	  line-height: 26px !important;
	  width: 80%;
	}
	
	#uslugi-dlaczego.s-solution {
	  margin-bottom: 8rem;
	}
	
	
	#prestashop.s-about {
	  padding-bottom: 5rem;
	}
	#funkcjonalnosc .services-list__item-header {
	  padding-right: 0px;
	  padding-left: 35px;
	}
	
	#wyzwania .services-list__item-body, .index #prestashop .services-list__item-body {
	  margin-left: 35px;
	}
	
	.hero-content h1 {
	  font-size: 32px !important;
	  line-height: 42px !important;
	}
	
	#rozwiazania h3, #wyzwania h3, .index #prestashop h3, #funkcjonalnosc h3 {
	  margin-bottom: 1.5rem;
	  font-size: 20px;
	  line-height: 30px;
	}
	
	.oprogramowanie-solution, #prestashop .services-list__item-header, #wyzwania .services-list__item-header {
	  margin-left: 35px;
	}
	
	.index #prestashop .display-1, .index #prestashop p.p, .index #prestashop .subhead, .oprogramowanie-solution { margin-left: 0px; }
	#prestashop .oprogramowanie-solution { margin-bottom: 5rem; }
	
	#komentarze button.slick-prev, #komentarze button.slick-next  {
	  top: 20%;
	}	
	
	#komentarze .display-1 {
	  font-size: 22px !important;
	  line-height: 32px !important;
	}	
	
	#epresta.s-intro .section-intro {
	  margin-left: 0px !important;
	}	

	.presta-integracje-row .services-list__item-header::before, .onas #doswiadczenie .strefa-4 .strefa-box::before, .index #prestashop .services-list__item-header::before, #wyzwania .services-list__item-header::before {
	  top: 46px;
	  left: -35px;
	}
	
	#funkcjonalnosc h3::before {
	  top: 6px;
	  left: -35px;
	}

	.services-list .services-list__item p {
	  font-size: 15px;
	  line-height: 24px;
	}	
	
	.hero-social {
		font-size: 1rem
	}
	.hero-scroll {
		right: 2.4rem
	}

	#hero .hero-content h3::before {
		height: 1px;
		width: 10%;
		content: '';
		position: absolute;
		top: -14px;
		background: #fff
	}
	.index-intro-box .label.presta-logo img {
	  width: 50px;
	  height: 50px;
	  top: 50%;
	  margin-top: -25px;
	}
	.index-intro-box .label.presta-logo span {
	  margin-left: 65px;
	}
	
	#kontakt-footer h2 {
	  margin-top: 0px;
	  font-size: 28px !important;
	  line-height: 34px !important;
	}

	section.target-section .display-1 br { display:none; }	
	#hero.s-hero {
	  padding-bottom: 4rem;
	}

	.index-intro-box .last-preintro {
	  display: none;
	}
	#demo-prestashop button.slick-prev, #demo-prestashop button.slick-next {
	  display: none !important;
	}
	#demo-prestashop.s-references {
	  padding-bottom: 4rem !important;
	}	
	.index-intro-box .label.presta-logo span br { display: none; }

	#funkcjonalnosc .services-list__item-body {
	  padding-right: 0px;
	  display: none;
	  padding-left: 35px;
	}
	#usprawnienia.target-section p.p {
	  padding-right: 0px;
	  margin-bottom: 2rem !important;
	}	
	#usprawnienia .fun-opis {
	  padding: 0;
	}
	#usprawnienia .fun-zdjecie {
	  padding: 40px 20px 40px;
	}
	#usprawnienia button.slick-prev {
	  left: 0;
	}
	#usprawnienia img.img-shadow {
	  box-shadow: 0px -10px 25px rgba(0,0,0,0.2);
	}
	#usprawnienia button.slick-next {
	  left: 30px;
	}	
	#usprawnienia .slick-slider button {
	  bottom: -35px;
	  top: auto;
	}
	#usprawnienia.s-solution {
	  margin-bottom: 8rem;
	}
	#integrations .services-list__item-header {
	  width: 60%;
	}	
	#kontakt-footer .ekontur img {
	  max-width: 125px;
	}	
	#kontakt-footer .boksy-footer {
	  margin-top: 3rem;
	}	
	#kontakt-footer.target-section {
	  padding-bottom: 4rem !important;
	}		
	
	#epresta-co-zrobilismy {
	  padding-bottom: 15rem !important;
	}
	
}

@media screen and (max-width:400px) {
	#demo-prestashop .demo-right {
		padding-right: 0;
		padding-left: 0
	}
	#demo-prestashop.s-references {
		padding-bottom: 6rem !important
	}
}

.s-solution {
  padding-bottom: 0;
  margin-bottom: 13rem;
}

#rozwiazania .services-list__item-header {
  padding-top: 10rem;
  padding-bottom: 0px;
}

#rozwiazania .services-list__item-header:hover span.up { left: -7rem; }

#rozwiazania .services-list__item-body, #rozwiazania .services-list__item-header { margin-left: 8rem; }

#rozwiazania .services-list__item-header span.up, .eoferta-box span.up {
  font-family: times new roman;
  color: #ec2471;
  position: absolute;
  font-size: 50px;
  font-weight: bold;
  top: 18px;
  left: -8rem;
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transition: ease-out .3s;  
}

#rozwiazania .is-active .services-list__item-header .visible {
	display: none
}

	#rozwiazania .services-list__item-body {
		padding: 0
	}

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

	#rozwiazania .services-list__item-body {
		padding: 0
	}
	.s-solution {
		padding-bottom: 0
	}
	.section-solution {
		position: relative !important;
		bottom: 0;
		margin-top: 5rem
	}
	#epresta .row.extra-box {
		position: relative;
		width: auto;
		top: 0;
		margin-top: 5rem
	}
	
	
	
}

@media screen and (max-width:600px) {
	#rozwiazania .services-list__item-header {
		padding-bottom: 1rem
	}
}

#wdrozenie {
	margin-top: 0rem;
	background-position: top;
	background-repeat: no-repeat;
	margin-bottom: 4rem
}

#wdrozenie.fullekran {
	position: relative;
	padding-top: 8rem;
	padding-bottom: 0;
	margin-bottom: 12rem
}

#wdrozenie.fullekran::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: calc(0%);
	z-index: -1
}

#wdrozenie.turtle.fullekran:before {
	background-color: #0f265e
}

#wdrozenie.alladies.fullekran::before {
	background-color: #e9e2d8
}

#wdrozenie.turtle.fullekran:before {
	background-color: #0f265e
}

#wdrozenie.dir.fullekran::before {
	background-color: #e0dfdc
}

#wdrozenie.groomershop.fullekran::before {
	background-color: #e44995
}

#wdrozenie.tribecco.fullekran::before {
	background-color: #ee4e35
}

#wdrozenie.setto.fullekran::before {
	background-color: #fba51a
}

#wdrozenie .label-1.purple {
	margin-bottom: 6rem;
	margin-top: -6rem
}

.label-1.purple {
  background-color: rgba(195,224,228,.96);
  margin-top: -10rem;
  margin-left: -7rem;
  padding: 4.5rem 9rem 5.5rem;
  color: #222;
}

#wdrozenie .opis.intro a {
	color: #fff
}

#wdrozenie .opis.intro .purple p {
	color: #fff
}

#wdrozenie.turtle p.study.change {
	margin-bottom: 5rem
}

#wdrozenie.turtle .label-1.purple {
  background-color: #0f265e;
}

#wdrozenie.turtle .change,#wdrozenie.groomershop .change,#wdrozenie.setto .change,#wdrozenie.tribecco .change
	{
	color: #fff
}

#wdrozenie.alladies .label-1.purple {
	background-color: #fe7930
}

#wdrozenie.dir .label-1.purple {
	background-color: #306cb4
}

#wdrozenie.groomershop .label-1.purple {
	background-color: #e44995
}

#wdrozenie.tribecco .label-1.purple {
	background-color: #ee4e35
}

#wdrozenie.setto .label-1.purple {
	background-color: #fba51a
}

#wdrozenie.turtle .label-1.purple p {
  font-size: 1.6rem;
  margin-bottom: 0;
}

#wdrozenie .laptop {
	margin-bottom: 2rem;
	text-align:center;
	     
}

#wdrozenie .opis {
	margin-bottom: 8rem
}

#wdrozenie .rwd {
	margin-bottom: 10rem
}

#wdrozenie .szablon {
	margin-bottom: 4rem
}

#wdrozenie .opis.bottom {
	margin-bottom: 6rem
}

#wdrozenie .logo {
	margin-bottom: 0;
	text-align: center
}

#pagination {
	box-shadow: 0 0 45px rgba(0, 0, 0, .09)
}

#pagination .pagination_item a {
	justify-content: center;
	display: flex;
	flex-direction: column;
	height: 100px;
	position: relative
}

.s-pagination .row {
	margin-bottom: 0;
	padding-top: 2rem;
	padding-bottom: 2rem
}

#pagination .pagination_item.left a:before {
	display: none
}

#pagination .pagination_item span {
	position: absolute;
	font-size: 2.5rem;
	display: inline-block;
	width: 100%
}

#pagination .pagination_item.right span {
	text-align: right
}

#pagination .pagination_item.left span {
	text-align: left;
	padding-left: 0
}

#pagination .pagination_item label {
	margin: 0;
	font-weight: 400;
	line-height: 1.1
}

#pagination .pagination_item h5 {
	color: #222
}

#pagination .pagination_item h5 {
	font-size: 2.5rem;
	line-height: 1.2;
	text-transform: none;
	font-weight: 500;
	margin: 0;
	padding: 0
}

#pagination .pagination_item h5:before {
	display: none
}

#pagination .pagination_item:hover .btn-read-more::after {
	width: 60px;
	transition: ease-out .3s;
	bottom: -2rem
}

.pbutton {
	text-align: center;
	margin-top: 2rem;
	display: inline-block;
	width: 100%
}

#wdrozenie .middle {
	justify-content: center;
	display: flex;
	flex-direction: column;
	position: relative
}

.wdrozenie #getintouch {
	display: none
}

h2.study {
	font-size: 5rem;
	font-weight: 400;
	margin-bottom: 2rem;
	text-align: center;
	color: #231768
}

p.study {
	text-align: center;
	width: 85%;
	margin-left: auto;
	margin-right: auto
}

.fullekran p.study {
	margin-bottom: 6rem
}

.last h2.study {
	text-align: left
}

ul.do-svg {
	margin-left: 0
}

ul.do-svg li {
	position: relative;
	margin-left: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px
}

.zakres {
	margin-top: 5rem
}

.zakres-item {
	justify-content: center;
	display: flex;
	flex-direction: column;
	position: relative
}

.opis p.svg-sol.presta {
	width: 100%;
	background-position: left;
	padding-left: 80px;
	padding-top: 12px;
	margin-top: 2rem
}

.opis .pbutton {
	margin-top: 0
}

.wdrozenie .logo h3 {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 5rem
}

.tribecco .logo h3 {
	top: 1rem
}

.setto .logo h3 {
	top: 0;
	position: relative
}

.wdrozenie .logo {
	margin-bottom: 0
}

#wdrozenie.fullekran {
	margin-top: 0
}

.second .subhead,.subhead.change {
	text-align: center
}

@media screen and (max-width:1200px) {
	#wdrozenie .opis {
		margin-bottom: 3rem
	}
	#wdrozenie .rwd {
		margin-bottom: 6rem
	}
	#wdrozenie {
		margin-bottom: 2rem
	}
	#wdrozenie .logo {
		margin-bottom: 2rem
	}
	.device .s-header {
		margin-bottom: 14rem !important
	}
}

@media screen and (max-width:800px) {
	p.study {
		width: 100%
	}
	#wdrozenie.fullekran {
		margin-bottom: 8rem
	}
	.wdrozenie .logo h3 {
		position: relative;
		text-align: center;
		width: 100%;
		margin: 0;
		top: 2rem
	}
	#wdrozenie .opis.bottom {
		margin-bottom: 4rem;
		text-align: center
	}
	h2.study {
		font-size: 4rem;
		margin-top: 0
	}
	.zakres {
		margin-top: 3rem
	}
	ul.do-svg li {
		margin-left: 15px
	}
	.opis p.svg-sol.presta {
		background-position: center top;
		padding-top: 8rem !important;
		margin-top: 1rem;
		text-align: center;
		padding-left: 0;
		margin-bottom: 5rem
	}
	.last h2.study {
		text-align: center
	}
	#pagination .pagination_item h5 {
		font-size: 2rem
	}
}

@media screen and (max-width:600px) {
	#wdrozenie .opis.bottom {
		margin-bottom: 2rem
	}
	.intro .label-1 h2.label {
		font-size: 3.5rem
	}
	#wdrozenie .label-1.purple {
		margin-bottom: 5rem;
		margin-top: 0;
		padding-left: 5rem;
		padding-right: 4rem;
		padding-top: 2.5rem;
		margin-left: -4rem
	}
	#wdrozenie .opis {
		margin-bottom: 3rem
	}
	#wdrozenie .rwd {
		margin-bottom: 5rem
	}
	.zakres img {
		margin-bottom: 3rem
	}
	h2.study {
		font-size: 3.5rem
	}
	#wdrozenie.fullekran {
		padding-top: 7rem;
		padding-bottom: 6rem
	}
	.wdrozenie .logo h3 {
		display: none
	}
	.s-pagination .row {
		padding-top: 1rem;
		padding-bottom: 1rem
	}
	#wdrozenie.second {
		margin-top: -2rem
	}
	#pagination .pagination_item {
		flex: 0 0 50%;
		max-width: 50%;
		width: 100%
	}
	#pagination .pagination_item h5 {
		font-size: 1.75rem
	}
}

.agencja .cms-article {
	margin-bottom: 20rem
}

.pp-strefa,.wpunkatch {
	margin-bottom: 12rem
}

.wpunkatch .svg-sol {
	float: left;
	margin-right: 2rem
}

.wpunkatch_item {
	font-size: 1.8rem;
	line-height: 1.55;
	font-weight: 500
}

.s-onas .label-1.purple {
	margin-top: 0
}

#epresta-co-zrobilismy.s-onas h3 {
	margin-top: 2rem
}

#epresta-co-zrobilismy.s-onas {
	padding-bottom: 12rem
}

@media screen and (max-width:1200px) {
	.agencja .cms-article,.pp-strefa,.wpunkatch {
		margin-bottom: 8rem
	}
	.wpunkatch_item {
		font-size: 1.7rem;
		padding-bottom: 1rem
	}
	.wpunkatch .svg-sol {
		float: none
	}
}

@media screen and (max-width:800px) {
	.agencja .cms-article,.pp-strefa,.wpunkatch {
		margin-bottom: 6rem
	}
}

@media screen and (max-width:600px) {
	.wpunkatch .svg-sol {
		float: left
	}
	#epresta-co-zrobilismy.s-onas {
		padding-bottom: 6rem
	}
}

.oferta-intro {
	margin-top: 2rem;
	margin-bottom: 8rem;
	background: #eacc76
}

.oferta-item div {
	height: 290px;
	float: left;
	position: relative;
	padding: 30px;
	margin: 0 !important
}

.oferta-1-item div {
	background: #3d2e90
}

.oferta-2-item div {
	background: #cfe7e9
}

.oferta-3-item div {
	background: #f96156
}

.oferta-4-item div {
	background: #e7e2dc
}

.oferta-5-item div {
	background: #9f958d
}

.oferta-box {
	margin-bottom: 8rem
}

.oferta-box .button-more {
	margin: 5rem 0 0
}

.s-oferta .opis {
	margin-bottom: 8rem;
	padding-bottom: 2rem;
	position: relative
}

.s-oferta .opis::before {
	content: '';
	height: 2px;
	width: 120px;
	position: absolute;
	background: #3d2e90;
	bottom: 0;
	left: 50%;
	margin-left: -60px
}

.separator {
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	margin-top: 8rem
}

.oferta-txt p b {
	font-size: 2rem;
	line-height: 1.3
}

.cms .s-solution.s-oferta {
	padding-bottom: 0
}

.oferta .bell-intro {
	background: #f6f6f6
}

.oferta-txt {
	padding-left: 6rem
}

@media screen and (max-width:800px) {
	.oferta-intro {
		margin-top: 2rem;
		margin-bottom: 6rem
	}
	.oferta-item div {
		width: 100%;
		height: auto;
		padding-left: 12rem;
		padding-bottom: 6rem
	}
	.oferta-box h3 {
		margin-top: 5rem !important;
		font-size: 3rem !important
	}
	.s-oferta .opis {
		margin-bottom: 2rem;
		padding-bottom: 1rem
	}
	#cms h4.under {
		color: #fff;
		text-align: left;
		position: relative;
		margin: 0;
		font-size: 1.85rem
	}
	.oferta-box span {
		top: -20px !important
	}
	.s-oferta .opis::before {
		display: none
	}
	.s-oferta .separator {
		border: none
	}
	.s-oferta .oferta-5 .separator {
		border: 1px solid #ddd;
		margin-top: 3rem;
		margin-bottom: 4rem
	}
	.oferta-box {
		margin-bottom: 0
	}
}

.demo .bell-intro {
	background: #fd948e
}

.demo .strefa-img,.demo .strefa-txt {
	margin-bottom: 4rem
}

.demo .strefa-txt h4 {
	font-size: 2.25rem;
	margin-bottom: 2rem
}

#cms.s-pakiety {
	padding-bottom: 6rem
}

div.pakiety {
	padding-bottom: 12rem
}

div.pakiety .att_p {
	color: #fff
}

div.pakiety .pak-1 {
	background: #c3e0e4
}

div.pakiety .pak-2 {
	background: #f96156
}

div.pakiety .pak-3 {
	background: #3d2e90
}

.att_p,.name_p span {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 90px;
	line-height: 1.6;
	justify-content: center;
	display: flex;
	flex-direction: column;
	position: relative
}

.name_p span {
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	font-weight: 400;
	padding-right: 8rem;
	padding-left: 60px
}

.att_p {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	padding-left: 20px;
	padding-right: 20px
}

.name_p {
	padding-right: 0;
	position: relative
}

.att_item {
	padding-left: 0
}

.tick {
	display: inline-block;
	width: 100%;
	height: 20px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center
}

.tick.yes {
	background-image: url(../images/svg/tick-yes.svg)
}

.tick.no {
	background-image: url(../images/svg/tick-no.svg);
	opacity: .5;
	background-size: 22px
}

.name_p::before {
	position: absolute;
	top: 27px;
	background: #f96156;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #fff
}

.name_p-1::before {
	content: '1'
}

.name_p-2::before {
	content: '2'
}

.name_p-3::before {
	content: '3'
}

.name_p-4::before {
	content: '4'
}

.name_p-5::before {
	content: '5'
}

.name_p-6::before {
	content: '6'
}

.name_p-7::before {
	content: '7'
}

.name_p-8::before {
	content: '8'
}

.name_p-9::before {
	content: '9'
}

.name_p-10::before {
	content: '10'
}

.name_p-11::before {
	content: '11'
}

.name_p-12::before {
	content: '12'
}

.name_p-13::before {
	content: '13'
}

.name_p-14::before {
	content: '14'
}

.name_p-15::before {
	content: '15'
}

.name_p-16::before {
	content: '16'
}

.name_p-17::before {
	content: '17'
}

.name_p-18::before {
	content: '18'
}

.name_p-19::before {
	content: '19'
}

.name_p-20::before {
	content: '20'
}

.name_p-21::before {
	content: '21'
}

.name_p-22::before {
	content: '22'
}

.pakiety .bell-intro {
	background: #3d2e90
}

.bell-intro {
	width: 100%;
	z-index: 0;
	margin-bottom: 6rem
}

.bell-laptop,.oferta-laptop {
	position: relative;
	z-index: 1;
	justify-content: center;
	display: flex;
	flex-direction: column
}

.pakiety .bell-laptop {
	color: #fff
}

.bell-laptop {
	padding-top: 5rem;
	padding-bottom: 5rem
}

.bell-intro h3 {
	line-height: 1.45;
	margin-right: 10rem;
	font-size: 2.2rem;
	font-weight: 500;
	margin-bottom: 3rem
}

.bell-intro ul.grey li {
	font-weight: 300
}

.pakiet-list span {
	display: inline-block;
	width: 100%;
	font-size: 2.15rem
}

.pakiet-list .att_p {
	padding-top: 20px;
	padding-bottom: 20px
}

.intro_pak {
	margin-bottom: 5rem
}

.op_pak {
	margin-bottom: 10rem
}

.op_pak p {
	margin: 4rem 0 2rem
}

.pak_opis div.shadow {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	padding: 50px 30px 30px;
	height: 306px;
	border: 3px solid transparent
}

.pak_opis.item-1 div.shadow:hover {
	border-color: #c3e0e4
}

.pak_opis.item-2 div.shadow:hover {
	border-color: #f96156
}

.pak_opis.item-3 div.shadow:hover {
	border-color: #3d2e90
}

.pak_opis b {
	position: relative;
	display: inline-block;
	margin-bottom: 1rem;
	width: 100%;
	font-size: 2.5rem;
	text-align: center
}

.pak_opis b::before {
	content: '';
	color: #fff;
	position: absolute;
	top: -85px;
	left: 50%;
	margin-left: -30px;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 2.2rem
}

.pak_opis.item-1 b::before {
	content: '1';
	background: #c3e0e4
}

.pak_opis.item-2 b::before {
	content: '2';
	background: #f96156
}

.pak_opis.item-3 b::before {
	content: '3';
	background: #3d2e90
}

.w_pak {
	margin-top: 0;
	margin-bottom: 8rem
}

.name_p.prices span {
	text-align: right
}

.att_item.prices .att_p {
	text-align: center;
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1.2
}

.att_item.prices .att_p span {
	font-size: 16px
}

h2.study.cpu {
	display: none
}

.pakiety-etapy,.pakiety-opieka {
	margin-bottom: 8rem
}

.pakiety-etapy .steps-top {
	position: relative;
	z-index: 100;
	margin-bottom: 7rem
}

.pakiety-etapy .steps-top::before {
	content: '';
	height: 2px;
	width: 100%;
	background: #c3e0e4;
	position: absolute;
	top: 50%;
	z-index: -1;
	left: 55%
}

.pakiety-etapy .steps-top label {
	display: inline-block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 54px;
	border: 2px solid #c3e0e4;
	font-size: 20px;
	margin: 0;
	background: #fff
}

.pakiety-etapy h3,.pakiety-opieka h3 {
	margin-bottom: 6rem
}

.pakiety-etapy h5,.pakiety-opieka h5 {
	margin-top: 0
}

.pakiety-etapy p {
	line-height: 1.6
}

.pakiety-etapy .last .steps-top::before {
	display: none
}

.pakiety-opieka .pakiety-opieka-item {
	background: #f9f9f9;
	padding: 50px 40px;
	min-height: 520px;
	position: relative
}

.pakiety-opieka .pakiety-opieka-item h3 {
	margin-bottom: 2rem
}

.pakiety-opieka h2 {
	margin-bottom: 6rem
}

.pakiety-etapy h2 {
	margin-bottom: 2rem
}

.pakiety-opieka .pakiety-opieka-item span {
	content: '';
	height: 100px;
	width: 100px;
	position: absolute;
	background-size: 52px;
	display: inline-block;
	background-repeat: no-repeat;
	background-color: #f96156;
	background-position: center;
	bottom: -20px;
	left: -15px
}

.pro-1 {
	background-image: url(../images/svg/goup.svg)
}

.pro-2 {
	background-image: url(../images/svg/whyus.svg)
}

@media screen and (max-width:1200px) {
	.att_item.prices .att_p {
		font-size: 1.8rem;
		padding-left: 0;
		padding-right: 0
	}
	.att_item.prices .att_p span {
		display: inline-block
	}
	.name_p span {
		padding-right: 5rem
	}
	.name_p span,div.pakiety .att_p {
		font-size: 1.45rem;
		line-height: 1.3
	}
	.pakiet-list span {
		display: inline-block;
		width: 100%;
		font-size: 1.55rem
	}
	.bell-intro h3 {
		line-height: 1.75;
		margin-right: 5rem;
		font-size: 1.75rem;
		font-weight: 500;
		margin-bottom: 2rem
	}
	.pak_opis div.shadow {
		height: 450px
	}
	.pakiety-etapy .second .steps-top::before {
		display: none
	}
	.pakiety-etapy .steps-top {
		margin-bottom: 4rem
	}
	.pakiety-opieka .pakiety-opieka-item {
		min-height: 840px
	}
}

@media screen and (max-width:800px) {
	.bell-intro h3 {
		line-height: 1.75 !important;
		margin-right: 0;
		font-size: 1.75rem !important;
		font-weight: 500 !important;
		margin-bottom: 2rem
	}
	.oferta-laptop {
		display: none
	}
	.bell-intro ul.grey {
		display: block !important
	}
	.pak_opis div.shadow {
		height: auto;
		margin-bottom: 6rem;
		padding-bottom: 50px
	}
	.pak_opis.item-3 div.shadow {
		margin-bottom: 0
	}
	.op_pak {
		margin-bottom: 2rem
	}
	.name_p {
		padding: 0
	}
	.att_item,.name_p {
		padding: 0 16px
	}
	.name_p span {
		text-align: center;
		padding: 0;
		height: 60px;
		border: none
	}
	.name_p::before {
		display: none
	}
	.name_p.prices span {
		text-align: center
	}
	h2.study.cpu {
		display: inline-block;
		margin-bottom: 2rem
	}
	.name_p span,div.pakiety .att_p {
		padding-left: 0;
		padding-right: 0
	}
	.demo #zalety-prestashop {
		padding-bottom: 4rem !important
	}
	.pakiety-opieka .pakiety-opieka-item {
		min-height: auto;
		padding-bottom: 59px;
		margin-bottom: 50px;
		padding-top: 100px
	}
	.pakiety-etapy .steps-top::before {
		display: none
	}
	.pakiety-etapy .steps-top {
		margin-bottom: 3rem
	}
	#cms.s-pakiety {
		padding-bottom: 4rem
	}
	div.pakiety {
		padding-bottom: 6rem
	}
	.pakiety-etapy,.pakiety-opieka {
		margin-bottom: 0
	}
	.pakiety-opieka .pakiety-opieka-item span {
		top: -20px;
		left: -15px;
		bottom: auto
	}
	div.pakiety {
		padding-bottom: 2rem !important
	}
}

.demo #zalety-prestashop {
	padding-bottom: 10rem;
	padding-top: 2rem
}

#projekty-linki {
	margin-bottom: 8rem
}

.s-extras {
	padding-bottom: 8rem
}

.extras-left {
	position: relative
}

.extras-left .extras-left-item div {
	height: 290px;
	text-align: center;
	padding: 30px 30px;
	margin-bottom: 40px;
	position: relative
}

h4.under {
	color: #fff;
	text-align: left;
	position: relative
}

h4.under::after {
	background: #fff;
	height: 2px;
	width: 60px;
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0
}

.extras-left .extras-left-item.empty div h4 {
	color: #222
}

.e-1 div {
	background: #3d2e90;
	margin-top: -8rem
}

.e-2 div {
	background: #cfe7e9
}

.e-3 div {
	background: #f96156
}

.e-4 div {
	background: #e7e2dc
}

.e-5 div {
	background: #9f958d
}

.extras-left .extras-left-item span,.oferta-box span {
	content: '';
	height: 100px;
	width: 100px;
	position: absolute;
	background-size: 52px;
	display: inline-block;
	background-repeat: no-repeat;
	background-color: #f6f6f6;
	background-position: center;
	bottom: -20px;
	left: -15px
}

.e-1 span {
	background-image: url(../images/svg/prestashop.svg)
}

.e-2 span {
	background-image: url(../images/svg/proces-zakupowy.svg)
}

.e-3 span {
	background-image: url(../images/svg/przeniesienie-sklepu.svg);
	background-size: 42px !important
}

.e-4 span {
	background-image: url(../images/svg/szablon-graficzny.svg)
}

.e-5 span {
	background-image: url(../images/svg/dodatkowe-moduly.svg);
	background-size: 42px !important
}

.under {
	position: relative
}

.under:before {
	background: #3d2e90;
	height: 2px;
	width: 0;
	content: '';
	position: absolute;
	bottom: -20px;
	transition: ease-out .3s;
	z-index: 10
}

.under:hover:before {
	width: 60px;
	transition: ease-out .1s
}

.extras-left-item:hover .under:before {
	width: 60px
}

@media only screen and (min-width:1201px) and (max-width:1440px) {
	.extras-left::before {
		margin-left: -17rem
	}
	#kontakt-footer h2 {
	  margin-top: 6rem;
	  margin-left: 9rem;
	}
	
}

@media screen and (max-width:1200px) {
	.extras-left::before {
		margin-left: -33rem
	}
	.extras-right {
		padding-top: 3rem
	}
	.extras-left .extras-left-item div {
		padding: 20px 20px
	}
}

@media screen and (max-width:800px) {
	.s-extras {
		padding-bottom: 6rem
	}
}

@media screen and (max-width:600px) {
	.portfolio-index-right {
		margin-top: 3rem
	}
	#uslugi-prestashop .display-1 {
		margin-bottom: 3rem
	}
	.extras-left .extras-left-item {
		margin-bottom: 2rem
	}
	.extras-left .extras-left-item div {
		height: 80px;
		background: 0 0 !important;
		padding: 0;
		margin: 0;
		justify-content: center;
		display: flex;
		flex-direction: column;
		position: relative
	}
	.extras-left .extras-left-item span {
		left: 0;
		top: 0;
		height: 80px;
		width: 80px;
		background-size: 40px
	}
	.extras-left .extras-left-item.e-3 span,.extras-left .extras-left-item.e-5 span
		{
		background-size: 32px
	}
	h4.under {
		margin: 0 0 0 12rem;
		color: #222;
		font-size: 1.65rem
	}
	.extras-left .extras-left-item.e-1 div {
		margin-top: 0
	}
	.extras-left .extras-left-item.e-1 span {
		background-color: #3d2e90
	}
	.extras-left .extras-left-item.e-3 span {
		background-color: #f96156;
		background-image: url(../images/svg/przeniesienie-sklepu-w.svg)
	}
	.extras-left .extras-left-item.e-4 span {
		background-color: #e7e2dc;
		background-image: url(../images/svg/szablon-graficzny-w.svg)
	}
	.extras-left .extras-left-item.e-5 span {
		background-color: #9f958d;
		background-image: url(../images/svg/dodatkowe-moduly-w.svg)
	}
	
	
	
}

#prestaprestige {
	background-position: center;
	padding-top: 10rem;
	padding-bottom: 14rem
}

#prestaprestige .why-left,#prestaprestige .why-left .display-1,#prestaprestige .why-left .subhead
	{
	color: #fff
}

.why-right {
	padding-left: 6rem;
	padding-right: 6rem
}

.why-left {
	padding-right: 10rem
}

.why-right .display-1 {
	margin-top: 40px
}

@media only screen and (min-width:1201px) and (max-width:1440px) {
	#prestaprestige {
		padding-top: 9rem;
		padding-bottom: 6rem
	}
}

@media screen and (max-width:1200px) {
	.why-right {
		display: none
	}
	#prestaprestige {
		background-position: left;
		padding-top: 12rem;
		padding-bottom: 15rem
	}
}

@media screen and (max-width:800px) {
	#prestaprestige {
		padding-top: 10rem
	}
}

@media screen and (max-width:600px) {
	#prestaprestige {
		padding-top: 8rem;
		padding-bottom: 12rem
	}
}

#epresta-co-zrobilismy {
	padding-bottom: 20rem
}

.s-numbers__section {
	position: relative
}

.label-1 h2.label {
	font-size: 4rem;
	line-height: 1.2;
	margin: 0 0 1.5rem;
	color: #fff;
	font-weight: 400
}

#epresta-co-zrobilismy h3 {
	margin: 0rem 0 3rem;
	text-transform: none;
	text-align: center
}

#epresta-co-zrobilismy .s-numbers__head div:last-child {
	border: none
}

#epresta-co-zrobilismy span.no {
	font-size: 5rem;
	font-weight: 700;
	position: relative;
	margin-bottom: 30px;
	display: inline-block
}

#epresta-co-zrobilismy span.no::before {
	background: #ececec;
	height: 12px;
	width: 100%;
	content: '';
	position: absolute;
	bottom: -4px;
	z-index: 0;
	display: inline-block;
	margin-left: -25px
}

#epresta-co-zrobilismy span.no::after {
	background: #2b2190;
	height: 12px;
	width: 0%;
	content: '';
	position: absolute;
	bottom: -4px;
	z-index: 0;
	display: inline-block;
	margin-left: -25px;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transition: ease-out .3s;
	left: 0
}

#epresta-co-zrobilismy span.no:hover::after {
	transition: ease-out .3s;
	background: #2b2190;
	width: 100%
}

#epresta-co-zrobilismy .numbers__head_item {
	padding: 0 3rem
}

@media screen and (max-width:1200px) {
	#epresta-co-zrobilismy h6 {
		margin: 6rem 0 4rem
	}
	#epresta-co-zrobilismy .numbers__head_item {
		padding: 0 3rem
	}
	#epresta-co-zrobilismy p {
		margin-bottom: 0
	}
}

@media screen and (max-width:800px) {
	#epresta-co-zrobilismy .s-numbers__head div {
		padding-bottom: 2rem;
		margin-bottom: 0
	}
	#epresta-co-zrobilismy span.no {
		font-size: 4rem
	}

	#epresta-co-zrobilismy .numbers__head_item {
		padding: 0 1rem
	}
	#epresta-co-zrobilismy h6 {
		font-size: 1.5rem;
		letter-spacing: .1rem;
		font-weight: 400;
		text-transform: uppercase;
		margin: 6rem 0 2rem
	}
}

#realizacja-projektu {
	color: #fff;
	padding-top: 6rem;
	padding-bottom: 0
}

#realizacja-projektu h6 {
	color: #fff;
	margin: 0 0 6rem
}

#realizacja-projektu h3 {
	color: #fff;
	font-weight: 300;
	font-size: 3rem
}

#realizacja-projektu h3 b {
	display: inline-block;
	margin-bottom: 5px
}

#realizacja-projektu h3 p {
	font-size: 1.7rem;
	margin: 0
}

.steps-item:nth-child (2n){
	margin-right: 50%;
	margin-left: 0;
	text-align: right;
	padding-right: 50px;
	padding-left: 0
}

.steps-item {
	margin-right: 0;
	margin-left: 50%;
	position: relative;
	padding-left: 5rem;
	padding-bottom: 4rem;
	min-height: 120px
}

.steps-item::before {
	content: '';
	width: 1px;
	background: rgba(255, 255, 255, .4);
	height: 100%;
	position: absolute;
	left: -1px;
	right: auto;
	top: 35px;
	height: 114px
}

.steps-item:nth-child (2n)::before {
	right: 0;
	left: auto
}

.steps-item::after {
	border: 2px solid rgba(255, 255, 255, .4);
	content: '';
	width: 35px;
	height: 35px;
	position: absolute;
	border-radius: 50%;
	top: 0;
	right: auto;
	left: -18px
}

.steps-item:nth-child (2n)::after {
	top: 0;
	right: -16px;
	left: auto
}

.steps-item.last::before {
	width: 0
}

.w-area.steps {
	position: relative
}

.w-area.steps div {
	background-color: #fff;
	height: 5rem
}

.w-area.steps::before {
	height: 5rem;
	background-color: #fff;
	width: 500px;
	position: absolute;
	content: '';
	left: -450px;
	top: 0
}

.button.steps {
	padding-top: 3rem
}

.btn--primary.large {
  margin: 0;
  padding: .5rem 5rem;
  height: auto;
}

.button.steps .btn--primary.large {
	float: right
}

@media screen and (max-width:1200px) {
	.steps-item {
		height: 160px
	}
	.steps-item::before {
		min-height: 126px
	}
}

@media screen and (max-width:800px) {
	#realizacja-projektu h3 {
		font-size: 2.4rem;
		line-height: 1.1
	}
	.steps-item {
		padding-bottom: 0;
		min-height: 150px
	}
	.steps-item:nth-child (2n){
		padding-right: 35px;
		padding-left: 0
	}
	.steps-item {
		padding-left: 35px;
		padding-right: 0
	}
	.steps-item::before {
		height: 115px
	}
	#realizacja-projektu {
		min-height: auto !important
	}
	#realizacja-projektu h3 p {
		font-size: 1.65rem;
		line-height: 1.3;
		font-weight: 300
	}
}

@media screen and (max-width:600px) {
	.steps-item,.steps-item:nth-child (2n){
		margin-left: 0;
		padding-left: 85px;
		padding-right: 0;
		text-align: left;
		margin-right: 0
	}
	.steps-item::before,.steps-item:nth-child (2n)::before {
		left: 40px;
		right: auto
	}
	.steps-item::before {
		height: 102px
	}
	#realizacja-projektu .btn-read-more {
		display: none
	}
	.steps-item::after,.steps-item:nth-child (2n)::after {
		right: auto;
		left: 23px
	}
	.why-left {
		padding-right: 0
	}
}

@media screen and (max-width:400px) {
	.steps-item::before {
		height: 125px
	}
	.steps-item {
		min-height: 160px;
		padding-bottom: 0
	}
}

#zalety-prestashop {
	padding-bottom: 10rem;
	padding-top: 6rem
}

#zalety-prestashop h3 {
	margin-bottom: 3rem
}

#zalety-prestashop h3 span {
	margin-right: 2rem
}

@media screen and (max-width:800px) {
	#zalety-prestashop h5 {
		font-size: 2.1rem;
		font-weight: 700;
		margin-top: 1rem;
		line-height: 1.3
	}
	#zalety-prestashop {
		padding-bottom: 2rem;
		padding-top: 2rem
	}
	#zalety-prestashop h5::before {
		background-image: url(../images/svg/tick.svg);
		background-repeat: no-repeat;
		content: '';
		position: absolute;
		height: 30px;
		width: 30px;
		background-size: 22px;
		margin-left: -35px
	}
	#zalety-prestashop h3 span {
		display: inline-block;
		width: 100%;
		margin-bottom: 2rem
	}
}

@media screen and (max-width:600px) {
	#zalety-prestashop .boxes-item {
		padding-left: 4rem
	}
}

#mobilny-sklep.s-about {
	padding-bottom: 0
}

#mobilny-sklep .section-intro {
	position: relative;
	margin-bottom: 6rem
}

.s-about {
	padding-bottom: 10rem;
	position: relative
}

.s-about .right-vert-line {
	background-color: #302c59
}

.s-about__section--profile {
	padding-top: 8rem;
	padding-bottom: 0;
	min-height: 92rem;
	position: relative
}

.s-about__section--profile::before {
	content: "";
	display: block;
	background-color: #cfe7e9;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: calc(50% +   12vw)
}

.s-about__section--profile .row {
	position: relative
}

.s-about__section--profile .profile-pic {
	width: 24vw;
	position: absolute;
	top: 8rem;
	left: calc(50% +   80px)
}

@media screen and (max-width:1200px) {
	.s-about__section--profile::before {
		left: 75%
	}
	.s-about__section--profile .profile-pic {
		width: 26vw;
		right: 0;
		left: auto
	}
	.work-positions
	 
	.column
	:nth-child
	(2n
	+
	1){
	padding-right
	:
	30px
}

.work-positions
 
.column
:nth-child
(2n
+
2){
padding-left
:
30px
}
}
@media screen and (max-width:900px) {
	.work-positions .column:nth-child(n) {
		padding: 0 16px
	}
	.position {
		padding-right: 8rem
	}
}

@media screen and (max-width:800px) {
	.s-about__section--profile {
		padding-top: 12rem;
		padding-bottom: 10rem;
		min-height: 0
	}
	.s-about__section--profile .profile-pic {
		display: none
	}
	.position {
		padding-right: 0
	}
}

@media screen and (max-width:600px) {
	.work-positions .column:nth-child(n) {
		padding: 0 10px
	}
}

@media screen and (max-width:400px) {
	.work-positions .column:nth-child(n) {
		padding: 0
	}
}

#services {
	display: none
}

.s-services {
	padding-top: 24rem;
	padding-bottom: 20rem;
	background-color: #1d1b37;
	position: relative
}

.s-services__content {
	position: relative
}

.s-services__leftcol {
	padding-bottom: 12rem
}

.s-services__leftcol p.lead {
	max-width: 90%
}

.s-services .vert-line {
	width: 2px;
	height: 20rem;
	background-color: #f9861a;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	position: absolute;
	bottom: -20rem;
	left: 20px
}

#services .services-list {
	list-style: none;
	padding-left: 20px;
	margin: 8.8rem 0 0 0;
	counter-reset: ctr
}

#services .services-list h5 {
	color: #fff
}

.services-list__item-header {
	padding-top: 2.4rem;
	padding-bottom: 2.4rem;
	padding-right: 6rem;
	cursor: pointer;
	position: relative
}

.services-list__item-header h5 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 3.6rem;
	padding-left: 1.111em;
	margin: 0;
	position: relative
}

#services .services-list__item-header h5::before {
	content: counter(ctr, decimal-leading-zero) ".";
	counter-increment: ctr;
	font-family: "Work Sans", sans-serif;
	font-weight: bold;
	font-size: .5em;
	line-height: 1;
	color: #f9861a;
	position: absolute;
	top: .5em;
	left: 0
}

.services-list__item-body {
  padding-top: 5px;
  padding-left: 5rem;
  padding-right: 5rem;
  display: none;
}

.is-active .services-list__item-header::after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

.is-active .services-list__item-body {
	display: block
}

@media screen and (max-width:1040px) {
	.s-services .vert-line {
		height: 12rem;
		left: 16px
	}
	.s-services__content .column {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%
	}
	.s-services__content .s-services__leftcol {
		-ms-flex: 0 0 75%;
		-webkit-box-flex: 0;
		flex: 0 0 75%;
		max-width: 75%;
		padding-bottom: 0
	}
	.s-services__content .s-services__leftcol p.lead {
		max-width: none
	}
}

@media screen and (max-width:800px) {
	.s-services {
		padding-top: 20rem
	}
	.s-services__content .s-services__leftcol {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%
	}
}

@media screen and (max-width:600px) {
	.s-services .vert-line {
		left: 34px
	}
	.services-list__item-header h5 {
		font-size: 3.2rem
	}
}

@media screen and (max-width:500px) {
	.services-list__item-header h5 {
		font-size: 3rem
	}
}

@media screen and (max-width:400px) {
	.s-services .vert-line {
		left: 24px
	}
	.services-list__item-header h5 {
		font-size: 2.8rem
	}
}

.index #portfolio {
	display: none
}

.s-portfolio {
	padding-top: 0;
	padding-bottom: 8rem;
	background-color: #fff;
	position: relative;
	margin-bottom: 0
}

.s-portfolio::before {
	content: "";
	display: none;
	background-color: #cfe7e9;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%
}

.s-portfolio__list {
	max-width: 1240px
}

.folio-item {
	position: relative;
	overflow: hidden;
	margin: 2px
}

.folio-item__caption {
	display: none
}

.folio-item__thumb a {
	display: block
}

.folio-item__thumb a::before {
	z-index: 1;
	content: "";
	display: block;
	background-color: rgba(0, 0, 0, .4);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all, .5s;
	transition: all, .5s
}

.folio-item__thumb a::after {
	z-index: 1;
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 3rem;
	color: #fff;
	display: block;
	height: 32px;
	width: 32px;
	line-height: 32px;
	margin-left: -16px;
	margin-top: -16px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
	transition: all, .5s cubic-bezier(.215, .61, .355, 1);
	position: absolute
}

.folio-item__thumb img {
	vertical-align: bottom
}

.folio-item__info {
	z-index: 2;
	padding: 0 3rem;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	opacity: 1;
	visibility: hidden;
	-webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
	transition: all, .5s cubic-bezier(.215, .61, .355, 1);
	position: absolute;
	left: 0;
	bottom: -3rem;
	visibility: visible
}

.folio-item__title {
	color: #fff;
	font-weight: 400;
	font-size: 3.5rem;
	line-height: 1.333;
	margin: 0
}

.folio-item__cat {
	color: rgba(255, 255, 255, .5);
	font-family: Roboto, sans-serif;
	font-size: 1.4rem;
	margin-bottom: 0
}

.folio-item__project-link {
	z-index: 2;
	display: block;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: all, .5s cubic-bezier(.215, .61, .355, 1);
	transition: all, .5s cubic-bezier(.215, .61, .355, 1);
	position: absolute;
	bottom: 3.9rem;
	left: 3rem
}

.folio-item__project-link:active,.folio-item__project-link:focus,.folio-item__project-link:hover
	{
	background-color: #ec2471;
	color: #fff
}

.folio-item:hover .folio-item__thumb a::before {
	opacity: 1;
	visibility: visible
}

.folio-item:hover .folio-item__thumb a::after {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.folio-item:hover .folio-item__project-link {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.folio-item:hover .folio-item__info {
	opacity: 0;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@media screen and (max-width:1200px) {
	.s-portfolio::before {
		display: none
	}
	.folio-item__thumb a::after {
		font-size: 2rem
	}
	.folio-item__title {
		font-size: 1.8rem
	}
	.folio-item__cat {
		font-size: 1.2rem
	}
	.s-portfolio {
		padding-bottom: 0
	}
}

@media screen and (max-width:800px) {
	.s-portfolio {
		padding-top: 0
	}
	.folio-item__thumb a::after {
		font-size: 3rem
	}
	.folio-item__title {
		font-size: 2.1rem
	}
	.folio-item__cat {
		font-size: 1.4rem
	}
}

@media screen and (max-width:600px) {
	.folio-item__thumb a::after {
		font-size: 2rem
	}
	.folio-item__title {
		font-size: 1.8rem
	}
	.folio-item__cat {
		font-size: 1.2rem
	}
	.s-portfolio {
		margin-bottom: 8rem
	}
	.s-getintouch {
		padding-bottom: 10rem !important
	}
}

#referencje-prestashop.s-references {
	margin-bottom: 0
}

.s-references {
  padding-top: 5rem;
  padding-bottom: 3rem;
  text-align: center;
}

.s-references .testimonial-slider p {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.6;
	color: #fff
}

.s-references .testimonial-slider__logo {
	margin-bottom: 40px;
	text-align: center
}

.s-references .testimonial-slider__logo img {
	display: inline
}

.s-references .title_references {
	color: #fff;
	text-align: center;
	margin: 0 0 30px
}

.s-references .testimonial-slider .slick-slide {
	padding: 40px;
	border-right: 1px solid #383278
}

@media screen and (max-width:1200px) {
	#referencje-prestashop.s-references .testimonial-slider p {
		opacity: .8;
		margin: 0 0 0
	}
}

@media screen and (max-width:800px) {
	.s-references {
		padding-top: 5rem;
		padding-bottom: 0
	}
	#referencje-prestashop.s-references .testimonial-slider p {
		opacity: .8;
		margin: 0 0 2rem
	}
	#referencje-prestashop.s-references .testimonial-slider__logo {
		margin-bottom: 25px;
		text-align: center
	}
	#referencje-prestashop.s-references .title_references {
		margin: 0 0 0
	}
}

.s-testimonials {
	padding-top: 14.4rem;
	padding-bottom: 16rem;
	background-color: #333
}

.testimonial-slider {
	position: relative
}

.testimonial-slider p {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-size: 1.7rem;
	line-height: 1.882;
	color: #000
}

.testimonial-slider .slick-slide {
	outline: 0
}

.testimonial-slider .slick-dots {
	display: block;
	list-style: none;
	padding: 0;
	margin: 5.6rem 0 0 0;
	text-align: center
}

.testimonial-slider .slick-dots li {
	display: inline-block;
	width: 27px;
	height: 27px;
	margin: 0;
	padding: 9px;
	cursor: pointer
}

.testimonial-slider .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	line-height: 10px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .4);
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font: 0/0 a;
	text-shadow: none;
	color: transparent
}

.testimonial-slider .slick-dots li button:focus,.testimonial-slider .slick-dots li button:hover
	{
	outline: 0
}

.testimonial-slider .slick-dots li.slick-active button,.testimonial-slider .slick-dots li:hover button
	{
	background: #000
}

.testimonial-slider__slide {
	position: relative;
	padding: 0 20px
}

.testimonial-slider__author {
	min-height: 7.2rem;
	margin-top: 4rem;
	padding-left: 8.8rem;
	position: relative
}

.testimonial-slider__avatar {
	width: 6.8rem;
	height: 6.8rem;
	border-radius: 100%;
	outline: 0;
	position: absolute;
	top: 0;
	left: 0
}

.testimonial-slider__cite {
	display: block
}

.testimonial-slider__cite span,.testimonial-slider__cite strong {
	font-family: Roboto, sans-serif;
	font-style: normal
}

.testimonial-slider__cite strong {
	font-size: 1.6rem;
	line-height: 1.75
}

.testimonial-slider__cite span {
	display: block;
	font-size: 1.5rem;
	line-height: 1.333;
	color: rgba(0, 0, 0, .7)
}

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

	.testimonial-slider__author {
		display: inline-block
	}
}

@media screen and (max-width:400px) {
	.testimonial-slider__author {
		margin: 0;
		padding: 0
	}
	.testimonial-slider__avatar {
		position: static;
		margin-bottom: 2.4rem
	}
}

#getintouch {
	text-align: center
}

.s-getintouch {
	padding-bottom: 10rem
}

.s-getintouch h2.display-2 {
	font-weight: 500;
	line-height: 1.3;
	font-size: 3.5rem;
	margin-bottom: 2rem;
	letter-spacing: 0
}

.s-getintouch h2.display-2 span {
	font-weight: 800
}

.cms-article {
	position: relative
}

.cms-article.right .absolute_bg {
	right: -15.5rem;
	left: auto
}

.cms-article {
	margin-bottom: 18rem
}

.cms-article.left .demo-right {
	padding-left: 8rem;
	justify-content: center;
	display: flex;
	flex-direction: column;
	position: relative;
	padding-top: 0;
	padding-right: 8rem
}

.cms-article.right .demo-right {
	padding-right: 8rem;
	justify-content: center;
	display: flex;
	flex-direction: column;
	position: relative;
	padding-top: 0;
	padding-left: 8rem
}

.cms .s-solution {
	padding-bottom: 5rem;
	margin-bottom: 0
}

.cms .cms-article h3,.demo .strefa-txt h3,.oferta-box h3 {
	font-size: 3.2rem;
	font-weight: 700;
	margin: 2rem 0 3rem;
	color: #231768;
	line-height: 1.2
}

.box_extra h4 {
	margin-bottom: 2rem;
	margin-top: 0
}

.cms-article .box_extra_item {
	background-color: #3d2e90;
	color: #fff;
	padding: 4rem 5rem 5rem
}

.cms-article .box_extra_item p {
	margin-bottom: 2rem
}

.box_extra ul.grey li {
	padding: 6px 0 6px 25px
}

.cms-article.article-extra {
	margin-bottom: 12rem
}

.article-extra hr {
	display: none
}

@media screen and (max-width:1200px) {
	.cms-article hr {
		margin: 0
	}
	.article-extra hr {
		display: block !important
	}
}

@media only screen and (min-width:1081px) and (max-width:1200px) {
	.cms .absolute_bg {
		left: -5.5rem;
		top: 5.5rem
	}
	.cms-article.right .absolute_bg {
		right: -5.5rem;
		left: auto;
		top: 5.5rem
	}
	.cms-article {
		margin-bottom: 8rem
	}
	.cms-article .box_extra_item {
		min-height: auto
	}
	.cms-article.article-extra {
		margin-bottom: 8rem
	}
}

@media only screen and (min-width:800px) and (max-width:1080px) {
	.cms .absolute_bg {
		left: -3.5rem;
		top: 5.5rem
	}
	.cms-article.right .absolute_bg {
		right: -3.5rem;
		left: auto;
		top: 5.5rem
	}
	.cms-article.left .demo-right,.cms-article.right .demo-right {
		padding-left: 16px;
		padding-right: 16px
	}
	.cms-article {
		margin-bottom: 8rem
	}
	.cms-article .box_extra_item {
		min-height: auto
	}
	.cms-article.article-extra {
		margin-bottom: 8rem
	}
}

@media screen and (max-width:800px) {
	.cms-article.right .demo-right {
		order: 2
	}
	.cms-article {
		margin-bottom: 2rem
	}
	.cms-article .box_extra_item {
		padding: 3rem 3rem 4rem;
		min-height: auto
	}
	.cms-article.article-extra {
		margin-bottom: 6rem
	}
}

@media screen and (max-width:600px) {
	.cms-article.right .demo-right {
		order: 2
	}
	.cms-article {
		margin-bottom: 6rem
	}
	.cms-article.left .demo-right,.cms-article.right .demo-right {
		padding-left: 10px;
		padding-right: 10px
	}
}

.device .header-nav a, .header-nav a, .kontakt .header-nav a {
  font-size: 18px;
  letter-spacing: 0.25px;
  font-weight: 600;
}

.device .s-footer__section--contact::before {
	top: 8rem
}

.device .s-footer .footer-contacts {
	margin-top: 16rem
}


.kontakt .hero-content {
	padding-top: 30vh;
	padding-bottom: 30vh
}

.kontakt .hero-content h1.display-1 {
	font-size: 3.75rem;
	line-height: 1.1;
	margin-bottom: 4rem;
	margin-top: 0
}

.kontakt .footer-contact-block__header {
	color: rgba(255, 255, 255, .2)
}

.kontakt .footer-contact-block__content {
	font-size: 2rem;
	padding: 0 0 15px;
	margin: 0 0 6px;
	line-height: 1.2
}

.kontakt .footer-contact-block__content,.kontakt .footer-contact-block__content a,.kontakt .footer-time,.kontakt .txt-contact
	{
	color: #fff
}

.kontakt #epresta-co-zrobilismy {
	padding-bottom: 2rem
}

.s-cta {
	padding-top: 12rem;
	background-color: #fff;
	font-size: 2.2rem;
	line-height: 1.818;
	text-align: center
}

.s-cta h2 {
	margin-top: 0
}

.cta-content {
	max-width: 800px
}

.cta-content .btn {
	max-width: 600px
}

@media screen and (max-width:800px) {
	.s-cta {
		font-size: 2rem
	}
	.cta-content {
		max-width: 600px
	}
}

@media screen and (max-width:600px) {
	.s-cta {
		font-size: 1.8rem
	}
}

.s-footer {
  padding-top: 6rem;
  padding-bottom: 5rem;
  background-color: #151034;
  position: relative;
  background-image: url(../images/firmamaska2.jpg);
}

.ss-copyright {
  z-index: 2;
  position: relative;
  text-align: center;
  padding: 10rem 0 4rem;
  color: rgba(255,255,255,0.5);
}

.ss-copyright a {
  color: rgba(255,255,255,0.5);
}

.ss-copyright a:focus,.ss-copyright a:hover {
	color: #3d2e90
}

.ss-copyright span {
	font-size: 1.5rem;
	display: inline-block
}

.ss-copyright span::after {
	content: "|";
	display: inline-block;
	padding: 0 .8rem 0 1rem;
	color: rgba(255, 255, 255, .1)
}

.ss-copyright span:last-child::after {
	display: none
}

.ss-go-top {
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 200%, 0);
	transform: translate3d(0, 200%, 0);
	-webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
	transition: all .5s cubic-bezier(.215, .61, .355, 1);
	position: fixed;
	bottom: 8.4rem;
	right: 8rem
}

.ss-go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	height: 6.4rem;
	width: 6.4rem;
	border-radius: 50%;
	background-color: #cfe7e9;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative
}

.ss-go-top a.contact {
	background-image: url(../images/svg/mail.svg);
	background-size: 40%;
	margin-top: 1rem
}

.ss-go-top a:focus,.ss-go-top a:hover {
	background-color: #3d2e90
}

.ss-go-top svg {
	height: 1.2rem;
	width: 1.2rem;
	position: absolute;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	left: 50%;
	top: 50%
}

.ss-go-top svg path {
	fill: #fff
}

.ss-go-top.link-is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@media only screen and (min-width:1201px) and (max-width:1440px) {

	.s-about__section--profile {
		padding-bottom: 12rem
	}
}




@media screen and (max-width:600px) {
	.ss-copyright span {
		display: block
	}
	.ss-copyright span::after {
		display: none
	}
	.ss-go-top {
		right: 2.4rem;
		bottom: 4rem
	}

}



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

	.display-1,.display-2,.s-getintouch h2.display-2 {
		font-size: 3.5rem
	}
	#epresta-co-zrobilismy .label-1 h2.label,.label-1 h1.label {
		font-size: 3rem;
		line-height: 1.25
	}
	.kontakt .hero-content {
		padding-top: 20vh
	}
	#realizacja-projektu {
		min-height: 975px
	}
	.h3,h3 {
		font-size: 2.6rem;
		letter-spacing: -.04rem
	}
}

@media screen and (max-width:800px) {
	.header-logo img.full {
		display: none
	}
	.header-logo img.mobile {
		display: block
	}
	.txt-contact {
		display: none
	}
	.s-header.sticky.scrolling {
		display: block
	}
	.s-header.sticky {
		background-color: transparent;
		opacity: 0;
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		display: block
	}
	.s-header.sticky .header-menu-toggle {
		left: 155px;
		background: #fff;
		top: 0;
		height: 8rem
	}
	.s-header.sticky .header-logo {
		background: #3d2e90;
		padding: 22px 40px !important;
		left: 0;
		height: 8rem;
		top: 38px
	}
	.s-header.sticky .header-logo img {
		width: 75px
	}
	.s-header.sticky .header-menu-toggle span {
		background-color: #222
	}
	.s-header.sticky .header-menu-toggle.is-clicked span {
		background-color: rgba(0, 0, 0, 0)
	}
	.s-header.sticky .header-menu-toggle.is-clicked span:after,.s-header.sticky .header-menu-toggle.is-clicked span:before
		{
		background-color: #222
	}
	.oferta-txt {
		padding: 0 16px
	}
}

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

	#realizacja-projektu h3 {
		font-size: 2rem
	}

	.s-footer .display-1 {
		font-size: 2.4rem !important;
		font-weight: 700;
		line-height: 1.2
	}
	.footer-right .footer-contacts {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 3rem !important;
		padding-top: 6rem !important
	}
	.footer-email-us a.btn--primary {
		padding-left: 0;
		padding-right: 0;
		width: 100%
	}
	.device .s-header {
		margin-bottom: 14rem
	}
	.cms .cms-article h3 {
		margin: 4rem 0 3rem;
		font-size: 3rem !important
	}
	.cms .cms-article p.mb-0 {
		margin-bottom: 0
	}
	ul.grey li::before {
		top: 16px
	}
}

@media screen and (max-width:400px) {
	.cms-article.left .demo-right,.cms-article.right .demo-right {
		padding-left: 0;
		padding-right: 0
	}
}