@charset "UTF-8";

:root {
	--text-color: #282828;
	--main: #FF7847;
	--main: #1866D4;
	--main: #34598E;
	--back: #F1F7FC;
	--back: #EEFAFF;
	--back: #F6F9FA;
	--back: #F5F9FD;
	--back: #F6FBFF; }
* {
	box-sizing: border-box;
	color: inherit;
	font: inherit; }
body {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0;
	font-family: 'Segoe UI', sans-serif;
	font-size: 16px;
	color: var(--text-color); }
html,
body {
	height: 100%; }
h1, h2 {
	margin: 0; }
h2 {
	padding-bottom: 40px;
	font-size: 31px; }
h2 span {
	font-size: 32px; }
ul, ol, dl, dd {
	margin: 0;
	padding: 0;
	list-style: none; }
a {
	color: var(--main);
	font-weight: 500;
	text-decoration: none;
	transition: .3s; }
a:hover {
	text-decoration: underline; }
.site-grid {
	flex-grow: 1; }
.options ul li {
	position: relative;
	padding-left: 17px; }
.options ul li:before {
	content: '';
	position: absolute;
	left: 0;
	width: 7px;
	height: 1px;
	margin-top: 9px;
	background: grey; }
.dockerized li.different:before {
	margin-top: 13px; }

[data-clipboard] {
	position: relative;
	cursor: pointer; }
[data-clipboard]:before {
	content: attr(data-hint);
	position: absolute;
	background: white;
	color: black;
	display: none;
	bottom: 0;
	left: 100%;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	line-height: 25px;
	transition: 1s; }
	[data-clipboard].hovered:before {
		display: inline; }
	[data-clipboard].copied:before {
		content: attr(data-hint-copied); }
	[data-clipboard].copied.fadeaway:before {
		color: white; }

/*
header,
.page-header h1,
.mod-breadcrumbs__wrapper,
*/
.demo-db,
.demo-login {
	display: none; }

.col,
.list,
header > div {
	max-width: 100%;
	margin: 0 auto; }
.col,
header > div {
	width: 1340px;
	padding-left: 20px;
	padding-right: 20px; }
.list {
	width: 1426px; }
img {
	max-width: 100%; }
.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 7px 10px;
	font-weight: 500;
	transition: .3s;
	border-radius: 5px;
	cursor: pointer; }
.btn:hover,
.brand-logo:hover {
	text-decoration: none; }

.moduletable,
.top-block .description {
	background: var(--main); }
header {
	color: #babacb;
	background: linear-gradient(90deg, #34598E, #264878); }
header a {
	color: inherit; }
header > div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between; }
header .cover-ul,
header .mod-menu {
	display: flex;
	align-items: center;
	gap: 40px; }
header .visually-hidden {
	display: none; }
header .mod-languages {
	font-size: 14px; }
header .mod-languages a {
	display: flex;
	padding: 3px 4px; }
header .mod-languages li {
	margin: 0; }
header .mod-languages ul li.lang-active {
	background-color: transparent; }
header .mod-languages .lang-active a {
	color: white;
	cursor: default; }
header .mod-languages li:hover a {
	color: white; }
header .icon-menu {
	display: none;
	position: absolute;
	right: 20px;
	width: 25px;
	height: 25px;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	border: 1px solid #93A4BD; }
header .icon-menu svg {
	width: 13px;
	height: 13px; }
header .icon-menu svg * {
	fill: white; }
header.active .mod-menu {
	display: flex; }
header .mod-menu li {
	margin-bottom: -1px;
	padding-left: 0; }
header .mod-menu li a {
	display: block;
	padding: 12px 0 13px; }
header .mod-menu li.active,
header .mod-menu li:hover a {
	color: white;
	text-decoration: none; }

.top-block .description {
	padding: 50px 0 70px;
	font-size: 20px;
	color: white; }
.top-block .description .col {
	display: flex; }
.top-block .databases {
	margin-top: 50px;
	margin-bottom: 50px; }
.top-block h1 {
	margin-bottom: 30px;
	font-size: 31px;
	letter-spacing: 1px;
	white-space: nowrap; }
.top-block h1 .ltr {
	font-size: 34px; }
.top-block > div {
	display: flex;
	position: relative; }
.top-block .options > div,
.top-block .databases > div,
.products .row > div {
	width: 33.34%; }
.top-block .options > div {
	padding: 40px;
	background: #F0F1F3; }
.top-block .options > div,
.products .container {
	border-radius: 7px; }
.top-block .dockerized li [data-clipboard] {
	padding: 2px 13px 2px;
	line-height: 28px;
	background: #DDE1E5; }
.top-block .text-info {
	width: 67%;
	padding-right: 30px; }
.top-block li,
.top-block .text-info > div {
	margin-bottom: 5px; }
.top-block .options {
	gap: 5px;
	color: #54555a; }
.top-block .sub {
	margin-bottom: 25px;
	color: var(--main);
	text-transform: uppercase;
	letter-spacing: 1px; }
.top-block .buttons {
	display: flex;
	gap: 20px; }
.top-block .btn {
	width: 164px;
	border: 1px solid #d7dde3;
	background: white; }
.top-block .btn:hover {
	color: white;
	background: var(--main); }
.top-block .demo-text .btn {
	height: 45px;
	color: white;
	background: transparent;
	border: 1px solid white; }
.top-block .demo-text .btn:hover {
	color: var(--main);
	background: white; }
.top-block .check-demo {
	display: flex;
	align-items: flex-end;
	margin-bottom: 9px; }
.top-block .demo-text div {
	display: none;
	margin-bottom: 5px; }
.top-block .databases .icons {
	display: flex;
	align-items: center;
	gap: 25px; }
.top-block .databases .pg-db {
	display: flex;
	align-items: center;
	gap: 5px; }
.top-block .databases .sqlserver {
	margin-top: 17px; }
.top-block .databases .pg {
	width: 45px; }
.top-block .databases .maria {
	width: 130px; }
.top-block .databases .mysql {
	position: relative;
	top: -12px;
	width: 80px; }
.top-block .databases .sqlite {
	width: 95px; }

.products {
	position: relative;
	z-index: 1;
	margin-top: 60px;
	padding: 75px 0;
	color: white;
	background: #343A40;
	box-shadow: rgb(153 153 153) 0px 2px 20px;
	overflow: hidden; }
.products .row {
	display: flex;
	gap: 5px;
	justify-content: center; }
.products .row > div {
	display: flex;
	flex-direction: column;
	padding: 0 40px; }
.products .row .subtitle {
	margin-top: -20px;
	padding-left: 0;
	font-size: 33px;
	line-height: 54px;
	font-weight: 300; }
.products .sub {
	margin-bottom: 20px;
	font-size: 21px; }
.products .btn {
	width: 190px;
	color: white;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: .5px;
	background: linear-gradient(90deg, #34598E, #264878); }
.products .btn:hover {
	background: linear-gradient(90deg, #264878, #34598E); }
.products .latest-product .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px; }
.products .latest-product .btn img {
	width: 20px;
	margin-top: 6px; }
.products .short {
	flex-grow: 1;
	margin-bottom: 15px;
	line-height: 25px; }

.products:after {
	content: '';
	background-image: url(https://www.intel.com/content/dam/www/public/us/en/include/2024-homepage/images/hero/d-bg-texture-image.png);
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-position: right;
	left: -800px;
	opacity: .5;
	background-repeat: no-repeat; }
.products:before {
	content: '';
	background-image: url(https://www.intel.com/content/dam/www/public/us/en/include/2024-homepage/images/hero/d-bg-texture-image.png);
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-position: center center;
	right: -1133px; }
.products:after {
	content: '';
	position: absolute;
	z-index: -1;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(/images/tmp8.png);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 56px;
	transform: rotateY(180deg); }
.products:before {
	content: '';
	position: absolute;
	top: -0px;
	z-index: -1;
	background-position: right;
	background-image: url(/images/tmp15.png);
	width: 100%;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	left: -107px;
	height: 100%; }

.features {
	margin: 80px 0; }
.features .block {
	width: 100%;
	flex-shrink: 0; }
.features .image {
	display: flex;
	justify-content: center;
	overflow-x: hidden; }
.features .block img {
	padding: 7px;
	background: #ECEFF3;
	border: 1px solid #eeeff1; }
.features .block:nth-child(5) img {
	background: #F1F7FC; }
.slider-slides,
.features .screenshots { 
	display: flex; }
.features .screenshots {
	gap: 10px;
	align-items: center; }
.features .screenshots img {
	width: 100%; }
.features .screenshots .img {
	width: 208px;
	padding: 10px;
	border: 1px solid #EEEFF1;
	transition: .2s; }
.features .screenshots .img:not(.active) {
	cursor: pointer; }	
.features .screenshots .img.active,
.features .screenshots .img:hover {
	border: 1px solid #404247; }
.features .text {
	margin-top: 30px;
	margin-bottom: 30px; }
.features .text li {
	display: flex;
	gap: 10px;
	padding: 0;
	padding-right: 150px; }
.features .text li:before {
	display: none; }
.features .top-line {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between; }
.features .sub-text {
	color: #95979d; }
.features .text,
.features-2 .title,
.slider-holder .arrows {
	text-transform: uppercase;
	letter-spacing: .5px; }
.slider-holder .arrows {
	position: absolute;
	bottom: -51px;
	right: 19px;
	display: flex;
	gap: 13px; }
.slider-holder .arrows > div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	cursor: pointer; }
.slider-holder .arrows span {
	position: relative;
	transition: .2s; }
.slider-holder .arr-left span {
	right: 0; }
.slider-holder .arr-right span {
	left: 0; }
.slider-holder .arr-left:not(.to-the-knee):hover span {
	right: 5px; }
.slider-holder .arr-right:not(.to-the-knee):hover span {
	left: 5px; }
.slider-holder .arrows > div.to-the-knee {
	color: #adafb7;
	cursor: default; }

.slider-holder {
	position: relative; }
.slider-slides {
	overflow-x: hidden; }
.slider-slides > * {
	flex-shrink: 0;
	width: 100%;
	transition: .001s; }

.cover {
	padding: 50px 0;
	background: #F0F1F3; }
.features-2 .title {
	margin-bottom: 10px;
	font-weight: 500;
	padding-right: 140px; }
.features-2 .text {
	margin-bottom: 30px;
	line-height: 23px; }
.features-2 .image {
	background: #F0F1F3; }
.features-2 .arrows {
	top: 0;
	bottom: unset; }

.features-3 {
	padding-top: 80px;
	border-top: 1px solid #d3dae1; }
.features-3 h2 {
	padding-bottom: 60px;
	text-align: center; }
.features-3 .block {
	position: relative;
	display: flex;
	flex-direction: row-reverse; }
.features-3 .block > div {
	width: 50%;
	padding-bottom: 60px; }
.features-3 .image {
	text-align: right; }
.features-3 .text {
	position: relative;
	border-left: 2px solid #404247;
	padding-left: 30px;
	margin-left: 30px; }
.features-3 .title {
	margin-bottom: 10px;
	font-size: 24px; }
.features-3 .text:after {
	content: '';
	display: flex;
	width: 8px;
	height: 8px;
	background: black;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: -5px;
	border-radius: 50%; }

.breadcrumb {
	display: flex;
	padding: 20px 0 30px;
	font-size: 14px;
	color: #76777c; }
.breadcrumb a {
	color: #76777c;
	text-decoration: none; }
.breadcrumb li:first-child {
	display: none; }
.breadcrumb li {
	display: flex;
	align-items: center; }
.breadcrumb li:after {
	content: '';
	display: flex;
	width: 1px;
	height: 12px;
	background: #A5A6A9;
	margin: 0 10px; }
.breadcrumb li:last-child:after {
	display:none; }
.breadcrumb li.active {
	color: var(--text-color); }
.page-header > h1 {
	margin-bottom: 20px;
	font-size: 33px; }
div.downloads-page p {
	margin: 4px 0; }
div.downloads-page ul {
	margin: 35px 0 50px;
	font-weight: 500; }
div.downloads-page ul li {
	display: flex;
	padding: 13px 0;
	border-bottom: 1px dashed #cecfd5; }
div.downloads-page ul li:first-child {
	border-top: 1px dashed #cecfd5; }
div.downloads-page ul li span {
	display: inline-block;
	width: 42%; }
div.downloads-page ul a {
	font-size: 15px;
	color: var(--main);
	letter-spacing: .2px; }
div.downloads-page ul a:hover {
	text-decoration: underline; }

.layout-blog .blog-item {
	margin-bottom: 15px;
	padding: 15px 30px;
	background: #F0F1F3;
	border-radius: 7px; }
.layout-blog .blog-item:first-child {
	margin-top: 15px; }
.layout-blog .blog-item h2 {
	padding-bottom: 15px;
	font-size: 25px;
	border-bottom: 1px dashed #cecfd5; }
.layout-blog .blog-item a {
	color: var(--text-color);
	font-weight: normal; }
.layout-blog .article-info {
	display: flex;
	gap: 40px;
	margin: 10px 0;
	font-size: 14px;
	color: #818389; }
.layout-blog .article-info-term {
	display: none; }
.layout-blog .readmore a {
	justify-content: flex-start;
	height: auto;
	padding: 0; }

.docs-page .item-page.docs-page ul {
	margin-top: 25px; }
.docs-page .item-page.docs-page a {
	display: inline-block;
	padding-right: 21px;
	margin-bottom: 15px;
	color: var(--main);
	background-image: url(/images/link.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 13px; }
.docs-page .item-page.docs-page a:hover {
	text-decoration: underline; }

pre {
	display: inline-block;
	padding: 20px;
	font-family: monospace;
	white-space: pre-wrap;
	background: #fafafa; }

footer {
	padding: 7px 20px;
	background: #404247; }
footer,
footer a {
	color: white;
	font-weight: normal; }