@charset "utf-8";
/* CSS Document */

/******** top-site *******/
.site-header:not(.fixed-header) {
    /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 1001;*/
}
header.site-header {
    width: 100%;
    float: left;
    z-index: 1002;
}
header.site-header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(241, 246, 244, 0.76);
    backdrop-filter: blur(10px);
    box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.10);
    animation: headerSlideDown 1.2s ease forwards;
}
@keyframes headerSlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
header.site-header.fixed-header .top-site {
	padding-top: 5px;
	padding-bottom: 5px;
}
header.site-header.fixed-header .logo a img {
	width: 150px;
  	height: 100%;
}
.top-site {
	padding: 20px 0 0;
	max-width: 1780px;
	margin: 0 auto;
}
.top-site .row {
	align-items: center;
}
.logo {}
.logo a img {
	transition-duration: 0.96s;
	-webkit-transition-duration: 0.96s;
	-moz-transition-duration: 0.96s;
	-o-transition-duration: 0.96s;
	-ms-transition-duration: 0.96s;
}
.logo a:hover img {
	opacity: 0.7;
}
.main-manu {}
.main-manu ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: end;
}
.main-manu ul li {
	margin: 0 16px;
}
.main-manu ul li a {}
.main-manu ul li.current-menu-item a {
	text-decoration: underline;
}
.header-social {}
.header-social ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: end;
}
.header-social ul li:last-child {
	margin-left: 10px;
}
.header-social ul li a img {
	transition-duration: 0.96s;
	-webkit-transition-duration: 0.96s;
	-moz-transition-duration: 0.96s;
	-o-transition-duration: 0.96s;
	-ms-transition-duration: 0.96s;
}
.header-social ul li a:hover img,
.header-social ul li a:focus img {
	opacity: 0.7;
}
/******** home ********/
/*------- home-header -------*/
.home-header {}
.home-header .e-con-inner {
	align-items: center !important;
}
.home-header .desc-header {}
.home-header .desc-header h1 {}
.home-header .desc-header h5 {}
.home-header .desc-header .btns-group {}
.btns-group .wrap {
	display: flex;
	gap: 15px;
}
.home-header .desc-header .elementor-widget-text-editor {}
.home-header .media-header {}
.home-header .media-header img {}
/*-------- we-offer ---------*/
.title-we-offer {}
.we-offer {}
.custom-we-offer {}
.custom-we-offer .row {}
.custom-we-offer .block-offer {
	display: flex;
}
.custom-we-offer .block-offer .wrap {
	border-radius: 25px;
	padding: 30px;
	overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 560px;
}
.custom-we-offer .block-offer .wrap .h6 {
	margin-bottom: 75px;
}
.custom-we-offer .block-offer .wrap .h2 {}
.custom-we-offer .block-offer .wrap .h5 {}
.custom-we-offer .block-offer .wrap hr {
	margin: 20px 0;
	width: 100px;
}
ul.ul-list-ic {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
ul.ul-list-ic li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
ul.ul-list-ic li:last-child {
	margin-bottom: 0;
}
ul.ul-list-ic li .ic {
	flex: 0 0 23px;
	margin-right: 10px;
}
ul.ul-list-ic li .ic img {
	width: 23px;
}
ul.ul-list-ic li .text {}
.custom-we-offer .block-offer .wrap .links-group {
	margin-top: auto;
}
.custom-we-offer .block-offer .wrap .links-group a.with-ic:hover,
.custom-we-offer .block-offer .wrap .links-group a.with-ic:focus {
	color: #008ECC;
}
.custom-we-offer .block-offer .wrap .links-group a.with-ic:hover svg path,
.custom-we-offer .block-offer .wrap .links-group a.with-ic:focus svg path {
    stroke: #008ECC;
}
.links-group {
	display: flex;
	align-items: center;
	gap: 15px;
}
.links-group a.btn-link-dark {}
.links-group a.with-ic {
	font-weight: 600;
}
.links-group a.with-ic span {
	padding-left: 15px;
}
.links-group p {
	margin-bottom: 0;
}
.custom-we-offer .block-offer-1 .wrap {
	background-color: #ffffff;
}
.custom-we-offer .block-offer-2 .wrap {
	background-image: url(/wp-content/uploads/for-site/bg-block-offer-2.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.custom-we-offer .block-offer-3 .wrap {
	color: #ffffff;
	background-color: #008ecc;
}
.custom-we-offer .block-offer-3 .wrap .links-group a.btn-link-dark {
	color: #ffffff;
	border-color: #ffffff;
}
.custom-we-offer .block-offer-3 .wrap .links-group a.btn-link-dark:hover,
.custom-we-offer .block-offer-3 .wrap .links-group a.btn-link-dark:focus {
	border-color: #1c1c1c;
	background-color: #1c1c1c;
	color: #ffffff;
}
.custom-we-offer .block-offer-3 .wrap .links-group a.with-ic {
	color: #ffffff;
}
.custom-we-offer .block-offer-3 .wrap .links-group a.with-ic:hover,
.custom-we-offer .block-offer-3 .wrap .links-group a.with-ic:focus {
	color: #1c1c1c;
}
.custom-we-offer .block-offer-3 .wrap .links-group a.with-ic:hover svg path,
.custom-we-offer .block-offer-3 .wrap .links-group a.with-ic:focus svg path {
    stroke: #1c1c1c;
}
/*-------- frankenstein ---------*/
.section-frankenstein {
	padding: 70px 0 !important;
	background-image: url(/wp-content/uploads/for-site/bg-img-frankenstein-lg.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #11222A;
}
.custom-frankenstein {}
.custom-frankenstein .desc-frank {
	display: flex;
}
.custom-frankenstein .desc-frank .wrap {
	border-radius: 25px;
	padding: 30px;
	overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 560px;
    background-color: #ffffff;
}
.custom-frankenstein .desc-frank .wrap .h2 {}
.custom-frankenstein .desc-frank .wrap .h5 {}
.custom-frankenstein .desc-frank .wrap hr {
	margin: 20px 0;
	width: 100px;
}
.custom-frankenstein .desc-frank .wrap .links-group {
	margin-top: auto;
}
.custom-frankenstein .desc-frank .wrap .links-group a.with-ic:hover,
.custom-frankenstein .desc-frank .wrap .links-group a.with-ic:focus {
	color: #008ECC;
}
.custom-frankenstein .desc-frank .wrap .links-group a.with-ic:hover svg path,
.custom-frankenstein .desc-frank .wrap .links-group a.with-ic:focus svg path {
    stroke: #008ECC;
}
/*-------- we-work ---------*/
.we-work {}
.custom-we-work .row {
	margin: 0;
}
.custom-we-work .block-work {
	border-top: 1px solid #B1B1B1;
	border-right: 1px solid #B1B1B1;
	border-bottom: 1px solid #B1B1B1;
	height: 480px;
	display: flex;
	align-items: center;
}
.custom-we-work .block-work .wrap {
	padding-left: 50px;
}
.custom-we-work .block-work .wrap .img {
	margin-bottom: 40px;
}
.custom-we-work .block-work .wrap .h2 {}
.custom-we-work .block-work .wrap p {
	margin-bottom: 0;
}
.custom-we-work .block-work-1 {
	border-radius: 25px 0 0 25px;
	border-left: 1px solid #B1B1B1;
}
.custom-we-work .block-work-2 {}
.custom-we-work .block-work-3 {}
.custom-we-work .block-work-4 {
	border-radius: 0 25px 25px 0;
}
/*------- portfolio -------*/
.portfolio {}
.portfolio-row {
    display: flex;
    gap: 16px;
}
.portfolio-item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 820px;
    text-decoration: none;
    color: #1c1c1c;
    transition: flex 0.45s ease;
}
.portfolio-item:hover {
    flex: 1.6 1 0;
}
.portfolio-row:hover .portfolio-item:not(:hover) {
    flex: 0.8 1 0;
}
.portfolio-media {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    border-radius: 28px;
}
.portfolio-media img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    transition: transform 0.45s ease;
}
.portfolio-item:hover .portfolio-media img {
    transform: scale(1.03);
}
.portfolio-caption {
    flex: 0 0 auto;
    padding-top: 18px;
    min-height: 120px;
}
.portfolio-caption .h3 {
    margin: 0 0 6px;
    font-weight: 600;
    min-height: 52px;
}
.portfolio-caption .h5 {
    margin: 0;
    line-height: 1.35;
    font-weight: 400;
    color: #666;
}
@media (max-width: 991.98px) {
    .portfolio-row {
        flex-direction: column;
        gap: 30px;
    }
    .portfolio-item,
    .portfolio-item:hover,
    .portfolio-row:hover .portfolio-item:not(:hover) {
        flex: none;
    }
    .portfolio-item {
        height: auto;
    }
    .portfolio-media {
        /*height: 420px;*/
        flex: none;
    }
}
/*-------- faq --------*/
.faq {}
.faq .accordion-item {
	border: none;
	border-radius: 25px;
	padding: 30px;
	margin-bottom: 10px;
}
.faq .accordion-item:first-of-type {
  	border-top-left-radius: 25px;
  	border-top-right-radius: 25px;
}
.faq .accordion-item:first-of-type > .accordion-header .accordion-button {
  	border-top-left-radius: 15px;
  	border-top-right-radius: 15px;
}
.faq .accordion-item:last-of-type {
  	border-bottom-right-radius: 25px;
  	border-bottom-left-radius: 25px;
}
.faq .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  	border-bottom-right-radius: 15px;
  	border-bottom-left-radius: 15px;
}
.faq .accordion-button {
    background-color: #ffffff;
    margin-bottom: 10px;
    color: #1c1c1c;
    font-weight: 500;
    font-size: inherit;
}
.faq .accordion-button:not(.collapsed) {
	background-color: #ffffff;
	box-shadow: none;
}
.faq .accordion-button::after {
    content: "\f278";
    font-family: 'Material-Design-Iconic-Font';
    font-size: 22px;
    color: #1c1c1c;
    background-image: none;
    width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 1px solid #008ECC;
}
.faq .accordion-button:not(.collapsed)::after {
    content: "\f273";
    font-family: 'Material-Design-Iconic-Font';
    background-image: none;
    transform: none;
}
.faq .accordion-button:focus {
    box-shadow: none;
}
.faq .accordion-body {
    color: #666;
    padding-top: 0;
}
/********** before footer ******/
.before-footer {}
.left-before {}
.left-before .h1 {
	font-weight: 600;
}
.left-before .h5 {
	font-weight: 400;
}
.left-before ul.ul-list-ic {
	margin: 45px 0;
}
.right-before {}
.right-before .h2 {
	margin-bottom: 30px;
	font-weight: 600;
}
.right-before .include-form .field .mb-3 {
	margin-bottom: 16px !important;
}
.right-before .include-form .field input {
	height: 58px;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #CFCFCF;
}
.right-before .include-form .field input:focus,
.right-before .include-form .field select:focus,
.right-before .include-form .field textarea:focus {
	box-shadow: none;
	border-color: #008ECC;
}
.right-before .include-form .field input::-webkit-input-placeholder {
   color: #212121;
   font-size: 14px;
}
.right-before .include-form .field input:-moz-placeholder {
   color: #212121;
   font-size: 14px;
}
.right-before .include-form .field input::-moz-placeholder {
   color: #212121;
   font-size: 14px;
}
.right-before .include-form .field input:-ms-input-placeholder {
   color: #212121;
   font-size: 14px;
}
.right-before .include-form .field textarea {
	height: 160px;
	border-radius: 10px;
}
.right-before .include-form .field textarea::-webkit-input-placeholder {
   color: #212121;
   font-size: 14px;
}
.right-before .include-form .field textarea:-moz-placeholder {
   color: #212121;
   font-size: 14px;
}
.right-before .include-form .field textarea::-moz-placeholder {
   color: #212121;
   font-size: 14px;
}
.right-before .include-form .field textarea:-ms-input-placeholder {
   color: #212121;
   font-size: 14px;
}
.right-before .include-form .row-bottom-form {
	align-items: center;
}
.right-before .include-form .acceptance {}
.right-before .include-form .acceptance .wpcf7-list-item {
	margin-left: 0;
}
.right-before .include-form .acceptance .wpcf7-list-item label {}
.right-before .include-form .acceptance .form-check-input {
	margin-right: 5px;
}
.right-before .include-form .acceptance .wpcf7-list-item a {
	text-decoration: underline;
}
.right-before .include-form .acceptance .wpcf7-list-item a:hover,
.right-before .include-form .acceptance .wpcf7-list-item a:focus {
	text-decoration: none;
}
.right-before .include-form .button-submit {}
.right-before .include-form .button-submit input {
	width: 100%;
}
.right-before .include-form .button-submit .wpcf7-spinner {
	display: none;
}
/********** footer ***********/
footer {
	background-color: #ffffff;
	width: 100%;
	float: left;
}
#Footer {
	padding: 50px 0 110px;
}
.footer-logo-text {}
.footer-logo-text .footer-logo {
	margin-bottom: 30px;
}
.footer-logo-text .footer-logo a img {
	transition-duration: 0.96s;
	-webkit-transition-duration: 0.96s;
	-moz-transition-duration: 0.96s;
	-o-transition-duration: 0.96s;
	-ms-transition-duration: 0.96s;
}
.footer-logo-text .footer-logo a:hover img {
	opacity: 0.7;
}
.footer-logo-text .footer-text {}
.footer-info {}
.footer-info .h6 {
	font-weight: 400;
}
.footer-info .mail {
	margin: 20px 0;
}
.footer-info .address {}
.footer-menu {}
.footer-menu ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.footer-menu ul li {
	line-height: 2;
}
.footer-menu ul li a {}
.footer-menu ul li.current-menu-item a {
	text-decoration: underline;
}
.footer-social {}
.footer-social .title-social {
	font-weight: 600;
	margin-bottom: 30px;
}
ul.ul-social {
	display: flex;
	align-items: center;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	gap: 15px;
}
ul.ul-social li {}
ul.ul-social li a img {
	transition-duration: 0.96s;
	-webkit-transition-duration: 0.96s;
	-moz-transition-duration: 0.96s;
	-o-transition-duration: 0.96s;
	-ms-transition-duration: 0.96s;
}
ul.ul-social li a:hover img,
ul.ul-social li a:focus img {
	opacity: 0.7;
}
#Copyright {}
#Copyright .wrap {
	border-top: 1px solid #000;
	padding: 30px 0;
}
.copyright {}
.privacy {
	text-align: right;
}
/********** content **********/
.site-main {
	width: 100%;
	float: left;
}
/*------- breadcrumbs --------*/
.wrap-breadcrumbs {
	overflow: hidden;
	margin: 30px 0;
}
/*------- page sites ----------*/
.header-sites {}
.header-sites h1 {
	font-weight: 600;
}
.header-sites h2 {
	font-weight: 600;
}
.header-sites img {}
.btns-text {}
.custom-seo-sites {}
.custom-seo-sites .btns-group {}
.custom-seo-sites .btns-group .h1 {}
.custom-seo-sites .btns-group .wrap {}
.custom-seo-sites .text {}
.custom-seo-sites .text .h5 {
	font-weight: 400;
}
.seo-steps {}
.custom-seo-steps {}
.custom-seo-steps .block-seo-step {
	display: flex;
}
.custom-seo-steps .block-seo-step .wrap {
	overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border-radius: 25px;
	border: 1px solid #B1B1B1;
	padding: 25px;
	height: 250px;
}
.custom-seo-steps .block-seo-step .wrap .num {
	color: rgba(0, 142, 204, 0.6);
}
.custom-seo-steps .block-seo-step .wrap .desc-step {
	margin-top: auto;
}
.custom-seo-steps .block-seo-step .wrap .h4 {
	font-weight: 600;
}
.custom-seo-steps .block-seo-step .wrap p {
	margin-bottom: 0;
	color: #666;
}
.commerce-site {}
.custom-commerce-site {}
.custom-commerce-site .service-tabs-image {}
.custom-commerce-site .service-tabs-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
    display: block;
}
.custom-commerce-site .service-tabs-right {
	display: flex;
  	flex-direction: column;
}
.custom-commerce-site .service-tabs-nav {
	overflow: hidden;
    flex-grow: 1;
    display: flex;
}
.custom-commerce-site .service-tabs-nav .nav-link {
    padding: 0;
    border: 0;
    background: transparent;
    color: #666;
    line-height: 1.15;
    font-weight: 500;
    text-align: left;
    border-radius: 0;
    transition: color 0.3s ease;
}
.custom-commerce-site .service-tabs-nav .nav-link:hover,
.custom-commerce-site .service-tabs-nav .nav-link.active {
    color: #1c1c1c;
    background: transparent;
}
.custom-commerce-site .service-tabs-content {
	margin-top: auto;
}
.custom-commerce-site .service-tab-text .h3 {
    margin-bottom: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #1c1c1c;
}
.custom-commerce-site .service-tab-text .h5 {
    margin-bottom: 40px;
}
.custom-commerce-site .service-tab-text ul.ul-list-ic {
	margin-bottom: 30px;
}
.project-inside {}
.custom-project-inside .h1 {
	margin-bottom: 50px;
	font-weight: 600;
}
.custom-project-inside {}
.custom-project-inside .row {}
.custom-project-inside .project-inside-image {
    height: 100%;
}
.custom-project-inside .project-inside-image img {
    width: 100%;
    height: 97%;
    object-fit: cover;
    display: block;
    border-radius: 25px;
}
.custom-project-inside .project-inside-cards {
    height: 100%;
}
.custom-project-inside .project-inside-cards > div {
    display: flex;
}
.custom-project-inside .inside-card {
    width: 100%;
    min-height: 100%;
    background: #ffffff;
    border-radius: 25px;
    padding: 25px;
    display: flex;
    flex-direction: column;
}
.custom-project-inside .inside-card .num {
    margin-bottom: 20px;
    line-height: 1;
    font-weight: 600;
    color: #008ECC;
}
.custom-project-inside .inside-card .desc-card {
	margin-top: auto;
}
.custom-project-inside .inside-card .h4 {
    margin-bottom: 12px;
    line-height: 1.2;
    font-weight: 600;
    color: #1c1c1c;
}
.custom-project-inside .inside-card p {
    margin-bottom: 0;
    line-height: 1.35;
    color: #6c6c6c;
}
.process-info {}
.custom-process-info {}
.custom-process-info .process-info-left .h2 {
    margin-bottom: 22px;
    line-height: 1.1;
    font-weight: 600;
    color: #1c1c1c;
}
.custom-process-info .process-info-left .h5 {
    margin-bottom: 22px;
    line-height: 1.45;
    font-weight: 400;
}
.custom-process-info .process-info-steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.custom-process-info .process-step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 35px 25px;
    background: #ffffff;
    border-radius: 25px;
}
.custom-process-info .process-step-left {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    margin-bottom: 0;
}
.custom-process-info .process-step-left .num {
    line-height: 1;
    font-weight: 600;
    color: #008ECC;
    flex-shrink: 0;
}
.custom-process-info .process-step-left .title {
    line-height: 1.2;
    font-weight: 600;
    color: #1c1c1c;
}
.custom-process-info .process-step-right {
    line-height: 1.35;
    color: #666;
    text-align: right;
    flex-shrink: 0;
    margin-bottom: 0;
}
/*------- page design ---------*/
.header-design {}
.header-design h1 {}
.header-design h2 {}
.header-design img {
	margin-bottom: 20px;
}
.header-design h5 {
	margin-bottom: 40px;
	font-weight: 400;
}
.header-design .btns-group {}
.header-design .btns-group .wrap {
	justify-content: center;
}
.design-feature-section {}
.design-feature-content {}
.design-feature-content .h4 {
	font-weight: 600;
}
.design-feature-content .h1 {}
.design-feature-content .h5 {
	font-weight: 400;
	margin-bottom: 35px;
}
.design-feature-content ul.ul-list-ic {
	margin-bottom: 35px;
}
.design-feature-content .design-feature-btn-wrap {}
.design-feature-content .design-feature-btn-wrap a {}
.design-feature-image-wrap {}
.design-feature-image-wrap img {
	border-radius: 26px !important;
}
.design-feature-section-img-right {}
.design-feature-section-img-left {}
/*------- page frankenstein ----*/
.frankenstein-header {}
.frankenstein-header-content {}
.frankenstein-header-content h1 {
	font-weight: 600;
}
.frankenstein-header-content .h5 {
	margin: 30px 0;
	font-weight: 400;
}
.frankenstein-header-content ul.ul-list-ic {
	margin-bottom: 30px;
}
.frankenstein-header-image-wrap {}
.frankenstein-header-image-wrap img {
	border-radius: 25px !important;
}
.group-actions {}
.group-actions .wrap {}
.group-actions .wrap {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 10px 20px;
    border: 1px solid #D4D4D4;
    border-radius: 15px;
}
.group-actions .wrap > a:first-child {
    display: inline-flex;
    align-items: center;
    min-height: 52px;
    padding: 0 18px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
    color: #1f1f1f;
    text-decoration: none;
    border-radius: 10px;
    transition: color .25s ease, opacity .25s ease;
}
.group-actions .wrap > a:first-child:hover {
    color: #008ECC;
    text-decoration: none;
}
.frankenstein-symptoms-section {}
.frankenstein-symptoms-heading {
	margin-bottom: 50px;
}
.frankenstein-symptoms-heading .h1 {
	font-weight: 600;
}
.frankenstein-symptoms-heading .h5 {
	font-weight: 400;
	margin-bottom: 0;
}
.block-symptom {
	display: flex;
}
.block-symptom .symptom-card {
    height: 100%;
    min-height: 250px;
    padding: 20px;
    background: transparent;
    border: 1px solid #B1B1B1;
    border-radius: 25px;
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.block-symptom .symptom-card .desc-symptom {
	margin-top: auto;
}
.block-symptom .symptom-card .h3 {
	font-weight: 600;
	color: #008ECC;
}
.block-symptom .symptom-card .h5 {
	font-weight: 600;
	word-break: break-all;
}
.block-symptom .symptom-card p {
	margin-bottom: 0;
	color: #666;
}
.frankenstein-zoo-section {}
.frankenstein-zoo-image-wrap {}
.frankenstein-zoo-image-wrap img {
	border-radius: 25px !important;
}
.frankenstein-zoo-content {}
.frankenstein-zoo-content .h1 {
	margin-bottom: 0;
	font-weight: 600;
}
.frankenstein-zoo-content .h5 {
	font-weight: 400;
	margin: 30px 0;
}
.frankenstein-zoo-content .frankenstein-zoo-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 30px;
}
.frankenstein-zoo-content .frankenstein-zoo-item {
    margin: 0;
}
.frankenstein-zoo-content .frankenstein-zoo-item .h3 {
	font-weight: 600;
	color: #008ECC;
}
.frankenstein-zoo-content .frankenstein-zoo-item h3 {
	font-weight: 600;
}
.frankenstein-zoo-content .frankenstein-zoo-item p {
	color: #666;
	margin-bottom: 0;
}
.frankenstein-zoo-content .group-actions {}
.frankenstein-system-section {}
.frankenstein-system-heading {
	margin-bottom: 65px;
}
.frankenstein-system-heading .h1 {
	font-weight: 600;
}
.frankenstein-system-heading .h1 br {}
.frankenstein-system-heading .h5 {
	font-weight: 400;
	margin-bottom: 0;
}
.frankenstein-system-section .row {
	min-height: 390px;
}
.frankenstein-system-section .system-card.system-card-primary {
    background: #008ECC;
    border-color: #008ECC;
    color: #fff;
    padding: 25px;
    border-radius: 20px;
}
.frankenstein-system-section .system-card.system-card-primary .h3 {
	color: rgba(255, 255, 255, 0.6);
}
.frankenstein-system-section .system-card.system-card-primary p {
	color: rgba(255, 255, 255, 0.6);
}
.frankenstein-system-section .system-card {
    height: 100%;
    padding: 25px;
    border: 1px solid #B1B1B1;
    border-radius: 20px;
    background: transparent;
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.frankenstein-system-section .system-card .h3 {
	font-weight: 600;
	color: rgba(28, 28, 28, 0.6);
}
.frankenstein-system-section .system-card .h4 {
	font-weight: 600;
}
.frankenstein-system-section .system-card p {
	margin-bottom: 0;
	margin-top: auto;
	color: rgba(102, 102, 102, 0.6);
}
/*------- page ai-integration ---*/
.ai-integration-header {}
.ai-integration-header-image-wrap {
    flex: 1;
}
.integration-support {}
.integration-support .system-card.system-card-primary {
	background: #008ECC;
    color: #fff;
    padding: 25px 50px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.integration-support .system-card-primary .h1 {
	font-weight: 600;
}
.integration-support .system-card-primary .h5 {
	font-weight: 400;
	margin: 25px 0;
}
.integration-support .system-card-primary .link {}
.integration-support .system-card-primary .link a.btn {
	color: #ffffff;
	border: 2px solid #ffffff;
}
.integration-support .system-card-primary .link a.btn:hover,
.integration-support .system-card-primary .link a.btn:focus {
	background-color: #ffffff;
	color: #1c1c1c;
	text-decoration: none;
}
.integration-support .row {
    min-height: 520px;
}
.integration-support .system-card {
    height: 100%;
    padding: 25px;
    border-radius: 20px;
    background-color: #ffffff;
    overflow: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.integration-support .system-card .img {}
.integration-support .system-card .desc-support {
	margin-top: auto;
}
.integration-support .system-card .desc-support .h4 {
	font-weight: 600;
}
.integration-support .system-card .desc-support p {
	margin-bottom: 0;
	color: #666;
}
/*------ title page cases ----*/
.page-id-58 h1 {
	margin-bottom: 40px;
}
/*------ page cases ----------*/
.wrap-case-header {
	position: relative;
	padding-top: 30px;
}
.wrap-case-header .desc-header {

}
.wrap-case-header .desc-header h1 {
	font-weight: 600;
}
.wrap-case-header .desc-header h5 {
	font-weight: 400;
}
.wrap-case-header .desc-header .link {
	text-align: center;
}
.wrap-case-header .img-header {
	position: relative;
}
.wrap-case-header .img-header .ins-img {}
.wrap-case-header .img-header img {
	border-radius: 25px !important;
}
.titles-comparison {
	margin-bottom: 30px !important;
}
.titles-comparison h2 {
	font-weight: 600;
}
.titles-comparison h5 {
	font-weight: 400;
}
.block-comparison {}
.block-comparison .elementor-image-box-img img {
	border-radius: 25px;
}
.case-solution-section {}
.case-solution-box {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 85px;
    border-radius: 25px;
    background: #EAEAEA;
}
.case-solution-content {
    position: relative;
    z-index: 2;
    max-width: 560px;
}
.case-solution-bg-title {
    margin-bottom: 25px;
    font-size: 80px;
    line-height: 0.95;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #b1b1b1;
}
.case-solution-text {
    margin-bottom: 120px;
    min-height: 160px;
}
.case-solution-text h2 {
    margin-bottom: 18px;
    line-height: 1.1;
    font-weight: 600;
    color: #1c1c1c;
}
.case-solution-text #caseSolutionDesc {
    line-height: 1.55;
    color: #000;
}
.case-solution-pagination {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.case-solution-pagination .swiper-pagination-bullet {
    width: 100%;
    height: auto;
    margin: 0 !important;
    background: transparent;
    border-radius: 0;
    opacity: 1;
}
.case-solution-pagination .solution-bullet {
    display: block;
    cursor: pointer;
    user-select: none;
}
.case-solution-pagination .solution-bullet-label {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    color: #1f1f1f;
    transition: color 0.3s ease;
}
.case-solution-pagination .solution-bullet-line {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: #d7d3d3;
}
.case-solution-pagination .solution-bullet-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: 999px;
    background: #008ECC;
    transition: width 0.2s linear;
}
.case-solution-pagination .swiper-pagination-bullet-active .solution-bullet-label {
    color: #1c1c1c;
}
.case-solution-slider-wrap {
    position: relative;
}
.case-solution-slider {
    overflow: visible;
}
.case-solution-slider .swiper-slide {
    opacity: 0 !important;
    transition: opacity 0.45s ease;
}
.case-solution-slider .swiper-slide-active {
    opacity: 1 !important;
}
.case-solution-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}
.case-solution-slider .slide-meta {
    display: none;
}
.mobile-first-section {}
.mobile-first-title {
    font-weight: 600;
    margin-bottom: 50px;
}
.mobile-first-section .owl-carousel .item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
}
.mobile-first-section .owl-carousel .item img {
    width: 100%;
    display: block;
}
.mobile-first-section .owl-dots {
    text-align: center;
    margin-top: 20px;
}
.mobile-first-section .owl-dot {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 6px;
    border-radius: 50%;
    background: #d7d3d3 !important;
    cursor: pointer;
}
.mobile-first-section .owl-dot.active {
    background: #008ECC !important;
}
.row-before-fliesen {}
.row-before-fliesen .left-before {
	display: flex;
}
.row-before-fliesen .left-before .wrap {
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #ffffff;
    background-image: url('/wp-content/uploads/cases/bg-form-fliesen.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
    padding: 70px 40px;
}
.row-before-fliesen .left-before .wrap ul.ul-list-ic {
	margin: 0;
}
.row-before-fliesen .left-before .wrap .desc {
	margin-top: auto;
}
.row-before-fliesen .left-before .wrap .desc .h3 {
	font-weight: 600;
	margin-bottom: 20px;
}
.row-before-fliesen .right-before .wrap {
	background-color: #ffffff;
	border-radius: 25px;
	padding: 70px 40px 40px;
}
.section-does .block-comparison .elementor-image-box-img img {
	border-radius: 25px;
}
.case-steps {}
.custom-case-steps {}
.custom-case-steps .block-step {}
.custom-case-steps .block-step .wrap {
	display: flex;
    flex-direction: column;
    border-radius: 25px;
	border: 1px solid #D0D0D0;
	padding: 20px;
	height: 280px;
	width: 100%;
}
.custom-case-steps .block-step .wrap .num {
	color: #008ECC;
}
.custom-case-steps .block-step .wrap .desc {
	margin-top: auto;
}
.custom-case-result {}
.custom-case-result .block-step-icon .wrap {
	background-color: #EAEAEA;
	border-color: #EAEAEA;
}
.custom-case-result .block-step-white .wrap {
	box-shadow: 2px 2px 25.7px 0 rgba(0, 142, 204, 0.07);
	border-color: #ffffff;
	background-color: #ffffff;
}
.custom-case-result .block-step .wrap .ic {
	margin-bottom: 15px;
}
.monstr-traffic ul.ul-list-ic li {
	align-items: flex-start;
}
.section-dive {}
.custom-dive {}
.custom-dive .title-dive {}
.custom-dive .title-dive .h2 {}
.custom-dive .title-dive .h5 {}
.custom-dive .blocks-dive {}
.custom-dive .blocks-dive .block-dive {}
.custom-dive .blocks-dive .block-dive .wrap {
	border-radius: 25px;
	padding: 30px;
}
.custom-dive .blocks-dive .block-dive .wrap hr {
	margin: 20px 0;
  	width: 100px;
}
.custom-dive .blocks-dive .block-dive-1 {
	margin-bottom: 22px;
}
.custom-dive .blocks-dive .block-dive-1 .wrap {
	background-image: url(/wp-content/uploads/for-site/bg-block-offer-2.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.custom-dive .blocks-dive .block-dive-2 {}
.custom-dive .blocks-dive .block-dive-2 .wrap {
	color: #ffffff;
	background-color: #008ecc;
}
.section-demo {}
.section-demo .block-demo {}
.section-demo .block-demo .elementor-image-box-content {}
.section-results-proj {}
.section-results-proj .block-res-proj {}
/*------ page about ----------*/
.about-header {}
.about-header-content {}
.about-header-content .h1 {
	font-weight: 600;
	margin-bottom: 0;
}
.about-header-content .h5 {
	font-weight: 400;
	margin: 30px 0;
}
.about-actions {
	display: flex;
	align-items: center;
	gap: 20px;
}
.about-header-content .about-actions {}
.about-header-grid {}
.about-header-grid .about-header-card {
	background-color: #ffffff;
	padding: 25px;
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	height: 200px;
}
.about-header-grid .about-header-card .h4 {
	font-weight: 600;
}
.about-header-grid .about-header-card p {
	margin-bottom: 0;
	color: #666;
}
.img-page-about {}
.img-page-about .img-header {
	padding: 0 10px;
}
.img-page-about .img-header img {
	border-radius: 25px !important;
}
.head-digit-system {
	margin-bottom: 35px;
}
.head-digit-system .h3 {
	font-weight: 600;
}
.head-digit-system .h5 {
	font-weight: 400;
	margin-bottom: 0;
}
.stages-work {}
.stages-work .block-stage {}
.stages-work .block-stage .wrap {
	border-radius: 25px;
	border: 1px solid #B1B1B1;
	overflow: hidden;
    padding: 25px;
    display: flex;
    flex-direction: column;
    height: 630px;
}
.stages-work .block-stage .h2 {
	font-weight: 600;
}
.stages-work .block-stage .h5 {
	font-weight: 400;
	margin-bottom: 60px;
}
.stages-work .block-stage ul.ul-list-ic {}
.stages-work .block-stage .link {
	margin-top: auto;
}
.stages-work .block-stage .link a {}
/*------ contact page ---------*/
.contact-page {}
.contact-page .left-cont {}
.contact-page .left-cont .h1 {
	font-weight: 600;
	margin-bottom: 45px;
}
.contact-page .left-cont .block-cont {
	margin-bottom: 30px;
}
.contact-page .left-cont .block-cont .h5 {
	color: #666;
	font-weight: 600;
}
.contact-page .left-cont .block-cont .h3,
.contact-page .left-cont .block-cont .h3 a {
	font-weight: 600;
}
.contact-page .left-cont .block-cont .h3 a:hover,
.contact-page .left-cont .block-cont .h3 a:focus {
	text-decoration: underline;
}
.contact-page .left-cont .block-phone {}
.contact-page .left-cont .block-mail {}
.contact-page .left-cont .block-address {}
.contact-page .left-cont .cont-social {}
.contact-page .left-cont .cont-social .title-social {
	color: #666;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 0.5rem;
}
/*-------- modal form ----------*/
.modal-dialog-form {
	max-width: 705px;
}
.modal-dialog-form .modal-content {
	border-radius: 20px;
}
.modal-dialog-form .modal-header {
	border: none;
	padding-bottom: 0;
}
.modal-dialog-form .modal-body {
	padding: 0 35px 25px;
}
.modal-dialog-form .modal-body .h2 {
	text-align: center;
	margin-bottom: 6px;
}
.modal-dialog-form .modal-body .text {
	text-align: center;
	line-height: normal;
	margin-bottom: 14px;
}
.modal-dialog-form .modal-body .include-form .field .mb-3 {
	margin-bottom: 14px !important;
}
.modal-dialog-form .modal-body .include-form input,
.modal-dialog-form .modal-body .include-form select {
	height: 58px;
	font-size: 14px;
	border-radius: 10px;
	border: 1px solid #CFCFCF;
	color: #666;
}
.modal-dialog-form .modal-body .include-form input:focus,
.modal-dialog-form .modal-body .include-form select:focus {
	box-shadow: none;
	border-color: #008ECC;
}
.modal-dialog-form .modal-body .include-form input::-webkit-input-placeholder {
   color: #212121;
   font-size: 14px;
}
.modal-dialog-form .modal-body .include-form input:-moz-placeholder {
   color: #212121;
   font-size: 14px;
}
.modal-dialog-form .modal-body .include-form input::-moz-placeholder {
   color: #212121;
   font-size: 14px;
}
.modal-dialog-form .modal-body .include-form input:-ms-input-placeholder {
   color: #212121;
   font-size: 14px;
}
.modal-dialog-form .modal-body .include-form .acceptance {
	margin-bottom: 10px;
	text-align: center;
}
.modal-dialog-form .modal-body .include-form .acceptance .wpcf7-list-item {
	margin-left: 0;
}
.modal-dialog-form .modal-body .include-form .acceptance .wpcf7-list-item label {
	font-size: 14px;
}
.modal-dialog-form .modal-body .include-form .acceptance .form-check-input {
	margin-right: 5px;
}
.modal-dialog-form .modal-body .include-form .acceptance .wpcf7-list-item a {
	text-decoration: underline;
}
.modal-dialog-form .modal-body .include-form .acceptance .wpcf7-list-item a:hover,
.modal-dialog-form .modal-body .include-form .acceptance .wpcf7-list-item a:focus {
	text-decoration: none;
}
.modal-dialog-form .modal-body .include-form .button-submit {}
.modal-dialog-form .modal-body .include-form .button-submit input {
	width: 100%;
}
.modal-dialog-form .modal-body .include-form .button-submit .wpcf7-spinner {
	display: none;
}
.modal-dialog-form .modal-body .include-form .confid {
	text-align: center;
}
.modal-dialog-form .modal-body .include-form .confid a {
	text-decoration: underline;
}
.modal-dialog-form .modal-body .include-form .confid a:hover,
.modal-dialog-form .modal-body .include-form .confid a:focus {
	text-decoration: none;
}
.modal-dialog-form .modal-body .include-form button.evf-submit {
	width: 100%;
	border-radius: 10px;
	border: none;
	background-color: #008ECC;
	height: 52px;
	color: #ffffff;
	font-weight: 600;
}
.modal-dialog-form .modal-body .include-form button.evf-submit:hover {
	background-color: rgba(0, 142, 204, 0.80);
}
/******** 404 ***********/
.error-page-inner {
    padding-top: 20px;
    padding-bottom: 80px;
}
.error-page-inner .img-error {
    text-align: center;
    margin-bottom: 30px;
}
.error-page-inner .img-error img {
    /*max-width: 25%;*/
}
.error-page-inner .error-page-text {
    text-align: center;
}
.error-page-inner .error-page-text .h3 {
	font-weight: 600;
}
.error-page-inner .error-page-text .h5 {
	color: #333;
	font-weight: 400;
}
.error-page-inner .error-page-text .link {
	margin-top: 30px;
}
/******** thank-page *********/
.thank-page {}
.thank-page .img-thank-page {
	text-align: center;
    margin-bottom: 30px;
}
.thank-page .img-thank-page img {}
.thank-page .thank-page-text {
	text-align: center;
}
.thank-page .thank-page-text .h2 {
	font-weight: 600;
}
.thank-page .thank-page-text .h5 {
	color: #333;
	font-weight: 400;
}
.thank-page .thank-page-text .link {
	margin-top: 30px;
}