.ie-old-browser {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 130px;
	background-color: yellow;
	padding: 10px;
	z-index: 123;
}

.gallery-container {
	display: flex;
	flex-wrap: wrap;
}

.gallery-container a:focus {
	outline: none;
}

.gallery-container figure {
	display: inline-block;
	width: calc((100% / 4) - 5px);
	margin: 2px;
}

.gallery-container figure a {
	display: inline-block;
	width: 100%;
}

@media print {
	a[href]:after {
		content: none !important;
	}
}

.gallery-container figure a img {
	width: 100%;
}

.owl-carousel .owl-item img {
	width: initial;
}

.cookieConsent {
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: hsla(207, 46%, 39%, 0.7);
	color: #fff;
	width: 100%;
	padding: 12px;
	z-index: 2000;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
}

.cookieConsent a {
	color: #ffffff;
	display: inline-block;
	text-decoration: underline;
	margin: 0 15px;
	text-transform: uppercase;
	font-size: 12px;
}

a.closeCookieConsent {
	background-color: #fff0;
	display: inline-block;
	text-align: center;
	color: #ffffff;
	margin: 0;
	border-radius: 0;
	text-decoration: none;
	padding: 4px 14px;
	border-color: #ffffff;
	border: 2px solid;
	font-weight: 600;
}

a.closeCookieConsent:hover {
	background-color: #366892;
	color: #fff;
}

.gdpr-error {
	background-color: #59a7b4;
	text-align: center;
	color: #fff;
	padding: 20px;
	display: block;
	margin: 0 auto;
	width: 50%;
	display: none;
	margin-bottom: 20px;
}

.logo-header img {
	max-height: 40px;
}

header .main-bar {
	background-color: rgb(46, 89, 125);
}

.header-nav .nav>li>a {
	color: #fff;
}

.banner-curv:after {
	bottom: -1px;
}

.img-half-bx img {
	box-shadow: 0 0 35px 0 rgba(53, 112, 162, 0.3);
}

.home-map-section iframe {
	width: 100%;
	border: none;
	height: 600px;
	margin-bottom: -6px;
}

footer.is-home:before {
	display: none;
}

p.quotes-it-works {
	font-size: 24px;
	text-align: center;
	transition: all .5s linear;
	padding: 50px 0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}

p.quotes-it-works.selected {
	filter: blur(5px);
	color: #fff;
}

p.quotes-it-works strong {
	font-weight: 600;
}

.quotes-wrapper {
	text-align: center;
	display: inline-block;
	min-height: 80px;
	/* position: relative; */
	display: table;
	position: relative;
	width: 100%;
}


/* The typing effect */

@keyframes typing {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}


/* The typewriter cursor effect */

@keyframes blink-caret {
	from,
	to {
		border-color: transparent
	}
	50% {
		border-color: #366892;
	}
}

a.button {
	margin: 0 5px 10px;
	text-transform: uppercase;
	background-color: #282A3C;
	color: #fff!important;
}

a.button:after {
	transform: skewX(0);
	-o-transform: skewX(0);
	-ms-transform: skewX(0);
	-webkit-transform: skewX(0);
	-moz-transform: skewX(0);
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	width: 0;
	z-index: -1;
}

a.button:hover {
	background-color: #3c3e4e;
	color: #fff;
}

a.button:hover:after {
	background-color: #fff;
}

a.button.active {
	background-color: #366892;
}

sup.sup-external-link {
	font-size: 8px;
	margin-left: 2px;
}

.nomoreresults {
	margin: 20px 0;
	text-align: center;
}

.portfolio-categories-full {
	display: inline;
}

.portfolio-all span i {
	margin-left: 5px;
}

.back-to-portfolio i {
	margin-right: 5px;
}

.dlab-bnr-inr.bg-pt,
.bg-pt .portfolio-background-header {
	background-position: center;
}

.about-service .icon-bx-wraper:hover a {
	color: #d4d4d4;
}

.header-transparent .main-bar {
	border-bottom: none;
}

div#instafeed {
	display: flex;
	flex-wrap: wrap;
}

div#instafeed a {
	flex-grow: 1;
	width: 31%;
	margin: 1%;
}


/* hero slider homepage */

.hero-slider-wrapper {
	background-image: url(/template/default/assets/images/main-slider/web-development-programming-bg.jpg);
	background-size: cover;
	background-position: bottom;
}

.hero-slider-wrapper .inner {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#47a0e9+1,225e90+100 */
	background: #47a0e9;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(71, 160, 233, 0.85) 1%, rgba(34, 94, 144, 0.85) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(71, 160, 233, 0.85) 1%, rgba(34, 94, 144, 0.85) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(71, 160, 233, 0.85) 1%, rgba(34, 94, 144, 0.85) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a0e9', endColorstr='#225e90', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.hero-slider-wrapper .inner2 {
	background-image: url(/template/default/assets/images/curv.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 101%;
}

.cd-background-wrapper {
	position: relative;
	overflow: hidden;
	-webkit-perspective: 4000px;
	perspective: 4000px;
}

.cd-floating-background {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.cd-floating-background.is-absolute {
	position: absolute;
}

.cd-floating-background img {
	display: block;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* fixes a Firefox bug - images not correctly rendered*/
	background-color: rgba(255, 255, 255, 0.01);
}

.cd-floating-background img {
	position: absolute;
	/* top: 0; */
	/* left: 0; */
	-webkit-transform: translateZ(100px);
	-ms-transform: translateZ(100px);
	transform: translateZ(100px);
}

.cd-floating-background img:first-child {
	-webkit-transform: translateZ(50px);
	-ms-transform: translateZ(50px);
	transform: translateZ(50px);
}

.cd-floating-background img:nth-child(2) {
	-webkit-transform: translateZ(290px);
	-ms-transform: translateZ(290px);
	transform: translateZ(490px);
}

.cd-floating-background img:nth-child(3) {
	-webkit-transform: translateZ(400px);
	-ms-transform: translateZ(400px);
	transform: translateZ(400px);
}

.no-preserve-3d .cd-floating-background {
	/* we target browsers that don't support preserve-3d and show just a standard image - no effect visible */
	position: relative;
}

.hero-slider-wrapper .inner3 {
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	height: 100%;
}

.hero-slider-wrapper .inner5 {
	position: relative;
	top: 28%;
	transform: translateY(-50%);
	text-align: center;
	width: 55%;
	margin: 0 auto;
	/* padding-right: 28px; */
}

img.flake {
	width: 50px;
}

.hero-slider-wrapper img.logo-big {
	width: 270px;
	position: relative;
	margin: 0 auto;
	animation: floatslow 12s linear infinite;
}

.hero-slider-wrapper img.it-works {
	position: relative;
	animation: floatslow 10s linear infinite;
}

.hero-slider-wrapper img.flake.flake1 {
	top: 5%;
	left: -11%;
}

.hero-slider-wrapper .inner4 {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.hero-slider-wrapper img.it-works {
	width: 100px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 50px;
}

.hero-slider-wrapper .boxes {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	min-height: 400px;
}

.hero-slider-wrapper img.box.box1 {
	top: -110px;
	max-width: initial;
	animation: floatslowest 15s linear infinite;
}

.hero-slider-wrapper img.box.box2 {
	width: 80%;
	top: -55px;
	max-width: initial;
	animation: floatslowest 15s linear infinite;
	margin: 0 auto;
	position: relative;
}

.hero-slider-wrapper a {
	margin: 0 10px;
}

.hero-slider-wrapper a {
	margin: 0 10px;
}

.hero-slider-wrapper img.flake.flake2 {
	left: 80%;
	top: 40%;
	animation: float 6s linear infinite;
}

.hero-slider-wrapper img.flake.flake3 {
	left: 50%;
	top: 77%;
	animation: float 8s linear infinite;
}

.hero-slider-wrapper img.flake.flake4 {
	left: 103%;
	top: 80%;
	animation: float 10s linear infinite;
}

.hero-slider-wrapper img.flake.flake1.second {
	left: 14%;
	width: 30px;
	animation: float 6s linear infinite;
	top: 34%;
}

.hero-slider-wrapper img.flake.flake3.second {
	left: -7%;
	width: 20px;
	animation: float 12s linear infinite;
	top: 69%;
}

@keyframes float {
	0% {
		transform: translate(0%, 0%);
	}
	25% {
		transform: translate(5%, 15%);
	}
	50% {
		transform: translate(0%, 0%);
	}
	75% {
		transform: translate(-5%, -15%);
	}
	100% {
		transform: translate(0%, 0%);
	}
}

@keyframes floatslow {
	0% {
		transform: translate(0%, 0%);
	}
	25% {
		transform: translate(2%, 5%);
	}
	50% {
		transform: translate(0%, 0%);
	}
	75% {
		transform: translate(-2%, -5%);
	}
	100% {
		transform: translate(0%, 0%);
	}
}

@keyframes floatslowest {
	0% {
		transform: translate(0%, 0%);
	}
	25% {
		transform: translate(1%, 3%);
	}
	50% {
		transform: translate(0%, 0%);
	}
	75% {
		transform: translate(-1%, -3%);
	}
	100% {
		transform: translate(0%, 0%);
	}
}

.hero-slider-wrapper .logo-box {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}

.hero-slider-wrapper .flakes {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	height: 400px;
}

.hero-slider-wrapper .buttons {
	width: 100%;
	height: 350px;
}

.hero-slider-wrapper .buttons a {
	margin-top: 160px;
}

.hero-slider-wrapper .buttons a {
	margin-top: 15px;
}


/* hero slider homepage */

iframe.full-screen-preview__frame {
	width: 100%;
	background-color: white;
}

.full-screen-preview {
	height: 100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.preview-header {
	padding: 8px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#225e90+0,47a0e9+99 */
	background: #225e90;
	background: -moz-linear-gradient(-45deg, #225e90 0%, #47a0e9 99%);
	background: -webkit-linear-gradient(-45deg, #225e90 0%, #47a0e9 99%);
	background: linear-gradient(135deg, #225e90 0%, #47a0e9 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225e90', endColorstr='#47a0e9', GradientType=1);
}

.preview-header .logo img {
	width: 100px;
}

.preview-header .logo {
	float: left;
}

a.remove-frame {
	margin-left: 45px;
	color: #fff;
	padding: 10px 5px;
}

a.remove-frame span {
	opacity: 0.8;
}

a.remove-frame:hover>span {
	opacity: 1;
}

.overlay-primary:after {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#225e90+0,47a0e9+99 */
	background: #225e90;
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, #225e90 0%, #47a0e9 99%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #225e90 0%, #47a0e9 99%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #225e90 0%, #47a0e9 99%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#225e90', endColorstr='#47a0e9', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.icon-bx-wraper.expertise {
	background-color: rgba(0, 0, 0, 0.02);
	border: 2px solid rgba(0, 0, 0, 0);
	border-radius: 13px;
	transition: all .1s linear;
}

.icon-bx-wraper.expertise:hover {
	box-shadow: 0px 1px 3px #00000038;
	scale: 1.1;
}

.owl-nav.disabled {
	display: none;
}

.client-logo-carousel img {
	max-height: 55px;
	display: inline-block!important;
}

.client-logo-carousel .br-col-b1 a {
	text-align: center;
	display: block;
}

.dlab-bnr-inr.dlab-bnr-inr-sm {
	height: 350px;
}

.contact-page {
	margin-bottom: -50px;
}

p {
	min-height: 14px;
}

.overlay-primary-dark a {
	color: #fff;
}

.footer-bottom .widget-link {
	line-height: 40px;
}

.footer-top .widget .post-title {
	font-weight: initial;
}

.footer-top a:hover {
	opacity: .8;
}

.shop-account textarea.form-control {
	padding: 15px 20px;
}

.form-group small.label-small {
	display: block;
}

.additional-fields-toggle {
	display: inline-block;
	padding: 5px;
	border-radius: 0;
	transition: all .2s linear;
	user-select: none;
}

.additional-fields-toggle:hover {
	background-color: #efefef;
	cursor: pointer;
	border-radius: 9px;
}

.additional-fields-toggle .icon i {
	font-size: 14px;
	top: -2px;
	position: relative;
	display: inline-block;
	transition: all .2s linear;
}

.additional-fields-toggle.open>.icon i {
	transform: rotate(90deg);
}

.additional-fields {
	max-height: 0;
	overflow: hidden;
	transition: all .2s linear;
}

.additional-fields-wrap.open>.additional-fields {
	max-height: 300px;
}

.additional-fields-toggle:after {
	content: "\203A";
	margin-left: 5px;
	display: inline-block;
	transition: all .1s linear;
}

.additional-fields-toggle.open:after {
	transform: rotate(90deg);
}

div#zadanieResult {
	text-align: center;
}

#zadanie.loading.done {
	display: none;
}

#zadanie.loading {
	opacity: .5;
	z-index: -5;
}

.chosesus-content p {
	color: #c5c5c5;
}

.text-primary .icons8 {
	filter: brightness(0.15);
	transition: all .2s linear;
}

a.link-g-maps {
	font-weight: 600;
}

.dlab-box-bg .icons8 {
	width: 64px;
}

.dlab-box-bg.active .text-primary .icons8 {
	filter: none;
}

footer .post-title a {
	line-height: 20px;
}

.blog-single p {
	text-align: justify;
}

p a {
	color: #366892;
	font-weight: 600;
}

.overlay-bx p {
	font-size: 16px;
	line-height: 18px;
}

.overlay-bx h5 {
	font-size: 16px;
	margin-bottom: 0;
}

.box-item-service:hover .item-service-content a {
	color: #fff;
}

.site-button .portfolio-categories-txt {
	display: none;
}

.icon-lg.has-logo {
	width: 200px;
}

.footer-services-cta {
	padding-top: 40px;
	padding-bottom: 20px;
}

.footer-services-cta .section-head {
	margin-bottom: 10px;
}

.footer-services-cta h5.dlab-tilte {
	font-size: 14px;
}

.footer-services-cta .icon-bx-wraper {
	padding: 20px;
}

.client-box a {
	height: 120px;
	display: block;
	text-align: center;
}

.client-box a img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-height: 50px;
	max-width: 90%;
}

.client-box {
	margin-bottom: 10px;
}

img.client-logo-single {
	max-width: 250px;
	margin-bottom: 15px;
}

.blog-single li {
    text-align: justify;
}



/* !!!!!!!!!!!!!!!! RESPONSIVE MEDIA QUERIES BELOW !!!!!!!!!!!!!! */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	textarea,
	input.text,
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	input[type="button"],
	input[type="submit"] {
		webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 16px;
		outline: none;
		box-shadow: none;
		/* border-radius: 0;
         */
	}
}

@media (max-width: 350px) {
	.preview-header .logo img {
		width: 80px;
	}
	.site-button {
		padding: 6px 12px;
	}
}

@media (max-width: 400px) {
	.hero-slider-wrapper .buttons {
		margin-top: 55%;
	}
}

@media (min-width: 376px) and (max-width: 767px) {
	.hero-slider-wrapper .inner5 {
		top: 22%;
	}
	/* HERO SLIDER PARALLAX */
	.hero-slider-wrapper img.box.box1 {
		top: -68px;
	}
	.hero-slider-wrapper img.box.box2 {
		top: -38px;
	}
	.hero-slider-wrapper img.logo-big {
		width: 200px;
	}
	.hero-slider-wrapper .logo-box {
		margin-top: -10px;
	}
	.hero-slider-wrapper .buttons a {
		margin-top: 20px;
	}
	.hero-slider-wrapper .buttons a {
		margin-top: 170px;
	}
	.site-button.btn-icon {
		padding: 17px 65px 19px 16px;
	}
	.hero-slider-wrapper .inner5 {
		top: 27%;
	}
	.hero-slider-wrapper .inner2 {
		background-size: 200%;
	}
	/* HERO SLIDER PARALLAX */
}

@media (max-width: 767px) {
	.hero-slider-wrapper .inner5 {
		top: 22%;
	}
	.hero-slider-wrapper .inner5 {
		width: 90%;
	}
	.hero-slider-wrapper img.logo-big {
		width: 200px;
	}
	.hero-slider-wrapper .logo-box {
		margin-top: 24px;
	}
	.site-button.btn-icon {
		padding: 17px 65px 19px 16px;
	}
	.hero-slider-wrapper .inner2 {
		background-size: 200%;
	}
}

@media (min-width: 767px) and (max-width:1024px) {
	.portfolio-categories a {
		margin: 2px;
		font-size: 12px;
		padding: 12px;
	}
	.portfolio-categories a span {
		font-size: 12px;
	}
}

@media (max-width:1023px) {
	a.remove-frame {
		margin-left: 15px;
	}
	.remove-frame span {
		display: none;
	}
	.hero-slider-wrapper img.box.box1,
	.hero-slider-wrapper img.box.box2 {
		top: 0;
	}
	.hero-slider-wrapper img.box.box1 {
		top: -20px;
	}
	.portfolio-categories a {
		display: block;
	}
	.portfolio-categories {
		background-color: #366892;
	}
	.portfolio-categories-full {
		max-height: 0;
		overflow: hidden;
		transition: all .5s linear;
		display: block;
	}
	a.portfolio-all {
		margin: 0;
	}
	.portfolio-categories:hover>.portfolio-categories-full {
		max-height: 3000px;
	}
	.portfolio-categories-full a {
		background-color: transparent;
	}
	.sort-title-bx:after {
		font-size: 35px;
	}
	.header-gradient .header-nav .nav>li:hover>a,
	.header-gradient .header-nav .nav>li.active>a {
		color: #797979;
	}
	ul:not(.row),
	ol:not(.row) {
		padding-left: 10px;
	}
	footer ul {
		padding-left: 5px;
	}
	blockquote:before {
		font-size: 16px;
		left: 10px;
		top: 0px;
	}
	blockquote {
		padding: 16px 20px 16px 30px;
	}
	blockquote p {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.section-full .dlab-box .dlab-img-overlay1:before {
		opacity: 0.8;
	}
	.section-full .dlab-box .overlay-bx {
		opacity: 1;
		visibility: visible;
	}
	.site-button .portfolio-categories-txt {
		display: initial;
	}
/* 	.site-button .portfolio-all-txt {
		display: none;
	} */
	.footer-top {
		padding-top: 60px;
	}
}

@media (min-width: 1024px) and (max-width:1365px) {
	.hero-slider-wrapper img.box.box2 {
		/* left: -40px; */
	}
	.hero-slider-wrapper img.box.box1 {
		/* left: -90px; */
	}
}

@media (min-width: 1024px) {
	.hero-slider-wrapper .buttons {
		margin-top: 35%;
	}
}