.code-toolbar {
    position: relative;
    margin: 18px 0;
}
.code-toolbar pre[class*="language-"] {
    padding-top: 2em;
}
.code-toolbar .toolbar {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: calc(100% - 2rem);
    padding: 0px 1rem;
}
.code-toolbar .toolbar .toolbar-item span, .code-toolbar .toolbar .toolbar-item button {
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    padding: 0 0.6rem;
}
.code-toolbar .toolbar .toolbar-item button {
    border: 0;
    outline: 0;
    background: #de434e;
}
.code-toolbar .comment {
    position: initial;
    background: unset;
}
.line-numbers-rows > span {
    line-height: 1.46;
}

.body {
	padding-top: 62px;
	min-height: calc(100vh - 62px);
}

.home .body {
    padding-top: 0;
    min-height: 100vh;
}

.wrapper {
    padding: 0 20px;
    position: relative;
    max-width: 1250px;
	margin:0 auto;
}

header {
	position:fixed;
	top:0;
	background:#fff;
	width: 100%;
	box-shadow:0 2px 2px 0 rgb(28 54 72 / 11%);
	transition:0.2s;
	z-index: 99;
}

header .wrapper {
	display:flex;
	justify-content: space-between;
	z-index: 2;
}

header .logo {
	padding: 21px 0;
}
header .logo .logo-block {
	display:flex;
	align-items: center;
	gap: 10px;
}
header .logo .logo-block svg {
	width: 32px;
    height: auto;
}
header .logo .logo-block svg g {
	transition: 0.2s;
}
header.header_top .logo .logo-block svg g {
	fill: #fff;
}
.home header.header_top .logo .logo-block svg g {
	fill: #cfe0f9;
}
.home header.active_search .logo .logo-block svg g {
	fill: #191919!important;
}

header .logo a {
	font-family: 'Roboto';
	font-weight:500;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 24px;
	color: #191919;
	line-height:0.8;
}

header.header_top {
	background:#26292c;
	box-shadow:none;
}

.home header.header_top {
    background: transparent;
    box-shadow: none;
}

footer {
	background:#26292c;
	padding: 0;
}

footer .developer {
	text-align:center;
	padding:12px 0;
	font-size: 16px;
	color:#fff;
}

section.main {
    width: 100%;
	height:100vh;
	background: #283654;
}

.err_404 .wrapper {
	min-height: calc(100vh - 102px);
}

.err_404 .content {
	margin: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	text-align:center;
	max-width: 360px;
}

.err_404 .content h1 {
	font-size: 10rem;
	letter-spacing: 16px;
	font-weight: 600;
}

.err_404 .content .text {
	margin-top: 2rem;
	text-transform: uppercase;
	font-size: 21px;
	line-height: 1.6;
}

.crayon-syntax {
	border:0!important;
	padding:16px;
}

#breadcrumbs {
	width:100%;
	margin: 0 0 1rem;
	color:#999;
	font-size: 14px;
}

a.anchor {
	display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}

.wp-pagenavi {
	width:100%;
}

.wp-pagenavi a, .wp-pagenavi span {
	padding: 9px 8px;
    text-decoration: none;
    border-bottom: 1px solid #cecece;
    margin: 0 2px;
}

.wp-pagenavi .current {
	border-color: #565656!important;
    color: #565656;
}

a {
	text-decoration:none;
	color:#3e78b2;
}

a:hover {
	color:#b33a3a;
}

strong {
	font-weight:700;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	background-color: #515151;
}

.sidebar .sticky {
	position: sticky;
    top: 100px;
}

.table {
	height: auto;
    display: table;
	width:100%;
}

.table .tr {
	height: auto;
    display: table-row;
}

.table .tr .td {
    display: table-cell;
    vertical-align: middle;
    padding: 0.4rem 0.5rem 0.4rem 0.5rem;
}

.blog, .single_post, .services {
	margin-top:32px;
	padding-bottom: 3rem;
	min-height: calc(100vh - 230px);
}

.blog .wrapper, .single_post .wrapper {
	display:flex;
	justify-content: space-between;
}

.blog .sidebar, .single_post .sidebar {
	width: 240px;
    min-width: 240px;
    padding-left: 45px;
}

.blog h1, .single_post h1, .services h1, .services h1, .services_page h1, .faq_category h1 {
	font-size: 52px;
	line-height: 1.2;
	font-family: "PT Serif", Georgia, serif;
	color: #343434;
	margin: 0 0 40px;
}

.services h2 {
	font-size: 30px;
	line-height: 1.2;
	font-family: 'Roboto';
	color: #343434;
	margin: 0 0 32px;
}

.blog .post {
	width:100%;
	margin:0 0 70px 0;
}

.blog .post h2 a {
	font-size: 32px;
	color:#000;
	line-height: 1.5;
}

.blog .post .description {
	font-size: 16px;
	line-height: 24px;
	margin: 1.6rem 0;
}

.blog .post .meta time {
	color: #a0a0a0;
	margin-right: 2rem;
}

.blog .post .meta a {
	margin:0 0.25rem
}

.single_post h2, .single_post h3, .single_post h4, .single_post h5, .single_post h6 {
	font-weight: 700;
    font-size: 32px;
    margin: 2rem 0;
	color: #343434;
	font-family: "PT Serif", Georgia, serif;
}

.single_post .date {
	padding: 0;
    margin: 36px 0;
	color:#5f5f5f;
}

.single_post h3, .services h3 {
	font-size:1.5rem;
	font-weight:500;
	margin-bottom:1rem;
}

.services_page .description {
	line-height: 1.4;
}

.single_post p, .services p {
	margin: 3rem 0;
	font-size: 16px;
	line-height: 26px;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.single_post ul {
	padding-left: 20px;
	margin: 0 0 2rem 0;
}

.single_post ul li {
	list-style: none;
	margin: 4px 0;
	position: relative;
	line-height: 26px;
}

.single_post ul li::before {
	content: "\2022";
    color: #ccc;
    position: absolute;
    font-size: 18px;
    left: -20px;
}

.single_post .tags a {
	margin-right:0.5rem;
}

.page_section {
	padding: 4rem 0;
}

.page_section h2 {
	font-family: 'Roboto';
	font-weight:300;
	text-align:center;
	font-size: 3rem;
}

.page_section .description {
	font-size: 24px;
    text-align: center;
    margin: 2rem auto 0 auto;
    width: 80%;
    line-height: 1.6;
}

.certificates, .integration {
	background:#f6f6f6;
}

.cards_list {
	margin-top: 2rem;
    text-align: center;
}

.cards_list li {
	display: inline-block;
    padding: 1rem;
}

.cards_list li img {
    width: 16rem;
}

.technologies .tag {
    text-align: center;
    width: 50%;
    margin: 2rem auto 0 auto;
}

.technologies .tag span {
    display: inline-block;
    border-radius: 30px;
    border: 2px solid #eeeef1;
    padding: 9px 24px 8px;
    font-size: 1.125rem;
    color: #262626;
    margin-bottom: 14px;
    margin-right: 6px;
    text-transform: uppercase;
	transition:0.3s;
}

.technologies .tag span:hover {
	background: #eeeef1;
}

.numbers .blocks {
	display:flex;
	margin-top: 2rem;
}

.numbers .blocks .item {
	width: 25%;
    margin: 0 16px;
	text-align:center;
	background:#f6f6f6;
	color: #3d3d3d;
	padding: 12px 18px 20px 18px;
}

.numbers .blocks .item:first-child {
	margin-left:0;
}

.numbers .blocks .item:last-child {
	margin-right:0;
}

.numbers .blocks .item .timer {
	font-weight: 600;
    font-size: 58px;
}

.numbers .blocks .item .text {
	text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-top: 12px;
}

.customers {
	display: inline-block;
    text-align: center;
    width: 100%;
}

.customers ul {
	margin-top: 2rem;
    display: list-item;
	list-style: none;
}

.customers ul li {
    width: calc(25% - 16px);
    float: left;
    margin: 0 0.5rem;
	list-style: none;
}

.customers ul li .image {
	position: relative;
    background: #f6f6f6;
    border: 1px solid #eee;
    margin: 1rem 1rem 0 0;
    width: 100%;
    height: 156px;
	display: block;
}

.customers ul li .image img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.transition-05 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.filter-grey {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.filter-grey:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
}

.crayon-syntax .crayon-num, .crayon-syntax .crayon-pre .crayon-line, .crayon-syntax .crayon-toolbar *, .crayon-syntax .crayon-pre * {
    line-height: 2!important;
}

.form_footer {
	padding: 4rem 0;
}

.form_footer .title {
	font-size: 2.5rem;
    text-align: center;
    margin-bottom: 40px;
}

.form_footer .blocks {
    width: 100%;
    display: flex;
}

.form_footer .blocks .item {
    width: calc(50% - 35px);
    float: left;
    padding-left: 35px;
	position: relative;
}

.form_footer .blocks .item:first-child {
    padding-left: 0;
    padding-right: 35px;
	
}

.form_footer .blocks .item .text {
    text-align: right;
    font-size: 90px;
    font-weight: 400;
	position: absolute;
    top: 38%;
    transform: translate(0, -50%);
    max-width: min-content;
    right: 0;
}

.form_footer .blocks .form_project {
    width: 70%;
    height: auto;
    list-style: none;
}

.form_footer .blocks .form_project li {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 32px;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 17px;
    color: #1c2529;
    max-width: 430px;
}

.form_footer .blocks .form_project li label {
    position: absolute;
    pointer-events: none;
    font-size: 17px;
    letter-spacing: 1px;
    left: 1em;
    top: 15px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.form_footer .blocks .form_project li input {
    width: calc(100% - 16px);
    height: 50px;
    font-size: 17px;
    font-weight: 400;
    background: 0 0;
    -webkit-appearance: none;
    border: none;
    border-bottom: 1px solid #1c2529;
    padding-left: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.form_footer .blocks .form_project .wpcf7-submit {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    background: #000;
    padding: 15px 40px;
    width: auto;
    height: auto;
    float: right;
    cursor: pointer;
    border-radius: 32px;
	transition:0.3s;
}

.form_footer .blocks .form_project li:last-child {
	margin-bottom:0;
}

.form_footer .blocks .form_project .wpcf7-submit:hover {
	background:#323232;
}

.form_footer .blocks .form_project li textarea {
    width: calc(100% - 16px);
    height: 38px;
    font-weight: 400;
    font-size: 17px;
    color: #1c2529;
    background: 0 0;
    -webkit-appearance: none;
    box-shadow: none!important;
    border: none;
    position: relative;
    border-bottom: 1px solid #1c2529;
    padding: 16px 0 0 16px;
    transition: all .3s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.active_label {
    left: 16px!important;
    top: -15px!important;
    font-size: 11px!important;
}

.list_icon {
	display: inline-block;
    width: 100%;
    margin: 4rem 0 1rem 0;
}

.list_icon li {
	width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 2rem;
	list-style: none;
}

.list_icon .icon {
    background-color: #f6f6f6;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    margin: auto;
    background-position: center,center;
    background-repeat: no-repeat;
	position:relative;
}

.list_icon .icon img {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.list_icon .text {
    font-size: 1.1rem;
    padding-top: 1rem;
    max-width: 14rem;
    margin: auto;
	line-height: 1.5;
}

a.additional_advantage {
	display: inline-block;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 4px;
    font-size: 28px;
}

a.additional_advantage:hover {
	border-bottom:1px solid #fff;
}

.advantage  .wrapper {
	text-align:center;
}

.block_main {
	background: #26292c;
    height: calc(100vh - 62px);
    padding: 0;
	position:relative;
}

.block_main .wrapper {
	position:unset;
}

.block_main h1 {
	text-align:center;
	font-size:40px;
	font-weight:700;
	color:#fff;
	padding-top:80px;
}

.block_main .description {
    font-size: 24px;
    margin: 0.5rem auto o auto;
    color: #fff;
}

.block_main .image_crm {
	width: 80%;
    max-width: 1100px;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
	border: 10px solid #222427;
}

.integration li .image img {
    max-width: 13rem;
    max-height: 3rem;
}

.tooltip {
	position: relative;
}

.tooltip .tooltiptext {
	visibility: hidden;
    position: absolute;
    width: 100px;
    background-color: rgba(0,0,0,1);
	font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 6px 4px;
    border-radius: 0px;
    z-index: 1;
    opacity: 0;
    transition: opacity .5s;
    bottom: 145%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
}

.tooltip .tooltiptext::after {
	content: '';
    position: absolute;
	top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0,0,0,1) transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity:1;
}

.text_shadow {
	font-family: 'Roboto';
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}

.col-sm-12 {
	width: 100%;
}

.col-sm-11 {
	width: 91.66666667%;
}

.col-sm-10 {
	width: 83.33333333%;
}

.col-sm-9 {
	width: 75%;
}

.col-sm-8 {
	width: 66.66666667%;
}

.col-sm-7 {
	width: 58.33333333%;
}

.col-sm-6 {
	width: 50%;
}

.col-sm-5 {
	width: 41.66666667%;
}

.col-sm-4 {
	width: 33.33333333%;
}

.col-sm-3 {
	width: 25%;
}

.col-sm-2 {
	width: 16.66666667%;
}

.col-sm-1 {
	width: 8.33333333%;
}

.result_text {
	margin-left:8px;
}

.input-group {
	display: flex;
    align-items: center;
	margin-bottom:2rem;
}

.input-group:last-child {
	margin-bottom: 0;
}

.input-group label {
	display: inline-flex;
    align-items: center;
	padding-right: 1rem;
}

.input-group-addon {
	margin-right:0.5rem;
}

.nice-select {
	width: 100%;
    border-radius: 0;
    border: 1px solid #a2a2a2;
	font-size: 16px;
}

.nice-select .list {
	border: 1px solid #a2a2a2;
    border-radius: 0;
    box-shadow: none;
	left: -1px;
	font-size: 16px;
}

.ui-slider {
	border: 1px solid #a2a2a2;
	height: .2em;
	z-index: 1;
	width: calc(100% - 2px);
    position: relative;
	margin-top: 1rem;
    display: inline-block;
}

.ui-slider .ui-slider-handle {
	position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: pointer;
    background: #a2a2a2;
    border-radius: 50%;
    top: 50%;
    transform: translate(0, -50%);
	margin-left:-8px;
}

.form-block {
	width:100%;
	margin-bottom: 2rem;
	display: flow-root;
}

.form-block .name {
	display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1rem;
}

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

input {
	border:1px solid #a2a2a2;
	padding:8px 16px;
	font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;
}

textarea {
	font-size: 16px;
    padding: 16px;
	border: 1px solid #a2a2a2;
	width:calc(100% - 34px);
	resize: none;
}

.transliteration textarea {
	font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    width: calc(100% - 44px);
    margin-bottom: 2rem;
    height: 300px;
}

.services .information {
	width: 100%;
    display: inline-block;
	margin-top: 2rem;
}

.jscolor-picker-border {
	border-radius: 0!important;
    margin-top: 0.5rem!important;
}

#qrcode img {
	width:100%;
}

.qrcode .panel {
	width: 80%;
}

.table_no_border td {
	padding: 8px 0;
    vertical-align: middle;
}

.faq_list .post {
	margin: 0 0 18px 0;
}

.faq_list .post h2 a {
	font-size: 22px;
}

.faq .content img {
	border: 1px solid #ccc;
    padding: 20px;
    margin: 2rem auto;
    display: block;
    max-width: calc(100% - 40px);
}

.faq .content table img {
	padding:10px;
	max-width: calc(100% - 20px);
	margin: 0 auto;
}

#particles {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#particles #intro {
	position: absolute;
    left: 0;
    top: 50%;
    width: calc(100% - 32px);
    text-align: center;
    padding: 0 16px;
}

#particles .overlay {
	position: absolute;
	background: rgba(0,0,0,0.1);
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

#particles h1 {
	text-transform: uppercase;
	font-size: 64px;
	font-weight: 700;
	letter-spacing: 0.015em;
	color: #cfe0f9;
	text-shadow:0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}

#particles h1::after {
	content: '';
    width: 120px;
    display: block;
    background: #cfe0f9;
    height: 6px;
    margin: 30px auto;
    line-height: 1.1;
}

#particles .prefix, #particles .wrap {
	font-size:28px;
	font-weight:700;
	color:#cfe0f9;
	display:inline-block;
	margin:0 auto;
}

#particles .prefix {
	margin-bottom:12px;
}

.pulse {
	z-index: 9;
	cursor: pointer;
	position: fixed;
	right: 0;
	bottom: 30px;
	transform: translate(-50%, -50%);
	background: #176DDE;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	color: #fff;
	text-align: center;
	line-height: 100px;
	font-size: 60px;
}

.pulse:before, .pulse:after {
	content:'';
	display: block;
	position: absolute;
	border-radius: 50%;
	border: 1px solid #176DDE;
	left: -15px;
	right: -15px;
	top: -15px;
	bottom: -15px;
	border-radius: 50%;
	animation: animate 1.5s linear infinite;
	opacity: 0;
	backface-visibility: hidden;
}

.comment {
	background: url('../img/comment-dots.svg') center no-repeat;
	width:2rem;
	height:2rem;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pulse:after{
	animation-delay: .5s;
}

.pulse a {
	width:3rem;
	height:3rem;
	position:absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 0.5s linear;
}

.pulse a.viber {
	opacity: 0;
	background-color:#176DDE;
}

.pulse a.messenger {
	opacity: 0;
	background-color:#176DDE;
}

.pulse a.whatsapp {
	opacity: 0;
	background-color:#176DDE;
}

.pulse a i {
	width:2.2rem;
	height:2.2rem;
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.pulse a.viber i {
	background: url('../img/viber.svg') center no-repeat;
}

.pulse a.messenger i {
	background: url('../img/messenger.svg') center no-repeat;
}

.pulse a.whatsapp i {
	background: url('../img/whatsapp.svg') center no-repeat;
}

.pulse_active a:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.pulse_active a.viber, .pulse_active a.messenger, .pulse_active a.whatsapp {
	display: block;
}

.pulse_active:before, .pulse_active:after {
	animation: none;
}

.pulse_active a.viber {
	opacity: 1;
	left: -2.2rem;
}

.pulse_active a.messenger {
	opacity: 1;
	left: -1.2rem;
	top: -0.9rem;
}

.pulse_active a.whatsapp {
	opacity: 1;
	left: 1.8rem;
	top: -2rem;
}

@keyframes animate
{
	0%
	{
		transform: scale(0.5);
		opacity: 0;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		transform: scale(1.2);
		opacity: 0;
	}
}

.world_map .map {
	margin-top: 4rem;
}

.world_map .map .data {
	display: flex;
    justify-content: center;
	position:relative;
}

.world_map .map .map-file {
	width:80%;
	margin: 0 auto;
}

.el-dots {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #283654;
    cursor: pointer;
}

.el-dots .country {
	position: absolute;
    top: -30px;
    padding: 4px 8px;
    background: #f0f0f0;
    z-index: 2;
    font-size: 14px;
	display: flex;
    align-items: center;
}

.el-dots .country img {
	margin-right:8px;
	width: 30px;
}

.el-dots:before {
    background: rgba(40, 54, 84,.24);
    -webkit-animation: blink-2 1.3s infinite;
	animation: blink-2 1.3s infinite;
}

.el-dots:before, .el-dots:after {
	position: absolute;
    content: ' ';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
	opacity: 0;
}

.el-dots:after {
    background: rgba(40, 54, 84,.36);
    -webkit-animation: blink-1 2.3s infinite;
    animation: blink-1 2.3s infinite;
}

@-webkit-keyframes blink-1 {
	0%{
		opacity:0;
		-webkit-transform:scale(1,1);
		transform:scale(1,1)
	}
	50%{
		opacity:1;
		-webkit-transform:scale(4,4);
		transform:scale(4,4)
	}
	100%{
		opacity:0;
		-webkit-transform:scale(5.3,5.3);
		transform:scale(5.3,5.3)
	}
}

@keyframes blink-1{
	0%{
		opacity:0;
		-webkit-transform:scale(1,1);
		transform:scale(1,1)
	}
	50%{
		opacity:1;
		-webkit-transform:scale(4,4);
		transform:scale(4,4)
	}100%{
		opacity:0;
		-webkit-transform:scale(5.3,5.3);
		transform:scale(5.3,5.3)
	}
}

@-webkit-keyframes blink-2{
	0%{
		opacity:1;
		-webkit-transform:scale(1,1);
		transform:scale(1,1)
	}
	100%{
		opacity:0;
		-webkit-transform:scale(5.3,5.3);
		transform:scale(5.3,5.3)
	}
}

@keyframes blink-2{
	0%{
		opacity:1;
		-webkit-transform:scale(1,1);
		transform:scale(1,1)
	}
	100%{
		opacity:0;
		-webkit-transform:scale(5.3,5.3);
		transform:scale(5.3,5.3)
	}
}

.generator_filters .pixel {
	display: inline-block;
	background-color: #000;
	width:100px;
	height:100px;
}

.generator_filters .generate {
	display: inline-block;
    padding: 10.5px 10px;
    background: #ccc;
    cursor: pointer;
}

.generator_filters code {
	font-family: Arial;
    font-size: 18px;
    border: 1px solid #283654;
    display: block;
    padding: 16px;
    line-height: 1.5;
    background: #cfe0f9;
    color: #283654;
}

.latest_projects .blocks {
	margin-top:4rem;
	padding: 0 50px;
    width: calc(100% - 100px);
}

.latest_projects .blocks .item {
	background: #f6f6f6;
    padding: 1.5rem;
	border-radius: 20px;
}

.latest_projects .blocks .item .image {
	height: 500px;
    overflow-y: auto;
	padding:0 0.5rem;
}

.latest_projects .blocks .item .image img {
	max-width:100%;
}

.latest_projects .blocks .item .name {
	text-transform: uppercase;
    margin: 24px 0 18px 0;
    font-size: 18px;
    font-weight: 700;
}

.latest_projects .blocks .item .description {
	font-size: 20px;
    text-align: left;
    margin: 0 0 12px 0;
    width: 100%;
    line-height: 1;
}

.latest_projects .blocks .item .image::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	background-color: #F5F5F5;
}

.latest_projects .blocks .item .image::-webkit-scrollbar {
	width: 1px;
	background-color: #F5F5F5;
}

.latest_projects .blocks .item .image::-webkit-scrollbar-thumb {
	background-color: #000;
}

.latest_projects .owl-nav {
	width: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.latest_projects .owl-nav .owl-next span, .latest_projects .owl-nav .owl-prev span {
	font-size:0;
}

.latest_projects .owl-nav .owl-next {
	right: 0;
    position: absolute;
}

.latest_projects .owl-nav .owl-next:before {
	content: "\e876";
	font-family: 'Linearicons-Free';
	font-weight: normal;
	font-style: normal;
	font-size: 36px;
}

.latest_projects .owl-nav .owl-prev:before {
	content: "\e875";
	font-family: 'Linearicons-Free';
	font-weight: normal;
	font-style: normal;
	font-size: 36px;
}

.project_post h1 {
	font-family: "OpenSans", sans-serif;
	text-transform: uppercase;
	font-weight:700;
}

.project_post .image {
	margin-top:2rem;
}

.project_post .image img {
	max-width: calc(100% - 20px);
    border: 10px solid #eaeaea;
    border-radius: 9px;
}

.services_page .items {
	display: flex;
    flex-flow: wrap;
	margin-top: 2rem;
}

.services_page .items .item {
	width: calc(50% - 16px);
    background: #f6f6f6;
    margin-right: 1rem;
    margin-bottom: 2rem;
	transition:0.2s;
}

.services_page .items .item:hover {
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.5);
}

.services_page .items .item:nth-child(2n + 2) {
	margin-right: 0;
	margin-left: 1rem;
}

.services_page .items .item a {
	display:block;
	padding: 2rem;
}

.services_page .items .item a span {
	display:block;
}

.services_page .items .item a span.image img {
	width:100%;
}

.services_page .items .item a span.title {
	margin-top: 1.5rem;
    font-size: 21px;
    color: #343434;
    text-align: center;
    line-height: 1;
}

.advantage_crm h1, .questions_answers h1 {
	font-family: 'Roboto';
    font-weight: 300;
    text-align: center;
    font-size: 3rem;
}

.questions_answers .blocks {
	margin: 4rem 0 0 0;
}

.questions_answers .blocks .item {
	width: calc(100% - 32px);
    padding: 1rem;
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 6px 7px 3px -3px #dbdbdb;
    box-shadow: 6px 7px 3px -3px #dbdbdb;
    background: #f6f6f6;
}

.questions_answers .blocks .item .question {
	font-size: 22px;
	cursor:pointer;
	position:relative;
}

.questions_answers .blocks .item .answer {
	display: none;
	margin-top: 2rem;
    font-size: 18px;
    line-height: 1.6;
}

.questions_answers .blocks .item .question:before {
	content:'';
	background: url('../img/plus.svg') center no-repeat;
	width:1rem;
	height:1rem;
	position:absolute;
	top: 4px;
	right: 16px;
	transition:0.2s;
}

.questions_answers .blocks .item.active .question:before {
	transform: rotate(45deg);
}

.contacts {
	display: flex;
    height: calc(100vh - 102px);
}

.contacts .info {
	width: calc(50% - 96px);
    padding: 3rem;
}

.contacts #map {
	width:50%;
	height:100%;
}

.contacts .info h1 {
	font-family: 'Roboto';
    font-weight: 300;
    text-align: center;
    font-size: 3rem;
}

.contacts .info .qr_code {
	margin-top:2rem;
}

.contacts .info .qr_code img {
	display: block;
	width:100%;
	max-width:300px;
	margin:0 auto;
}

.contacts .info .phone, .contacts .info .email {
	text-align:center;
}

.contacts .info .phone {
	margin-top:3rem;
}

.contacts .info .phone .phone_number {
	font-size: 22px;
    text-decoration: none;
    color: #343434;
}

.contacts .info .email a {
	display: block;
	font-size: 22px;
    text-decoration: none;
    color: #343434;
	margin-top:1rem;
}

.faq_category {
	margin-top:80px;
	padding-bottom:40px;
}

.faq_category .block {
	margin-bottom:1rem;
}

.faq_category .block h2 {
	font-size: 32px;
    line-height: 1.2;
    font-family: "PT Serif", Georgia, serif;
    color: #343434;
	margin-bottom:1rem;
}

.faq_category .block ul {
	list-style:none;
}

.faq_category .block ul .menu-item-has-children {
	margin:1.5rem 0;
}

.faq_category .block ul a {
	display:block;
	margin-bottom:0.5rem;
}

.faq_category .block ul .menu-item-has-children a {
	font-weight:700;
}

.faq_category .block ul .menu-item-has-children .sub-menu a {
	font-weight:400;
}

.button_search {
	width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
}

.button_search svg {
	width:100%;
	height:100%;
	fill:#000;
}

.header_top .button_search svg {
	fill:#ccc;
}

.home .header_top .button_search svg {
	fill:#cfe0f9;
}

.search_block {
	background: rgba(0,0,0,0.5);
	position: fixed;
	left:0;
	top: 62px;
	width:100%;
	height:calc(100vh - 62px);
	visibility: hidden;
	opacity:0;
	transition:0.2s;
}

.active_search .search_block {
	visibility: visible;
	opacity:1;
}

.search_panel {
	position: absolute;
    top: 0;
    width: 100%;
    padding: 2rem 0;
    background: rgba(255,255,255,1);
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
	transition:0.2s;
	visibility: hidden;
	opacity:0;
	z-index: 1;
}

.active_search .search_panel {
	visibility: visible;
	opacity:1;
}

header.active_search {
	background: #fff!important;
}

.active_search .logo a {
	color: #191919!important;
}

.active_search nav ul li a, .active_search nav ul li.menu-item-has-children a:before {
	color: #343434!important;
}

.active_search nav ul li:hover a {
    opacity: 0.7!important;
    color: #343434!important;
}

.active_search nav .sub-menu a, .active_search nav ul li:hover .sub-menu a {
	color: #eee!important;
}

.active_search .button_search svg {
	fill:#000!important;
}

#searchform {
	width: 80%;
    margin: 0 auto;
    max-width: 500px;
}

#searchform .header_search_form {
	display: flex;
}

#searchform .header_search_form .input {
	width:100%;
}

#searchsubmit {
	background: url('../img/search.svg') center no-repeat!important;
	border: 0;
    font-size: 0;
    padding: 0px;
    width: 37px;
    margin-left: 1rem;
    cursor: pointer;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: 0;
}

@media (max-width: 1040px)
{
	.integration  .list_icon {
		display: flow-root;
		width: 100%;
		margin: 4rem auto 0 auto;
		max-width: 600px;
	}
	
	.integration  .list_icon li {
		width: 50%;
	}
}

@media (max-width: 980px)
{
	.latest_projects .blocks .item .image {
		height: 320px;
	}
	
	.form_footer .blocks .item .text {
		font-size: 60px;
	}
	
	.form_footer .blocks .form_project li input {
    	height: 30px;
		font-size: 16px;
	}
	
	.customers ul {
		max-width: 600px;
		margin: 2rem auto 0 auto;
	}
	
	.customers ul li {
		width: calc(50% - 16px);
	}
}

@media (max-width: 780px)
{
	header {
		padding-top: env(safe-area-inset-top);
	}
	#breadcrumbs {
		line-height: 21px;
	}
	
	.numbers .blocks {
		flex-flow: wrap;
	}
	
	.numbers .blocks .item {
    	width: calc(50% - 52px);
		margin: 0 8px 16px 8px!important;
	}
	
	#particles h1 {
		font-size:40px;
	}
	
	#particles .prefix, #particles .wrap {
		font-size:18px;
	}
	
	.page_section {
		padding: 2rem 0;
	}
	
	.page_section h2 {
		font-size: 2rem;
	}
	
	.numbers .blocks .item .timer {
		font-size: 36px;
	}
	
	.numbers .blocks .item .text {
		font-size: 12px;
	}
	
	.page_section .description {
		font-size: 20px;
	}
	
	.customers ul {
		margin: 1rem auto 0 auto;
	}
	
	.customers ul li .image img {
		max-width: 80%;
	}
	
	.customers ul li .image {
    	width: calc(100% - 32px);
		padding: 0 16px;
	}
	
	.form_footer .blocks .item .text {
		font-size: 40px;
	}
	
	.single_post .content {
		max-width: 100%;
	}
	
	.content img {
		max-width:100%;
		height: auto;
	}
	
	.page-template-transliteration .col-sm-6 {
		width: 100%;
	}
	
	.page-template-transliteration .result_block {
		margin-top:2rem;
	}
	
	.transliteration textarea {
		height: 120px;
		margin-left: 0;
	}
	
	.services .information {
		margin-top: 0;
	}
	
	.icheckbox_square-grey, .iradio_square-grey {
		background: url(grey.png) no-repeat;
		-webkit-background-size: unset;
		background-size: unset;
	}
	
	.list_icon li {
		width: 50%;
	}
	
	.list_icon {
		margin: 2rem 0 1rem 0;
		max-width: 340px;
	}
	
	.list_icon .text {
    	font-size: 0.8rem;
    	padding-top: 1rem;
		max-width: 10rem;
	}
}

@media (max-width: 640px)
{
	.body {
 		overflow: hidden;
	}
	
	.pulse {
		display:none;
	}
	
	.services_page .items .item {
   		width: 100%;
    	margin-right: 0;
	}
	
	.services_page .items .item:nth-child(2n+2) {
		margin-right: 0;
		margin-left: 0;
	}
	
	.block_main h1 {
		padding-top: 40px;
	}
	
	.block_main .image_crm {
		bottom: 8rem;
	}
	
	.single_post .sidebar {
		width: 100%;
		padding-left: 0;
	}
	
	.faq_menu {
		max-height: fit-content;
	}
	
	.integration .list_icon {
		max-width: 100%;
	}
	
	.integration li .image img {
		max-width: 80%;
	}
	
	.blog, .single_post, .services {
		min-height: calc(100vh - 184px);
	}
	
	.col-sm-4, .col-sm-8 {
		width: 100%;
	}
	
	#qrcode {
		max-width: 300px;
    	margin: 0 auto;
	}
	
	.qrcode .panel {
		width: 100%;
	}
	
	.services_colors .form_color input {
		font-size: 14px;
	}
	
	.services {
		margin-top: 30px;
	}
	
	.services_colors .shades, .services_colors .tints {
		flex-flow: wrap;
	}
	
	.services_colors .shades .item, .services .tints .item {
		width: 62px;
	}
	
	.services_colors .information .color .bg span {
		font-size: 1.5rem;
    	margin: 1rem;
	}
	
	.services_colors .information .color, .services_colors .information .table {
		width: 100%;
	}
	
	.services_colors .information .color {
		margin: 0 0 16px 0;
	}
	
	.services_colors .information {
		flex-flow: wrap;
	}
	
	.services_colors .variation_rgb .td a {
		font-size: 0.5rem;
	}
	
	.services_colors .variation_rgb {
		margin: 2rem 0;
	}
	
	.services h2 {
		font-size: 24px;
	}
	
	.example .block span {
		padding: 20px;
		font-size: 0.8rem;
		margin: 12px auto;
		width: calc(100% - 64px);
	}
	
	.contacts {
		flex-flow: column-reverse;
	}
	
	.contacts #map {
		width: 100%;
		height: 300px;
	}
	
	.contacts .info {
		width: calc(100% - 96px);
	}
	
	.form_footer .blocks {
		flex-flow: wrap;
	}
	
	.form_footer .blocks .item:first-child {
		padding-right: 0;
	}
	
	.form_footer .blocks .item {
		width: 100%;
	}
	
	.form_footer .title {
		font-size: 2rem;
		margin-bottom: 16px;
	}
	
	.form_footer .blocks .item .text {
		font-size: 24px;
    	text-align: center;
        position: relative;
    	top: 0;
    	transform: unset;
    	max-width: 100%;
    	right: unset;
	}
	
	.form_footer .blocks .item {
		padding: 0 30px;
	}
	
	.form_footer .blocks .form_project li {
		font-size: 16px;
    	max-width: 100%;
		width: calc(100% - 16px);
	}
	
	.form_footer .blocks .form_project li label {
		font-size:16px;
	}
	
	.form_footer .blocks .form_project {
		width: 100%;
	}
	
	.form_footer .blocks .form_project {
		margin-top:3rem;
	}
	
	.form_footer .blocks .form_project .wpcf7-submit {
		padding: 12px 24px;
		margin: 0 auto;
		display: block;
		float: none;
	}
	
	.technologies .tag {
		width: 100%;
	}
	
	.technologies .tag span {
		font-size: 0.8rem;
	}
	
	.cards_list {
		display: flex;
	}
	
	.cards_list li img {
		width: 100%;
	}
	
	.blog, .single_post, .services {
		margin-top: 34px;
	}
	
	.blog .wrapper, .single_post .wrapper {
		flex-flow: wrap;
	}
	
	.blog .post h2 a {
		font-size: 24px;
	}
	
	.blog .post .description {
		font-size: 15px;
		margin: 1.2rem 0;
	}
	
	.blog .post .meta time, .blog .post .meta a {
		font-size:15px;
	}
	
	.blog h1, .services h1, .services h1, .services_page h1, .faq_category h1 {
		font-size: 36px;
		margin: 0 0 36px;
	}
	
	.single_post h1 {
		font-size: 28px;
	}
	
	.blog .post {
		margin: 0 0 36px 0;
	}
	
	.generator_filters input {
		width: 100px;
	}
	
	.input-group {
		flex-flow: wrap;
	}
	
	.input-group label:first-child {
		margin-bottom:1rem;
	}
	
	.advantage_crm h1, .questions_answers h1 {
		font-size: 2rem;
	}
	
	.questions_answers .blocks .item .question {
    	font-size: 18px;
		padding-right: 40px;
	}
	
	.questions_answers .blocks .item .answer {
		font-size: 16px;
	}
}

@media (max-width: 460px)
{
	a.additional_advantage {
		font-size: 20px;
	}
	
	.block_main {
		height: calc(100vh - 126px);
	}
	
	.block_main h1 {
		font-size: 30px;
	}
	
	.page_section .description {
		font-size: 16px;
	}
	
	.single_post .date {
		margin: 16px 0 24px 0;
		font-size: 15px;
	}
	
	.contacts {
		height: auto;
	}
	
	.contacts .info h1 {
		font-size: 2rem;
	}
	
	.contacts .info .phone .phone_number, .contacts .info .email a {
		font-size: 18px;
	}
	
	#particles h1 {
		font-size:28px;
	}
	
	.latest_projects .blocks {
		margin-top: 2rem;
		padding: 0;
		width: 100%;
	}
	
	.latest_projects .owl-nav .owl-next {
		right: -20px;
		position: absolute;
	}
	
	.latest_projects .owl-nav .owl-prev {
		left: -20px;
		position: absolute;
	}
	
	.latest_projects .blocks .item .description, .latest_projects .blocks .item .url a {
		font-size: 14px;
	}
	
	.form_footer {
		padding: 2rem 0;
	}
	
	.page_section .description {
		width: 100%;
		font-size: 18px;
	}
	
	.wp-pagenavi a, .wp-pagenavi span {
		padding: 6px 6px;
		font-size: 12px;
	}
	
}