html,
body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Trebuchet MS, sans-serif;
	font-size: 1.05em;
	line-height: 1.4em;
	color: #6e6e6e;
	color: #646464;
	color: #626262;
	color: #4a4a4a;
}

	.txt-lg {
		font-size: 1.8em;
	}

	.txt-sml {
		font-size: 0.8em;
	}

@font-face {
	font-family: Comic Sans MS;
	src: url(../fonts/comicbd.ttf);
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #585757;
	transition: color 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
	-webkit-transition: color 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
}

	a:hover {
		color: #2d2d2d;
	}

	a:active {
		color: #2d2d2d;
	}

	.txt-block a,
	.txt-block-nf a,
	.accordion-container .panel a {
		display: inline-block;
		color: #6231a4;
		font-weight: bold;
		text-decoration: underline;
		transition: color 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
		-webkit-transition: color 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);
	}

		.clients.txt-block a {
			display: block;
		}

		.txt-block a.display-unset {
			display: unset;
		}

		.txt-block a:hover,
		.txt-block-nf a:hover {
			color: #3E0191;
		}

			.txt-block a:after,
			.txt-block-nf a:after,
			.services-container a:after,
			.accordion-container .panel a:after {
				display: block;
				margin-top: -5px;
				content: '';
				border-bottom: 2px solid #3E0191;  
				transform: scaleX(0);  
				transition: transform 250ms ease-in-out;
			}

				.txt-block a:hover:after,
				.txt-block-nf a:hover:after,
				.services-container a:hover:after,
				.accordion-container .panel a:hover:after {
					transform: scaleX(1);
					transform-origin:  0% 50%;
				}

				.txt-block a.cl-logo:after,
				.cta-elements .anchor:after,
				.cta-elements .skills-container .box-img:after,
				.services-content .box-img:after {
					content: none;
				}

	header h1 a,
	header .h1 a {
		display: inline-block;
		margin-top: 0.8em;
		color: #999;
		color: #444444;
		color: #545454;
		font-size: 1.3em;
	}

		.header-slogan {
			display: block;
			color: #747373;
			color: #6e6e6e;
			font-size: 0.65em;
			line-height: 25px;
		}

			header h1 a:hover,
			header .h1 a:hover {
			color: #2e2e2e;
			}

			header h1 a:active,
			header .h1 a:active {
				font-size: 0.9em;
			}
	
	.ai-content a {
		display: inline-flex;
		padding: 6px 15px;
		border: 1px solid #adadb2;
		border-radius: 999px;
	}

p {
	margin: 0 0 1.4em;
}

	.description-sentence {
		margin-left: 1.2em;
	}

		.txtpage .process-container .description-sentence {
			margin-left: 0.5em;
			margin-right: 0.5em;
		}

	.faq-content p {
		margin-bottom: 0.9em;
	}

		.faq-content p.mrgn-btm-nn {
			margin-bottom: 0;
		}

	.cta-container p {
		margin: 0.8em 0;
	}

	.pre-footer-container.cta-elements p {
		margin: 0 0 1.4em 1.7em;
	}

strong {
	color: #403f3f;
}

ul {
	padding-inline-start: 0;
}

ul,
li {
	list-style-type: none;
}

	.txt-block ul,
	.txt-block li {
		list-style-type: disc;
	}

		.gallerypage .txt-block ul,
		.gallerypage .txt-block li,
		.cta-container .txt-block li,
		.sitemap .txt-block li,
		.accent-container li,
		.accent-list-items-container li {
			list-style-type: none;
		}

		.cta-container .txt-block .frames ul,
		.accent-container ul {
			padding: 20px;
			padding: 12px 18px;
			border-radius: 20px 0 20px 0;
			border-radius: 20px 20px 20px 0;
		}

			.cta-container .txt-block .frames li,
			.accent-container li {
				margin: 17px 14px;
				padding: 6px 11px 4px;
				border-radius: 10px 0 10px 0;
			}

				.cta-container .txt-block .frames li.one-line,
				.accent-container li.one-line {
					margin: 13px 9px;
					padding: 12px 19px 10px;
				}

				.accent-container li {
					padding: 7px 21px 5px 17px;
				}

	.services-container ul {
		padding-inline-start: 0;
	}

		.services-container .skills-content ul {
			padding-inline-start: 2.5em;
		}

		.services-container .accent-container ul {
			padding-inline-start: 18px;
		}

	li {
		margin: 0 0 0.7em;
	}

		.skills-container li {
			margin: 0 0 0.3em;
		}

			.skills-container .information li {
				margin: 0 0 0.7em;
			}

			.skills-container .accent-container li {
				margin: 17px 14px;
			}

.accent-list-item,
.skills-container .information li.accent-list-item {
	border-radius: 1em;
	padding: 2em;
	margin: 1.5em 0;
}

iframe,
video {
	width: 100%;
}

.cta-color,
.cta-color a {
	display: inline-block;
	color: #8a61c3;
	font-weight: bold;
}

	.cta-color a {
		color: #6231a4;
	}

		.cta-color a:hover {
			color: #3e0191;
		}

			.cta-color a:after {
				display:block;
				content: '';
				border-bottom: 2px solid #4b0da0;
				transform: scaleX(0);
				transition: transform 250ms ease-in-out;
			}

				.cta-color a:hover:after {
					transform: scaleX(1);
					transform-origin:  0% 50%;
				}

.word-break {
	word-break: break-all;
}

.list-item {
	margin: 0 0 3em;
}

.anchor {
	display: block;
	cursor: unset;
}

.mrgn-nn {
	margin: 0 !important;
}

	.line.mrgn-nn {
		margin: 1px 0 !important;
	}

.mrgn-nn {
	margin: 0;
}

.mrgn-btm-nn {
	margin-bottom: 0 !important;
}

.txt-cntr {
	text-align: center;
}

.txt-rgth {
	text-align: right;
}

.hide-mbl {
	display: none;
}

.spaser5 {
	height: 5px;
}

	.spaser20 {
		height: 20px;
	}

.clr {
	clear: both;
}

.sitemap .heading {
	margin: 1em 0 0;
}

.sitemap .content .row div {
	padding: 0 1em 0;
}

.subheading-note {
	margin-top: -2em;
	margin-left: 5.8em;
	font-style: italic;
	font-size: 14px;
}

.txtpage h1,
.txtpage h2,
.txtpage h3,
.txtpage h4,
.txtpage h5,
.txtpage h6,
.home h2 {
	margin: 5em 0 2em 1em;
	color: #403f3f;	
	color: #3c3c3c;	
	font-size: 1.3em;
	font-size: 1.5em;
	line-height: 1.3em;
	}

	.txtpage h1,
	.home h2 {
		margin: 0 0 2em 1em;
	}

		.home h3 {
			margin: 5em 0 2em 1em;
		}

	.inner-heading h3,
	.txtpage .inner-heading h3 {
		display: inline;
		margin: 0;
		font-size: 1.1em;
	}

	.txtpage h3.project-heading {
		display: inline;
		margin: 0;
		font-size: 1.05em;
		line-height: 1.4em;
	}

	.cta-elements .services-container h2,
	.cta-elements .faq-container h2,
	.cta-elements .testimonials-container h2,
	.cta-elements .portf-container h2 {
	    margin: 0 0 0.8em 0.7em;
	}

	.cta-container h1,
	.cta-container h6,
	.txtpage .cta-container h6 {
		margin: 0;
		font-size: 1.6em;
		font-size: 1.8em;
		line-height: 27px;
	}

	header h1,
	header .h1 {
		margin: 0;
		width: 100%;
		font-size: 0.6em;
		font-weight: bold;
		line-height: 1.1em;
		text-align: center;
	}

	.txtpage .services-container h3 {
		margin: 1em 0 0 0;
		font-size: 1.15em;
		padding-inline-start: 2.5em;
	}

		.txtpage .services-container h4 {
			margin: 10px 0 0 0;
			font-size: 1.2em;
		}

		.txtpage .skills-container h3 {
			margin: 0;
		}

		.txtpage .information h3 {
			text-align: left;
		}

	.txtpage .process-container h2 {
	    margin: 0 0 1em 0.3em;
	}

		.txtpage .process-container .the-result h2 {
			margin: 0.5em 0 1em 1em;
		}

		.txtpage .process-container .the-result ul {
			    margin: 0 0.6em 2em 1.6em;
		}

		.pre-footer-container.cta-elements .description ul {
			margin: 1em 0.6em 1.5em 0;
		}

	.pre-footer-container.cta-elements h6 {
		margin: 1em 0 1em 0;
		font-size: 1.5em;
		line-height: 25px;
	}

.ai-heading {
	font-size: 0.85em;
	text-align: center;
}

.txtpage h1 span,
.txtpage h2 span,
.txtpage h3 span,
.txtpage h4 span,
.txtpage h5 span,
.txtpage h6 span,
.home h2 span,
.home h3 span,
.cta-container h6 span {
	display: block;
	margin: 2em 0 0;
    color: #445676ad;
	font-size: 0.55em;
	font-size: 13px;
	font-weight: normal;
    font-weight: bold;
	line-height: 5px;
	text-transform: uppercase;
}

	.txtpage h1 span {
		line-height: 13px;
	}

	.txtpage span.mrgn-lft1,
	.home span.mrgn-lft1 {
		margin: 2em 0 0 1px;
	}

	.txtpage .process-container span {
		margin: 0;
	}

		.txtpage .cta-prefooter span,
		.txtpage .testimonials-container span,
		.txtpage .services-container span,
		.txtpage .pre-footer-container .process-container span,
		.txtpage .process-container .the-result span,
		.txtpage .portf-container span,
		.txtpage .faq-container span,
		.txtpage .faq-container span.arrow {
			margin: 0 10px 0 0;
		}

	.pre-footer-container.cta-elements h6 {
		line-height: 30px;
	}

.txtpage span.mrgn-lft2,
.home span.mrgn-lft2 {
	margin: 2em 0 0 2px;
}

.txtpage span.mrgn-lft3,
.home span.mrgn-lft3 {
	margin: 2em 0 0 3px;
}

.txtpage span.mrgn-lft4,
.home span.mrgn-lft4 {
	margin: 2em 0 0 4px;
}

.txtpage span.mrgn-lft5,
.home span.mrgn-lft5 {
	margin: 2em 0 0 5px;
}

.txtpage span.mrgn-lft6,
.home span.mrgn-lft6 {
	margin: 2em 0 0 6px;
}

.row {
	display: grid;
}

	.row2 {
		grid-template-columns: repeat(1, 1fr);
		margin: 0.5em;
		gap: 1em;
	}

		.row2-cntr {
			align-items: center;
		}

		.listingpage .services-container .box-container .row2 {
			padding: 2.5em;
			grid-template-columns: repeat(1, 1fr);
			margin-bottom: 0;
		}

			.listingpage .skills-container .box-container .row2 {
				padding: 0;
			}

		.follow.row2 {
			grid-template-columns: repeat(2, 1fr);
			display: inline-table;
		}

		.intro .row2 {
			grid-template-columns: repeat(1, 1fr);
		}

			.intro .row2 .excerpt-col-1 {
				width: 40%;
			}

			.intro .row2 .img-container {
				margin: 0 0 0 1.2em;
				padding: 4px;
				border-radius: 12px;
			}

		.cta-container-rght .row2 {
			align-items: center;
		}

		.ai-content .row2 {
			gap: 0;
		}

	.row3 {
		grid-template-columns: repeat(3, 1fr);
		margin: 0.8em 2em;
	}

		header .row3 {
			grid-template-columns: 20% auto 20%;
		}

		.clients-gallery.row3 {
			grid-template-columns: repeat(1, 1fr);
		}

		.branding .clients-logos.row3 {
			grid-template-columns: repeat(2, 1fr);
			margin: 0.8em 1em 0.8em 0em;
		}

		.row3.listing.information,
		.row3.listing.services-content {
			grid-template-columns: repeat(1, 1fr);
		}

			.row3.listing.services-content {
				margin: 0.8em 0;
			}

			.row3.listing.services-content .col {
				margin-bottom: 2em;
			}

		.skills-container .row3 {
			grid-template-columns: repeat(1, 1fr);
			gap: 0.5em;
			margin: 1.5em 0;
		}

			.skills-container .row3.information {
				align-items: stretch;
				margin: 1.7em 0 0;
			}

				.skills-container .row3 .col {
					align-items: center;
					vertical-align: middle;
				}

				.skills-container .row3.information .col {
					align-items: stretch;
				}

					.skills-container .row3.information .box-container {
						display: flex;
						flex: 1;
					}

					.skills-container .row3.information .box {
						display: flex;
						flex: 1;
					}

					.skills-container .row3.information .box-border {
						flex: 1;
						align-items: start;
					}

		.testimonials-container .row3 {
			margin: 0;
		}

		.ai-container .row3 {
			grid-template-columns: repeat(1, 1fr);
			gap: 0.8em;
		}

		footer .row3 {
			margin: auto;
		}

	.row4 {
		grid-template-columns: repeat(4, 1fr);
	}

		.clients-gallery.row4 {
			grid-template-columns: repeat(2, 1fr);
		}

		.row4.follow-inner {
			margin: 0 auto;
		}

		.cta-elements .row4.portf-gallery,
		.sitemap main .row4 {
			grid-template-columns: repeat(1, 1fr);
		}
	
	.row5 {
		grid-template-columns: repeat(1, 1fr);
		margin: 0.8em 2em;
	}
	
		.clients .row5 {
			grid-template-columns: repeat(2, 1fr);
			margin: 0.2em 0.6em 0 0.2em;
		}
	
		.row5.follow-inner {
			margin: 0 auto;
			grid-template-columns: repeat(5, 1fr);
		}

	.row6 {
		grid-template-columns: repeat(6, 1fr);
		margin: 0.8em 0;
	}

		.row2.listing {
			align-items: stretch;
			margin: 0.5em 0 3em;
		}

			.row2.listing > .col {
				display: flex;
			}

			.row2.listing > .col > .box-container {
				display: flex;
				flex: 1;
			}

			.row2.listing .box {
				display: flex;
				flex: 1;
			}

			.row2.listing .box-border {
				flex: 1;
				align-items: start;
			}

		.row6.listing {
			grid-template-columns: repeat(1, 1fr);
			align-items: stretch;
			margin-bottom: 0;
			gap: 1em;
		}
			.row6.listing > .col {
				display: flex;
			}

			.row6.listing > .col > .box-container {
				display: flex;
				flex: 1;
			}

			.row6.listing .box {
				display: flex;
				flex: 1;
			}

			.row6.listing .box-border {
				flex: 1;
				align-items: start;
			}

	.row7 {
		grid-template-columns: repeat(3, 1fr);
		margin: 0.8em 0;
	}

.col {
    display: flex;
    align-items: stretch;
}

	.col.txt-container,
	.clients .col,
	.clients .col {
		display: block;
	}

	.follow-inner .col {
		margin: 0 0.3em;
	}

	.excerpt-box-2-5 .col,
	.excerpt-box-2-8 .col {
		align-items: start;
	}

	.ai-content .col {
		align-items: center;
		gap: 0.8em;
	}

		.artelie .ai-content .col {
			margin-bottom: 8px;
			color: #555;
			font-weight: normal;
		}

		.ai-content .col.first-child {
			gap: 0;
			justify-content: center;
			padding-right: 0.8em;
		}

		.ai-content .col a.col {
			gap: 0.3em;
		}

.bgr-grd {
    width: 100%;
	height: 100%;
}

.dot,
.line {
	display: inline-block;
	margin: 0 10px;
	width: 11px;
	height: 11px;
}

	.line {
		position: relative;
		display: block;
		margin: 6px 0;
		width: 100%;
		height: 7px;
	}

		.line-secondary {
			margin: 0 0 6px;
		}

		.line-btm {
			margin-top: 3.1em;
		}

		.line.cntr {
			width: 55%;
			margin-left: auto !important;
			margin-right: auto !important;
		}

	.slogan-container .dot {
		margin: 0;
	}

	.skills-container .dot {
		margin: 0 7px 0 6px;
	}

.separator {
	margin: 2em 0 2.5em;
	height: 1px;
}

		.ai-container .separator {
			margin: 2em 0 1em;
		}

	footer .separator {
		margin: 20px 0 15px;
	}

	.separator.listing {
		margin: 0;
	}

	.separator.rainbow {
		margin: 0;
	}

		.separator.rainbow.top {
			height: 2px;
		}

	.gallerypage .separator,
	.webdesign .img-container .separator,
	.recommendations .separator {
		margin: 2em 0;
	}

		.gallerypage .cta-elements .separator {
			margin: 0;
		}

	.faq-container .separator,
	.testimonials-container .separator {
		margin: 1.5em 0;
	}

	.main-nav .separator {
		margin: 1.3em 0;
	}
	
	.gallerypage .separator-sml {
		margin: 2em 0;
	}
	
	.gallerypage .slogan-container .separator {
		margin: 0;
	}

.separator-empty {
	height: 13px;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

.logo {
    z-index: 1000;
	width: 47px;
	height: 55px;
	margin-top: 4px;
}
	.logo:active {
		width: 43px;
	}

.logo img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

.nav {
	position: relative;
	width: 100%;
	height: 100%;
}

.links {
	display: none;
	-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

	.links.active {
		position: fixed;
		top: 0.5%;
		right: 4.4%;
		width: 92%;
		background: #ececf2;
	}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.links .inner {
    margin: 5em 2em;
}

.links ul,
.links li {
	margin: 0;
	padding: 0;
}

.links .menu a {
	display: block;
	margin: 0 0.35em;
    padding: 0.5em 1em;
	width: 100%;
	font-size: 0.8em;
	font-weight: bold;
}

	.links .menu.secondary a {
		margin: -0.5em 0.35em;
		padding: 0.3em 1em;
		font-size: 0.7em;
		font-weight: normal;
	}

		.links .menu a:hover,
		.links .menu a.current,
		.links .menu a.current:hover {
			color: #666;
		}

.icon-container {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.6em 0 0;
}

.icon {
	display: inline-block;
}

.bar1,
.bar2,
.bar3 {
	width: 33px;
	height: 5px;
	margin: 6px 0 5px;
    transition: 0.4s;
}

	.icon:active .bar1,
	.icon:active .bar2,
	.icon:active .bar3 {
		width: 30px;
		height: 4px;
	}

		.change .bar1 {
			-webkit-transform: rotate(-45deg) translate(-9px, 6px);
			transform: rotate(-45deg) translate(-9px, 6px);
		}

		.change .bar2 {
			opacity: 0;
		}

		.change .bar3 {
			-webkit-transform: rotate(45deg) translate(-8px, -8px);
			transform: rotate(45deg) translate(-8px, -8px);
		}

.submenu-container {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 5em 0 0;
	z-index: 1;
}

	.home .submenu-container {
		display: none;
	}

.submenu-container .wrapper {
	padding: 0;
}

.submenu-container nav {
	padding: 0 3px 6px;
	text-align: center;
}

.submenu-container .submenu-item {
	display: inline-block;
	padding: 0 0 0.5em;
}

.btn-container a,
.submenu-container .submenu-item a {
	display: flex;
	align-items: center;
	padding: 0.53em 1.0em 0.3em;
	color: #6f6e6e;
	color: #4a4a4a;
	font-size: 0.7em;
	text-transform: uppercase;
}

	.submenu-container .submenu-item.btn-top a {
		padding: 0.3em 0.5em 0.4em 0.9em;
	}

	.btn-container a {
		display: inline-block;
		margin: 0 0 2em 0;
		padding: 0.9em 3em 0.7em;
		background: #eaeaf1;
		font-size: 0.8em;
		text-decoration: none;
	}

		.btn-container:last-child {
			margin-bottom: 0;
		}

		.accordion-container .btn-container a {
			display: block;
			margin: 0 0 0 0;
			padding: 0.9em 1.2em 0.7em 2em;
		}

			.faq-container .accordion-container .btn-container a {
				display: flex;
				gap: 2em;
				font-size: 0.95em;
				line-height: 19px;
				text-transform: none;
			}

				.faq-container .accordion-container .btn-container a div {
					flex: 0 1 89%;
				}

				.faq-container .accordion-container .btn-container a span {
					flex: 0 1 11%;
				}

				.btn-container a:after {
					display: none;
				}

				.btn-container a.primary {
					font-weight: bold;
				}

					.services-content .btn-container a.primary {
						padding: 0.9em 2em 0.7em;
					}

				.accordion.btn-container a {
					font-size: 0.9em;
					text-transform: none;
					padding: 0.9em 0.2em 0.7em 1.2em;
					text-align: left;
					color: #4a4a4a;
				}

					.submenu-container .submenu-item a:hover,
					.btn-container a:hover,
					.submenu-container .submenu-item a:active,
					.btn-container a:active {
						color: #363636;
					}

.cta-elements .txt-block .recommendations .btns-container {
	text-align: right;
}

.services-content .secondary-link {
	display: block;
	text-align: center;
	margin: -20px 0 0 -2px;
	padding: 0 2em 0;
}

.wrapper-outer {
	padding-bottom: 0.1em;
}

	.wrapper-outer-first {
		padding-top: 0.5em;
	}

main .wrapper {
	position: relative;
	padding: 0 1em 0;
}

		main .wrapper.faq-container {
			margin-bottom: 3em;
		}

		main .wrapper.skills-container {
			width: auto;
			margin: 0;
		}

		main .wrapper .anchor {
			padding-top: 6em;
		}

			.about .wrapper .anchor,
			.artelie .wrapper .anchor {
				padding-top: 3.6em;
			}

				.about .wrapper .anchor-first,
				.artelie .wrapper .anchor-first {
					padding-top: 8em;
				}

			.notfound main .wrapper .anchor {
				padding-top: 8em;
			}

			main.submenupage .wrapper .anchor {
				padding-top: 8em;
			}

				main.submenupage.double-tab-nav .wrapper .anchor {
					padding-top: 13em;
				}

			main.submenupage .wrapper .anchor.anchor-in-cntnt {
				padding-top: 3.4em;
			}

				main.submenupage.double-tab-nav .wrapper .anchor.anchor-in-cntnt {
					padding-top: 6em;
				}

			main.submenupage.double-tab-nav .wrapper .cta-container .anchor {
				padding-top: 1em;
			}

	.artelie main .wrapper.ai-container {
		padding: 0;
	}

	main .wrapper.ai-content {
		align-items: center;
	}

	.home main .wrapper.wrapper-hero {
		padding-top: 1px;
		padding: 1px 0 0;
	}

.breadcrumb {
	position: relative;
}

.breadcrumb nav {
	position: absolute;
	margin: 8.5em 0 0 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	border-bottom: 1px solid #efeff4;
}

.breadcrumb-item {
	margin: 0 0.5em;
	font-size: 0.7em;
	color: #999;
}

.breadcrumb-item a {
	color: #999;
}

	.breadcrumb-item a:hover {
		color: #666;
	}

.box {
	margin: 0.5em 0;
	padding: 0.3em;
}

	.home .box {
		margin: 0.5em 0.5em 0;
	}

		.home .listing .box {
			margin: 0.5em 0 2em;
		}

	.cta-elements .skills-container .box {
		margin: 0.5em 0.5em 0;
		padding: 0.2em 0.2em;
	}

		.cta-elements .skills-container .information .box {
			margin: 0.5em 0.2em 0;
		}

	.cta-elements .process-container .box {
		padding: 2em 1.5em;
	}

	.box.bx-shd-inv-to-right-sm,
	.box.bx-shd-inv-to-left-sm {
		padding: 0;
	}

	.pre-footer-container.cta-elements .box {
		margin-bottom: 0;
	}

.box-border {
	margin: 1em 0;
}

	.home .box-border {
		margin: 0;
	}

.box-img {
	margin: 0 1em 1em;
	background: #e8e8ef;
}

	.home .box-img {
		margin: 0 0.8em 0.5em;
	}

	.cta-elements .services-container .box-img {
		margin: 1em auto 0;
		width: 63%;
	}

		.cta-elements .skills-container .box-img {
			display: block;
			width: 66%;
			margin: 1.3em auto 1em;
		}

.box-img img {
    display: block;
    margin: 0 auto;
	width: 86%;
	padding: 8% 0 0;
	opacity: 0.9;
}

	.box-img img:hover {
		opacity: 1;
	}

	.box-img img:active {
		opacity: 0.8;
	}

.intro {
	padding: 1em 0;
}

.txt-container {
	margin: 1em;
	padding: 1em;
}

	.skills-container .txt-container {
		margin: 0;
	}

	.services-container-3 .txt-container {
		margin: 0.5em;
	}

	.information .txt-container {
		margin: 1em 1em 0;
	}

.txt-container h3 {
	margin: 0.1em 0;
	font-size: 1.15em;
	line-height: 1.3em;
}

.txt-container h3 a {
	color: #403f3f;
}

	.txt-container h3 a:hover {
		color: #555;
	}

.txt-container p {
	margin: 1em 0;
}

	.notfound .txt-container p {
		margin: 0 0 0 5px;
		text-align: center;
	}

	.services-content .txt-container .accordion-container p {
		margin: 0 0 5px;
	}

.txt-block,
.bx-shd-inv-to-right-inner,
.bx-shd-inv-to-left-inner {
	padding: 1.5em;
}

	.gallerypage .txt-block {
		padding: 0.5em;
	}

		.gallerypage .method-container .txt-block {
			padding: 0;
			margin-bottom: 3em;
		}

	.gallerypage .pre-footer-container .txt-block {
		padding: 1.5em 0.5em 0.5em;
	}

	.txt-block.bx-shd-inv-to-right,
	.txt-block.bx-shd-inv-to-left {
		padding: 0;
	}

	.home .cta-container .txt-block {
		padding: 0.5em;
	}

	.services-container .txt-block {
		margin-left: 0.25em;
	}

.img-container {
	flex: 1;
	margin: 0 0 2em 0;
	padding: 12px 12px 8px;
	padding: 12px 12px 0;
	border-radius: 46% 25% 26% 36%;
}

	.cta-elements .img-container {
		margin: 0 0 1em 0;
		border-radius: 20px 20px 0 0;
	}

		.cta-elements .portf-gallery .col:last-child .img-container,
		.clients-gallery-primary .col .img-container {
			margin: 0;
		}

		.cta-elements .the-img .img-container {
			margin: 0 0 13px 0;
			border-radius: 20px;
		}

	.testimonials-container .img-container {
		border-radius: 47px 47px 25px 25px;
		padding-bottom: 6px;
	}

	.gallerypage .img-container {
		border-radius: 27px;
	}

		.gallerypage .img-container.arch-box-small {
			border-radius: 19px 19px 0 0;
		}

		.cta-elements .portf-gallery .img-container {
			max-height: 240px;
			overflow: hidden;
		}

	.cta-container .img-container {
		margin: 0.5em 1em 0 2em;
	}

		.cta-container-rght .img-container {
			padding: 1em 1em 0.5em;
		}

		.cta-container .img-container.dbl-frame {
			margin: 0.5em 1em 0 1.95em;
			padding: 0;
			border-radius: 6em 1.3em 1.3em 1.3em;
		}

		.cta-container .img-container.amR-img-container {
			border-radius: 6em 1.3em 1.3em 1.3em;
		}

		.cta-container .img-container.in-frame {
			padding: 12px 16px 8px;
		}

		.img-container.icon-player-container {
			position: relative;
		}

			.img-container.icon-player-container .icon-player {
				position: absolute;
				width: 24%;
				left: 38%;
				top: 61px;
				opacity: 0.75;
			}

.img-container img {
	border-radius: 46% 25% 26% 36%;
	width: 100%;
}

	.gallerypage .img-container img {
		border-radius: 16px;
	}

	.cta-elements .img-container img {
		border-radius: 90px 14px 14px;
	}

	.amR-img-container img {
		margin-top: -3.2em;
	}

		.cta-container-rght .img-container img {
			margin: 0;
			border-radius: 137px 0 0;
		}

		.cta-container .img-container.dbl-frame img {
			margin-top: -5em;
			padding: 12px;
		}

.cta-container {
	margin: 8em 1em 0;
}

	.cta-container.cta-prefooter {
		margin-top: 0;
		padding-top: 5em;
	}

.arch-box {
	border-radius: 9em 9em 0 0;
}

	.cta-container .arch-box {
		border-radius: 9em 0 0 0;
	}

		.pre-footer-container .txt-block {
			padding: 1.5em 0.5em 0.5em;
		}

.arch-box-mdm,
.cta-elements .img-container .arch-box-mdm {
	border-radius: 4em 4em 0 0;
}

	.cta-container .arch-box-mdm {
		border-radius: 6em 0 0 0;
	}

		.cta-container-rght .arch-box-mdm {
			border-radius: 9em 0 0 0;
		}

	.cta-container .dbl-frame .arch-box-mdm {
		margin: 99px 12px 13px 12px;
		border-radius: 1.8em 2.8em 0.8em 0.8em;
		padding: 1px 6px 0 6px;
	}

.arch-box-mdm-ins {
	border-radius: 3em 3em 20px 20px;
}

	.arch-box-mdm-ins.second {
		border-radius: 20px;
	}

.arch-box-mdm img,
.cta-elements .arch-box-mdm .img-container img {
	border-radius: 2.6em 2.6em 20px 20px;
}

	.cta-elements .arch-box-mdm .img-container.second img {
		border-radius: 20px;
	}

.arch-box-small img,
.cta-elements .img-container.arch-box-small img {
	border-radius: 14px 14px 0 0;
}

	.cta-elements .the-img .img-container.arch-box-small {
		margin: 1em;
		border-radius: 14px;
	}

	.pre-footer-container.cta-elements .arch-box-small img,
	.pre-footer-container.cta-elements .cta-elements .img-container.arch-box-small img {
		border-radius: 14px;
	}

		.pre-footer-container.cta-elements .amR-img-container img {
			border-radius: 74px 14px 74px 14px;
		}

.description {
    padding: 0;
}

	.services-container .description {
		padding: 0;
	}

	.cta-container .description {
		padding: 0 1em 0.5em 2em;
	}

		.cta-container-rght .description {
			padding: 2em 1em 0.5em 3em;
		}

	.testimonials-container .description {
		padding: 0.9em 0.8em 2em;
	}

	.pre-footer-container.cta-elements .description {
		padding: 0 1.5em;
		width: auto;
	}

.description-outer {
	padding: 1em 1em 0;
}

.description p.accent {
	font-size: 1.15em;
	margin: 1.6em 0 0.3em;
	color: #666;
}

.gallery-description {
	margin: -1em 0 2.3em 1.3em;
	font-size: 0.95em;
}

.gallery-description p {
	margin: 0 0 0.6em;
}

.btn-container {
	margin: 1.8em 0 1.5em;
}

	.services-container .btn-container {
		text-align: center;
		margin: 2.7em 0 0;
	}

	.accordion-container .btn-container {
		margin: 1em 0 0;
	}

	.pre-footer-container.cta-elements .btn-container {
		margin: 1.4em 0 0;
	}

.slogan-container {
	margin-top: 1px;
	text-align: center;
}

.slogan-list {
	padding: 1.7em 20px 1.5em;
}

.slogan-item {
	position: relative;
	display: inline-block;
    padding-top: 1px;
	padding: 1px 0.1em 0;
    font-size: 0.85em;
	color: #919191;
	color: #7e7e7e;
	color: #646464;
}

.slogan-item .txt-lg {
	vertical-align: middle;
}

.ai-container {
	padding: 0 1em 3em;
}

.ai-content {
	display: flex;
	justify-content: center;
	font-size: 0.85em;
}

	.artelie .ai-content {
		justify-content: start;
	}

.ai-content img {
	width: 17px;
	height: 17px;
}

.label {
	font-style: italic;
	font-size: 0.93em;
	color: #777777;
}

.morelink {
	margin: 4em 0 0;
}

	.excerpt-box .morelink {
		margin: 4em 0 0;
	}

.morelink p {
	margin: 0.2em 10px 0.2em;
	text-align: right;
}

.morelink a {
	display: block;
	padding: 5px 12px;
	color: #6a6a6a;
	font-weight: bold;
	text-align: right;
}

	.morelink a:hover {
		color: #444444;
	}

	.morelink a:after {
		content: none;
	}

.graphicdesign .cl-logo,
.no-link {
	cursor: unset;
}

.cl-logo img {
	display: block;
	margin: 0.2em auto;
	width: 70%;
	opacity: 0.9;
}

	.cl-logo:hover img,
	.cl-logo:active img {
		margin: 0.2em auto;
		/*width: 83%;*/
		opacity: 1;
	}

.clients-gallery {
	margin: 4em 2em 0;
	gap: 0.5em;
}

	.clients-gallery.branding-gallery {
		margin: 1em 1em 1em;
	}

	.cta-elements .clients-gallery {
		margin: 0;
		gap: 1em;
	}

.clients-gallery .col {
	justify-content: center;
    padding: 0.7em;
    border-radius: 24px 24px 0 0;
}

	.clients-gallery-primary .col {
		padding: 0.7em;
		border-radius: 24px 24px 0 0;
	}

.clients-gallery .img-holder,
.webdesign .img-holder {
	padding: 6px 2px 2px;
	text-align: center;
}

	.webdesign .img-holder {
		padding: 1em;
		text-align: right;
	}

.clients-gallery .img-holder img {
	width: 93%;
	border-radius: 0 9px 9px 0;
}

	.webdesign .img-holder img {
		width: 100%;
	}

.recommendations .quote {
    margin: 0 0.5em;
    font-size: 0.95em;
    font-style: italic;
}

	.testimonials-container .recommendations .quote {
		margin-top: 7px;
		font-style: normal;
	}

.recommendations .quote span {
	float: left;
	font-size: 5em;
	line-height: 0.8em;
	margin: 0 0.25em 0 0;
	color: #f0f0f5;
	font-style: italic;
}

	.testimonials-container .recommendations .quote span {
		margin: 0.25em 0.23em 0 -0.35em;
		color: #f4f4f8;
		font-size: 2.5em;
		line-height: 0.3em;
	}

.quote-name {
    text-align: right;
}

.img-ou {
	float: left;
	width: 100%;
	margin: 0 15px 15px 0;
}

.nf {
	font-size: 6em;
	font-weight: bold;
	text-align: center;
	line-height: normal;
}

.errorpage p {
	font: bold 200px Tahoma, sans-serif;
	color: transparent;
}

	.errorpage p.number {
		text-shadow: -3px -3px 1px rgb(255 255 255 / 35%);
	}

#a2apage_dropdown {
	border: none !important;
}

.a2a_menu a,
.a2a_menu a.a2a_i,
.a2a_menu a.a2a_i:visited,
.a2a_menu a.a2a_more,
i.a2a_i {
	color: #666 !important;
	border: none !important;
}

	.a2a_menu a.a2a_i:active,
	.a2a_menu a.a2a_i:focus,
	.a2a_menu a.a2a_i:hover,
	.a2a_menu a.a2a_more:active,
	.a2a_menu a.a2a_more:focus,
	.a2a_menu a.a2a_more:hover {
		border-radius: 6px;
	}

#a2apage_show_more_less {
	color: #666 !important;
}

#a2apage_find_container input,
#a2apage_find_container input[type=text] {
	width: 97% !important;
}

#btn-to-top {
	display: none;
	position: fixed;
	right: 0;
	bottom: 1em;
	z-index: 99;
	padding: 0 2.2em 0 0.8em;
	background: none;
	border: none;
	border-radius: 15px 0 0 15px;
	outline: none;
	cursor: pointer;
}

#btn-to-top span,
.accordion span,
.btn-top span,
.accent-arrow {
	display: block;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	color: transparent;
	font: 600 4.5em Comic Sans MS, sans-serif;
	line-height: 1em;
}

	.accent-arrow {
		transform: none;
		-webkit-transform: none;
		background-color: #798bac;
		line-height: 48px;
	}

	.accordion span {
		display: inline-block;
		float: right;
		margin: -2px 0 0;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		font-size: 2.8em;
		line-height: 26px;
	}

		.services-content .accordion span {
			margin: 0;
			font-size: 2.3em;
			line-height: 24px;
		}

	.btn-top span {
		font-size: 31px;
		line-height: 13px;
		padding: 0px 9px 11px 6px;
	}

		#btn-to-top span:hover {
			background-color: #3c3c3c;
		}

		.accordion.active span {
			margin-right: 8px;
			transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);
		}

.accordion-container {
	padding-bottom: 2em;
}
	
.accordion-container .panel {
	display: none;
	margin: 0 9px;
	padding: 1.5em;
	border-radius: 0 0 20px 20px;
}

footer {
	margin: 0;
	padding: 65px 1em 20px;
	text-align: center;
}

footer h6 {
	font-size: 1.3em;
	margin: 0;
	color: #666;
}

footer p {
	margin: 0 0 1.5em;
	font-size: 0.8em;
}

.follow a,
a.lang-nav {
	display: block;
	margin: 3px auto;
	width: 35px;
	height: 35px;
	opacity: 0.8;
		/*opacity: 0.93;*/
	background: url(../img/main-img.png) no-repeat;
	/*background: url(../img/icons-handmade.jpg) no-repeat;
	    background-size: 404%;*/
}

	.follow a.fbk {
		background-position: -55px 0;
		/*background-position: 0px -5px;*/
	}
	
	.follow a.twtr {
		background-position: -110px 0;
	}
	
	.follow a.insta {
		background-position: 0 0;
	}
	
	.follow a.ytb {
		background-position: -55px -52px;
	}
	
	.follow a.tktk {
		background-position: -167px -52px;
	}
	
	.follow a.tlgrm {
		background-position: 0 -52px;
	}
	
	.follow a.in {
		background-position: -66px -127px;
	}
	
	.follow a.msngr {
		background-position: -55px -104px;
	}
	
	.follow a.vb {
		background-position: 0 -104px;
	}
	
	.follow a.mail {
		background-position: -111px -52px;
	}
	
	.follow a.tel {
		background-position: -111px -105px;
	}
	
	.follow a.lnkdn {
		background-position: -167px -105px;
	}
	
	a.lang-nav.flg-bg {
		margin-top: 12px;
		float: right;
		background-position: -56px -156px;
	}

		.follow a:hover,
		.follow a:active,
		a.lang-nav:hover,
		a.lang-nav:active {
			opacity: 1;
		}

.copyrights span,
.copyrights a {
	color: #888;
	font-size: 0.75em;
}

	.copyrights a:hover {
		color: #666;
	}

#CybotCookiebotDialog {
	height: 50% !important;
	bottom: 0 !important;
	top: 75% !important;
}

#CybotCookiebotDialogHeader,
#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper,
#CybotCookiebotDialogBodyContent,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
	padding: 0.5em !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonLabel {
	margin-bottom: 0 !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
	height: 23px !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
	padding: 0.8em !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider:before {
	width: 18px !important;
	height: 18px !important;
}

#CybotCookiebotDialog,
#CookiebotWidget #CookiebotWidget-widgetContent {
	border-radius: 12px !important;
}

#CybotCookiebotDialog *,
#CybotCookiebotDialogBodyUnderlay *,
#CookiebotWidget * {
    color: #666 !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget,
#CookiebotWidget #CookiebotWidget-widgetContent {
    border: none !important;
    color: #666 !important;
}

.CookieDeclaration,
#CookiebotWidget {
	display: none;
}

	.pp #CookiebotWidget {
		display: block;
	}

@media only screen and (min-width: 320px) {

.row7 {
	grid-template-columns: repeat(7, 1fr);
}

}

@media only screen and (min-width: 360px) {

.submenu-container .submenu-item {
	padding: 0.0em 0.15em 0.5em;
}

main .wrapper .anchor {
	padding-top: 7em;
}

	main.submenupage .wrapper .anchor {
		padding-top: 9em;
	}

		main.submenupage .wrapper .anchor.anchor-in-cntnt {
			padding-top: 4.35em;
		}

header h1,
header .h1 {
	font-size: 0.9em;
}

.box-border {
	align-items: center;
}

.box {
    padding: 1em;
}

.gallerypage .separator {
	margin: 4em 0;
}

	.gallerypage .separator-sml {
		margin: 2em 0;
	}

	.recommendations .separator {
		margin: 2em 0;
	}

.follow .right-brdr {
	margin-right: 0;
}

}

@media only screen and (min-width: 480px) {

ul {
	padding-inline-start: 20px;
}

.home main .wrapper,
.cta-elements .wrapper.portf-container,
.pre-footer-container.cta-elements .wrapper {
    padding: 0 3em 0;
}

header h1 a,
header .h1 a {
	margin-top: 0.7em;
	font-size: 1.5em;
}

main.submenupage.double-tab-nav .wrapper .anchor {
    padding-top: 12.5em;
}

.submenu-container .submenu-item a {
	padding: 0.53em 1.5em 0.3em;
}

.follow.row2 {
	display: flex;
	justify-content: center;
}

.follow .right-brdr {
	padding-right: 14px;
	border-right: 1px solid #ccc;
}

.intro .row2 {
    grid-template-columns: repeat(2, 1fr);
}

	.intro .row2 .excerpt-col-1 {
		width: 100%;
	}

	.intro .row2 .img-container {
		margin: 0 0 2em 0;
		padding: 12px;
		border-radius: 19px;
	}

.row5 {
	grid-template-columns: repeat(2, 1fr);
}

.box.bx-shd-inv-to-right-sm,
.box.bx-shd-inv-to-left-sm {
    margin: 0 0.5em 0.8em -0.3em;
}

.row7,
.follow {
	margin: 0.8em 11%;
}

.links.active {
	top: 0.8%;
	right: 3.8%;
}

.services-content .accordion span {
	margin: -2px 6px 0 0;
	font-size: 2.5em;
	line-height: 27px;
}

.txtpage .process-container .the-result ul {
    margin: 0 0.6em 2em 0.6em;
}

.cta-elements .portf-gallery .img-container {
	max-height: 310px;
}

}

@media only screen and (min-width: 640px) {

.home main .wrapper,
.cta-elements .wrapper.portf-container,
.pre-footer-container.cta-elements .wrapper {
	padding: 0 5em 0;
}

header h1 a,
header .h1 a {
	font-size: 1.2em;
}

.listingpage .box-container .row2 {
	grid-template-columns: repeat(2, 1fr);
}

.row3.listing.services-content .box-border {
	padding-top: 1.5em;
}

	.ai-container .row3 {
		grid-template-columns: repeat(3, 1fr);
	}

		.ai-content .col.first-child {
			justify-content: end;
		}

.row7,
.follow {
	margin: 0.8em 18%;
}

header h1,
header .h1 {
	font-size: 1.1em;
}

.box {
	margin: 1em;
	padding: 0em;
}

.box-img {
    margin: 2em;
}

.btn-container a {
	margin: 0 2em 2em 0;
}

.recommendations .quote span {
	margin: 0 0.25em 2em 0;
}

.cta-container-rght .description {
    padding: 2em 1em 0.5em 4.5em;
}

.services-content .secondary-link {
	margin: -20px 0 0 -19px;
}

.nf,
.notfound .txt-container p {
	text-align: left;
}

}

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

.intro {
	padding: 0 2em 1em;
}

.gallery-description {
	margin-left: 4.5em;
}

.hide-mbl {
	display: block;
}

header h1 a,
header .h1 a {
	margin-top: 0.5em;
	font-size: 1em;
}

.header-slogan {
    line-height: 17px;
}

.submenu-container .submenu-item {
	padding: 0.0em 0.15em 0.6em;
}

.row2 {
	grid-template-columns: repeat(2, 1fr);
}

	.method-container .row2 {
		grid-template-columns: repeat(1, 1fr);
	}

	.cta-container .row2 {
		grid-template-columns: 37% 59%;
		align-items: start;
	}

.row3 {
	margin: 0.8em 5em;
}

	header .row3 {
		margin: 0.2em 5em;
	}

	.row3.listing.services-content {
		grid-template-columns: repeat(3, 1fr);
		gap: 1em;
		margin: 0 auto 3em;
	}

	.cta-elements .clients-gallery.row3 {
		grid-template-columns: repeat(2, 1fr);
	}

    .ai-container .row3 {
        margin: 0.8em 4em 0.8em 0;
    }

.clients-gallery.row4 {
    grid-template-columns: repeat(4, 1fr);
}

.row5,
.clients .row5 {
	grid-template-columns: repeat(3, 1fr);
}

.box.bx-shd-inv-to-right-sm,
.box.bx-shd-inv-to-left-sm {
    margin: 0 1em 1.5em -0.5em;
}

.branding .row3.clients-logos .bx-shd-inv-to-left-inner-sm {
	padding: 0.3em 0 0.1em 0;
}

.row6.listing {
	grid-template-columns: repeat(3, 1fr);
}

.row7,
.follow {
	margin: 0.8em 24%;
}

.excerpt-box-2-5 {
	grid-template-columns: repeat(5, 1fr);
}

	.excerpt-box-2-5 .excerpt-col-1 {
		grid-column: 1 / 2;
	}

	.excerpt-box-2-5 .excerpt-col-2 {
		grid-column: 2 / 6;
	}

		.process-container .excerpt-box-2-5 .excerpt-col-2 {
			padding: 1em;
		}

			.pre-footer-container.cta-elements .process-container .excerpt-box-2-5 .excerpt-col-2 {
				padding: 1em 2em;
			}

	.excerpt-box-2-5.excerpt-box-inner {
		display: block;
	}

.excerpt-box-2-6 {
	grid-template-columns: repeat(6, 1fr);
}

	.excerpt-box-2-6 .excerpt-col-1 {
		grid-column: 1 / 4;
	}

	.excerpt-box-2-6 .excerpt-col-2 {
		grid-column: 4 / 7;
	}

		.the-process {
			padding: 0.2em 3em 0 0;
		}

		.the-result {
			padding: 2em 2em 2em 0;
		}

		.the-img {
			padding: 1em;
		}
	.process-container .excerpt-box-2-6 .excerpt-box-2-6 {
		display: block;
	}

.excerpt-box-2-8 {
	grid-template-columns: repeat(8, 1fr);
}

	.excerpt-box-2-8 .excerpt-col-1 {
		grid-column: 1 / 4;
	}

	.excerpt-box-2-8 .excerpt-col-2 {
		grid-column: 4 / 9;
	}

		.testimonials-container .excerpt-box-2-8 {
			grid-template-columns: 25% auto;
			align-items: start;
		}

			.testimonials-container .excerpt-box-2-8 .excerpt-col-1,
			.testimonials-container .excerpt-box-2-8 .excerpt-col-2 {
				grid-column: auto;
			}

	.intro .row2 {
		grid-template-columns: repeat(11, 1fr);
	}

		.intro .row2 .excerpt-col-1 {
			grid-column: 1 / 4;
		}

		.intro .row2 .excerpt-col-2 {
			grid-column: 4 / 12;
		}

.separator-empty {
	height: 26px;
}

header h1,
header .h1 {
	font-size: 1.3em;
}

.txtpage h1,
.home h2 {
	margin: 0 0 2em 3.5em;
}

	.cta-container h1 {
		margin: 0 0 11px;
	}

	.cta-container h6 {
		margin: 0 0 0.75em 0;
	}

.txtpage h2,
.txtpage h3,
.txtpage h4,
.txtpage h5,
.txtpage h6 {
	margin: 5em 0 2em 3.5em;
}

	.txtpage .process-container .the-result h2 {
		margin: 1.5em 0 1em 1.3em;
	}

.links.active {
	top: 1%;
    right: 8%;
    width: 66%;
}

main .wrapper {
	padding: 0 4em 0;
}

	main .wrapper .anchor {
		padding-top: 8em;
	}

		.home main .wrapper .anchor {
			padding-top: 8em;
		}

		main.submenupage .wrapper .anchor {
			padding-top: 10em;
		}

			main.submenupage .wrapper .anchor.anchor-in-cntnt {
				padding-top: 5.4em;
			}

			main.submenupage.double-tab-nav .wrapper .anchor {
				padding-top: 10em;
			}

			main.submenupage.double-tab-nav .wrapper .anchor.anchor-in-cntnt {
				padding-top: 3.6em;
			}

.box {
	margin: 0.5em;
	padding: 0.5em;
}

	.home .listing .box {
		margin: 0.5em 0 0;
	}

.box-img {
    margin: 0 0.5em;
}

.txt-block,
.gallerypage .txt-block,
.bx-shd-inv-to-right-inner,
.bx-shd-inv-to-left-inner {
	padding: 3em;
}

	.pre-footer-container .cta-container .txt-block {
		padding: 2em 1em 0.5em;
	}

.description {
    padding: 2em 0 0 2em;
}

	.branding .description {
		padding-top: 0;
	}

	.intro .description {
		padding: 0;
	}

.clients.txt-block a {
	display: block;
}

.clients .bx-shd-inv-to-right-inner-sm,
.clients .bx-shd-inv-to-left-inner-sm {
	padding: 0.6em 0 0.4em 1.5em;
}

.clients.txt-block .cl-logo img {
	width: 72%;
}

.clients-gallery {
    margin: 4em 4em 0;
}

	.clients-gallery.branding-gallery {
		margin: 1em 0 0 1em;
	}

.recommendations .quote span {
	margin: 0 0.25em 1em 0;
}

.webdesign .img-holder img {
	width: 98%;
}

.img-ou {
	width: 50%;
}

.cta-container.cta-prefooter {
	padding-top: 5em;
}

.cta-elements .row4.portf-gallery,
.sitemap main .row4 {
    grid-template-columns: repeat(2, 1fr);
}

.cta-elements .portf-gallery .img-container {
    margin-bottom: 0;
}

	.cta-elements .portf-gallery-short .img-container {
		max-height: 145px;
	}

	.cta-elements .portf-gallery-icons .img-container {
		text-align: center;
	}

		.cta-elements .portf-gallery-icons .img-container img {
			width: 52%;
		}

.cta-elements .portf-gallery .img-container {
	max-height: 200px;
}

.img-container.icon-player-container .icon-player {
	top: 48px;
}

.information .txt-container {
	margin: 2em;
}

.cta-elements .services-container-3 .txt-container {
	padding: 0.6em;
}

.services-container-3 .txt-container {
	margin: 0;
}

.row3.listing.services-content .box-border {
	padding-top: 0.3em;
}

.cta-elements .img-container {
	margin: 0;
}

.cta-elements .services-container .box-img {
	width: 43%;
}

	.cta-elements .services-container-3 .box-img {
		width: 80%;
	}

	.cta-elements .skills-container .box-img {
		margin: 0.9em auto 1em;
		width: 85%;
	}
	
.services-container .skills-content ul,
.txtpage .services-container h3 {
    padding-inline-start: 0.5em;
}

.the-result {
	padding: 0;
}

.txtpage .process-container .the-result ul {
	margin: 0 0.6em 2em 0;
	padding-left: 0.6em;
}

.arch-box-mdm,
.cta-elements .img-container .arch-box-mdm {
	border-radius: 6em 6em 0 0;
}

	.arch-box-mdm-ins.second {
		border-radius: 3em 3em 20px 20px;
	}

	.cta-elements .img-container.dbl-frame .img-container.arch-box-mdm {
		border-radius: 2em 2.5em 16px 13px;
	}

		.cta-elements .the-img .img-container.dbl-frame .img-container.arch-box-mdm {
			border-radius: 16px;
			padding-bottom: 7px;
		}

.cta-elements .arch-box-mdm .img-container.second img {
	border-radius: 2.6em 2.6em 20px 20px;
}

.skills-container .bx-shd-inv-to-right-inner {
	padding: 1.8em 1em 1.5em 2.5em;
}

.testimonials-container .description {
	padding: 0 1.5em;
}

.faq-container .accordion-container .btn-container a span {
    flex: auto;
}

.slogan-item {
	padding: 1px 0.6em 0px;
    font-size: 0.9em;
}

.slogan-container .dot {
	margin: 0 10px;
}

.pre-cta {
	margin: 1.5em 0 0 0.1em;
}

.notfound .txt-container p span {
	display: block;
}

}

@media only screen and (min-width: 1024px) {

.method-container .row2 {
	grid-template-columns: repeat(2, 1fr);
}

header h1 a,
header .h1 a {
	margin-top: 0.4em;
}

.cta-elements .services-container h2,
.cta-elements .faq-container h2,
.cta-elements .testimonials-container h2,
.cta-elements .portf-container h2 {
	margin: 0 0 0.8em 1.55em;
}

.txtpage .process-container .the-result h2 {
	margin: 0.5em 0 1em 0.3em;
}

.cta-elements .testimonials-container h2 {
	margin: 0 0 0.8em 1.6em;
}

.cta-elements .testimonials-container .description-sentence {
	margin-left: 2.4em;
}

.clients .bx-shd-inv-to-right-inner-sm,
.clients .bx-shd-inv-to-left-inner-sm {
	padding: 0.7em 0 0.7em 3em;
}

.cta-container h1 {
	margin: 2em 0 11px 0;
}

.cta-container h6,
.txtpage .cta-container h6 {
	margin: 2em 0 0.85em 0;
}

.description-sentence {
    margin-left: 2.4em;
}

.intro {
	padding: 0 5em 1em;
}

.branding .clients-logos.row3 {
	grid-template-columns: repeat(3, 1fr);
}

.ai-container .row3 {
	margin: 0.8em 7.1em 0.8em 0;
}

.cta-elements .row4.portf-gallery,
.sitemap main .row4 {
	grid-template-columns: repeat(4, 1fr);
}

.row2.listing {
	grid-template-columns: repeat(2, 1fr);
	align-items: stretch;
	margin-bottom: 3em;
}

	.services-container-2 .row2.listing {
		margin: 0.5em 2em 0;
		padding-bottom: 4em;
		gap: 2em;
	}

.row5 {
	grid-template-columns: repeat(4, 1fr);
}

.row6.listing {
	grid-template-columns: repeat(6, 1fr);
}

.excerpt-box-2-5.excerpt-box-inner {
	display: grid;
}

.process-container .excerpt-box-2-6 .excerpt-box-2-6 {
	display: grid;
	align-items: start;
}

.excerpt-box-2-8 {
	grid-template-columns: repeat(8, 1fr);
}

	.excerpt-box-2-8 .excerpt-col-1 {
		grid-column: 1 / 3;
	}

	.excerpt-box-2-8 .excerpt-col-2 {
		grid-column: 3 / 9;
	}

.excerpt-box-2-6 {
	grid-template-columns: repeat(6, 1fr);
}

	.excerpt-box-2-6 .excerpt-col-1 {
		grid-column: 1 / 3;
	}

	.excerpt-box-2-6 .excerpt-col-2 {
		grid-column: 3 / 7;
	}

.box.bx-shd-inv-to-right-sm,
.box.bx-shd-inv-to-left-sm {
	margin: 0 1em 2em -0.5em;
}

.separator-empty {
	height: 29px;
}

.listingpage .box-container .row2 {
	grid-template-columns: 36% auto;
}

.links.active {
	right: 6%;
	width: 51%;
}

.box {
	margin: 1em;
}

.img-ou {
	width: 25%;
}

.cta-container .img-container {
	margin: 2.6em 3em 2em 4em;
}

	.cta-container-rght .img-container {
		margin: 1em 2em 2em 3em;
	}

	.cta-elements .portf-gallery .img-container {
		max-height: 137px;
	}

		.cta-elements .portf-gallery-short .img-container {
			max-height: 108px;
		}

.cta-elements .services-container .box-img {
	width: 50%;
}

.services-container-2 .txt-container {
	margin: 2em;
}

.img-container.icon-player-container .icon-player {
	top: 39px;
}

.cta-container .description {
    padding: 0 2em 0.5em 0.5em;
}

	.cta-container-rght .description {
		padding: 1em 0 0.5em 3.5em;
	}
	
.information .txt-container {
	margin: 3em;
}

.skills-container .bx-shd-inv-to-right-inner {
	padding: 2.5em 3em 1.5em;
}

.faq-container .accordion-container .btn-container a span {
	padding: 0 0 0 17px;
}

.the-result {
	padding: 1.5em 2em 0em 0;
}

.pre-footer-container .cta-container .txt-block {
	padding: 3em 2em 0.5em;
}

}

@media only screen and (min-width: 1280px) {

main.submenupage.double-tab-nav .wrapper .anchor {
	padding-top: 9.7em;
}

.listingpage .box-container .row2 {
	grid-template-columns: 31% auto;
}

	.notfound .box-container .row2 {
		grid-template-columns: 39% auto;
	}

.intro .row2 {
	grid-template-columns: repeat(11, 1fr);
}

	.intro .row2 .excerpt-col-1 {
		grid-column: 1 / 3;
	}

	.intro .row2 .excerpt-col-2 {
		grid-column: 3 / 12;
	}

.row3 {
	margin: 0.8em 12em;
}

	header .row3 {
		margin: 0.2em 12em;
	}

	.clients-gallery.row3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.row3.listing.information {
		grid-template-columns: repeat(3, 1fr);
		gap: 2em;
	}

	.skills-container .row3 {
		grid-template-columns: repeat(2, 1fr);
		margin: 1.7em 0 1.9em;
	}

.clients .row5 {
	grid-template-columns: repeat(5, 1fr);
}

.clients .bx-shd-inv-to-right-inner-sm,
.clients .bx-shd-inv-to-left-inner-sm {
	padding: 0.6em 0 0.6em 1em;
}

.branding .row3.clients-logos .bx-shd-inv-to-left-inner-sm {
	padding: 0.5em;
}

.row7,
.follow {
	margin: 0.8em 33%;
}

.intro {
	padding: 2em 5em 3em;
}

.separator-empty {
	height: 33px;
}

header h1,
header .h1 {
	font-size: 1.3em;
}

.cta-elements .testimonials-container h2 {
	margin: 0 0 0.8em 3.6em;
}

.txtpage .services-container h3 {
    padding-inline-start: 0;
}

.cta-elements .testimonials-container .description-sentence {
	margin-left: 5.4em;
}

.links.active {
	right: 12%;
	width: 50%;
}

main .wrapper {
	padding: 0 11em 0;
}

	.notfound main .pre-footer-container .wrapper {
		padding: 0 13em 0;
	}

	main .wrapper .anchor {
		padding-top: 9em;
	}

		main.submenupage .wrapper .anchor {
			padding-top: 8em;
		}

		main.submenupage .wrapper .anchor.anchor-in-cntnt {
			padding-top: 3.6em;
		}

	.pre-footer-container.cta-elements .wrapper {
		padding: 0 5em 0;
	}

.box-img {
    margin: 0 0.8em;
}

.clients-gallery {
	margin: 6em 5em 0;
	gap: 1em;
}

.clients-gallery .img-holder {
	padding: 15px 0 10px;
}

.gallerypage .img-container {
	border-radius: 24px;
}

	.gallerypage .img-container.arch-box-small {
		border-radius: 19px 19px 0 0;
	}

.img-container.icon-player-container .icon-player {
	top: 45px;
}

.gallerypage .img-container img {
	border-radius: 21px;
}

	.cta-elements .img-container img {
		border-radius: 90px 14px 14px;
	}

.services-container-3 .txt-container {
	margin: 1em;
	padding: 1em;
}

.description-sentence {
	margin-left: 2.4em;
}

.services-container ul {
	padding-inline-start: 0;
}

	.services-container .accent-container ul {
		padding-inline-start: 18px;
	}

.cta-container {
    margin: 8em 7em 0;
}

	.pre-footer-container .cta-container {
		margin: 8em 1em 0;
	}

main .wrapper.services-container,
main .wrapper.faq-container,
.cta-elements .wrapper.method-container,
.cta-elements .wrapper.services-container-3 {
	width: 65%;
	margin: 0 auto;
}

	.cta-elements .wrapper.services-container-3 {
		width: 72%;
	}

	.cta-elements .wrapper.method-container {
		width: 76%;
	}

	main .wrapper.skills-container {
		width: auto;
		margin: 0 1em;
	}

.cta-elements .process-container .box {
	padding: 3em;
}

.cta-elements .box-border {
	margin: 0.5em 0;
}

.cta-elements .skills-container .box-img {
	width: 85%;
	margin: 0.3em auto 1em;
}

.arch-box-mdm,
.cta-elements .img-container .arch-box-mdm {
	border-radius: 6em 6em 0 0;
}

	.arch-box-mdm-ins.second {
		border-radius: 3em 3em 20px 20px;
	}

	.cta-elements .arch-box-mdm .img-container.second img {
		border-radius: 2.6em 2.6em 20px 20px;
	}

.cta-container .description {
	padding: 2em 4em 0 3em;
}

	.cta-container .description {
		padding: 0 1em 0 2em;
	}

		.cta-container-rght .description {
			padding: 0 0 0.5em 7em;
		}
	
    .pre-footer-container.cta-elements .description {
        padding: 0 2em 1em;
    }

.cta-elements .portf-gallery .img-container {
	max-height: 174px;
}

	.cta-elements .portf-gallery-short .img-container {
		max-height: 131px;
	}

.testimonials-container .description {
	padding: 0 3em;
}

.information .txt-container {
	margin: 2em;
}

.notfound .txt-container {
	margin: 0em 0em 0em 2em;
}

}

@media only screen and (min-width: 1366px) {

.txtpage .cta-container-rght h1 {
	margin: 0 0 0.85em 0;
}

.clients .bx-shd-inv-to-right-inner-sm,
.clients .bx-shd-inv-to-left-inner-sm {
	padding: 0.7em 0 0.5em 1.5em;
}

.services-container-2 .row2.listing {
	margin: 0.5em 2em 0;
	padding-bottom: 4em;
}

.skills-container .row3 {
	grid-template-columns: repeat(3, 1fr);
}

	.skills-container .row3 .col:last-child {
		grid-column: 2 / 4;
	}

	.cta-elements .wrapper.services-container-3 {
		width: 66%;
	}

.cta-elements .services-container-3 .box-img {
	width: 70%;
}

.cta-elements .portf-gallery .img-container {
	max-height: 190px;
}
	
.pre-footer-container.cta-elements .description {
	padding: 0 1em 1em 0;
}

}

@media only screen and (min-width: 1600px) {

.notfound main .pre-footer-container .wrapper {
	padding: 0 14em 0;
}

.row5 {
	grid-template-columns: repeat(5, 1fr);
}

.box.bx-shd-inv-to-right-sm,
.box.bx-shd-inv-to-left-sm {
    margin: 0 1em 2em -0.5em;
}

.row7,
.follow {
	margin: 0.8em 40%;
}

.links.active {
	top: 0.5%;
	right: 10.8%;
	width: 37%;
}

.txtpage h1,
.home h2 {
	margin: 0 0 2em 4em;
}

	.cta-container h1 {
		margin: 1.2em 0 11px 0;
	}

	.cta-container h6 {
		margin: 1.5em 0 0.85em 0;
	}

.txtpage h2,
.txtpage h3,
.txtpage h4,
.txtpage h5,
.txtpage h6 {
	margin: 5em 0 2em 4em;
}

.txt-block,
.bx-shd-inv-to-right-inner,
.bx-shd-inv-to-left-inner {
	padding: 4em;
}

.gallery-description {
	margin-left: 5.5em;
}

.intro {
	padding: 2em 12em 2em;
}

.cta-container {
    margin: 8em 11em 0;
}

	.pre-footer-container .cta-container {
		margin: 8em 5em 0;
	}

.cta-elements .wrapper.method-container {
	width: 72%;
}

.cta-elements .portf-gallery .img-container {
	max-height: 248px;
}

	.cta-elements .portf-gallery-short .img-container {
		max-height: 176px;
	}
	
.img-container.icon-player-container .icon-player {
	top: 61px;
}

.cta-elements .services-container-3 .box-img {
	width: 65%;
}

.faq-container .accordion-container .btn-container a span {
	padding: 0 0 0 26px;
}

}