* {
    padding: 0;
    margin: 0;
}

h2 {
	font-family: "Open Sans", sans-serif;
}

div.header {
    width: 100%;
    background: 
    url(/images/ai/header.png) no-repeat center bottom,
    linear-gradient(to bottom, #3C6CE2, #0a1628);
	display: flex;
    flex-direction: column;
}

div.header div.top {
    width: 100%;
    min-height: 112px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    display: flex;
    justify-content: center;
}

div.header div.top div.logoandmenu {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}

div.header div.top div.logoandmenu a.logo {
    display: block;
    width: 212px;
    height: 57px;
    background-image: url(/images/ai/logo.png);
}

div.header div.top div.logoandmenu ul.menu, ul.navbar-nav {
    display: flex;
    list-style-type: none;
    flex-direction: row;
    gap: 10px 52px;
	flex-wrap: wrap;
}

div.header div.top div.logoandmenu ul.menu li {
}

div.header div.top div.logoandmenu ul.menu li a, ul.navbar-nav li a {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}

div.header div.bottom {
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 25px;
	padding: 50px 0;
}

div.header div.bottom h2 {
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 130%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

div.header div.bottom p.p3 {
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

div.header div.bottom div.wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	width: 100%;
	gap: 100px;
	flex-wrap: wrap;
}


div.header div.bottom div.wrap img.right {
	width: 585px;
	max-width: 100%;
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
div.header div.bottom div.wrap div.left {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

div.header div.bottom  div.wrap  div.left p.p1 {
    border: 1px solid rgba(255, 165, 0, 1);
    border-radius: 50px;
    padding: 5px 100px;

    font-family: "Russo One", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 165, 0, 1);

}

div.header div.bottom div.wrap div.left p.p2 {
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 110%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

div.header div.bottom div.wrap div.left p.p2 strong {
    color: rgba(255, 165, 0, 1);
}

div.header div.bottom div.wrap div.left p button {
    width: 247px;
    height: 48px;
    border: none;
    background-color: #B37C14;
    border-radius: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
}

div.header div.bottom div.wrap div.left p button:hover {
	cursor: pointer;
}

div.block1 {
    display: flex;
    min-height: 600px;
    gap: 75px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div.block1 h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(5, 21, 40, 1);
    max-width: 1179px;
}

div.block1 div.items {
    display: flex;
    gap: 30px;
    max-width: 1296px;
}

div.block1 div.items div.item {
    display: flex;
    width: 242px;
    height: 180px;
    border: 1px solid rgba(224, 224, 224, 1);
    gap: 10px;
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 30px;
    border-radius: 20px;
    flex-direction: column;
}

div.block1 div.items div.item img {
    width: 65px;
    height: 65px;
}

div.block1 div.items div.item h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0%;
    color: rgba(5, 21, 40, 1);

}

div.block1 div.items div.item p {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    color: rgba(40, 40, 40, 1);
}

div.block2 {
    display: flex;
    min-height: 1100px;
    gap: 75px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(69, 141, 226, 0.1);
}

div.block2 h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(5, 21, 40, 1);
    max-width: 1179px;
}

div.block2 h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(5, 21, 40, 1);
    max-width: 1179px;
}

div.block2 h2 strong{
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(5, 21, 40, 1);
    max-width: 1179px;
}

div.block2 div.items {
    display: flex;
    max-width: 1298px;
    gap: 44px;
    flex-direction: row;
    flex-wrap: wrap;
}

div.block2 div.items div.item {
    display: flex;
    width: 320px;
    height: 356px;
    gap: 60px;
    padding-top: 27px;
    padding-right: 153px;
    padding-bottom: 27px;
    padding-left: 153px;
    border-radius: 20px;
    border: none;
    background: rgba(5, 21, 40, 1);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
}

div.block2 div.items div.item div.step {
    display: flex;
    width: 98px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 50px;

    font-family: "Rubik", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 1);
    align-items: center;
    justify-content: center;
}

div.block2 div.items div.item h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;

    color: rgba(255, 255, 255, 1);

}

div.block2 div.items div.item h3 strong {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);

}

div.block3 {
    display: flex;
    min-height: 600px;
    gap: 70px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 1);
}

div.block3 h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(5, 21, 40, 1);
    max-width: 1179px;
}

div.block3 table {
    width: 100%;
    max-width: 1179px;
    border: 1px solid rgba(217, 218, 219, 1);
    border-spacing: 0px;
    border-collapse: separate;
}

div.block3 table tr {}

div.block3 table tr th {
    background: rgba(223, 231, 255, 1);
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    padding: 10px;
}

div.block3 table tr td {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0px;
    text-align: center;
    padding: 10px;
    border-top: 1px solid rgba(217, 218, 219, 1);
}


div.block4 {
    height: 800px;
    background: linear-gradient(to bottom, rgba(69, 141, 226, 0.1) 80%, white 30%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div.block4 div.content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1297px;
    min-height: 485px;
    gap: 30px;
}

div.block4 div.content div.frame1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

div.block4 div.content div.frame1 div.frame11 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 931px;
    gap: 15px;
}

div.block4 div.content div.frame1 div.frame11 h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    letter-spacing: 0%;
    color: black;
}

div.block4 div.content div.frame1 div.frame11 p {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0%;
    color: black;
}

div.block4 div.content div.frame1 div.frame12 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 15px;
}

div.block4 div.content div.reviews {
    display: flex;
    max-width: 1297px;
    gap: 30px;
}

div.block4 div.content div.reviews div.review {
    display: flex;
    gap: 25px;
    border: 1px solid rgba(238, 238, 238, 1);
    border-radius: 20px;
    background-color: white;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
    flex-direction: column;
    padding-top: 28px;
    padding-right: 20px;
    padding-bottom: 28px;
    padding-left: 20px;
}

div.block4 div.content div.reviews div.review div.user {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

div.block4 div.content div.reviews div.review div.user img.avatar {
    width: 64px;
    height: 64px;
    border-radius: 32px;
}

div.block4 div.content div.reviews div.review div.user div.info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

div.block4 div.content div.reviews div.review div.user div.info span.name {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0%;
    color: rgba(11, 14, 51, 1);
}

div.block4 div.content div.reviews div.review div.user div.info span.post {
    font-family: "Rubik", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 170%;
letter-spacing: 0%;
color: rgba(52, 58, 64, 1);


}

div.block4 div.content div.reviews div.review div.stars {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

div.block4 div.content div.reviews div.review p {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0%;
    color: rgba(52, 58, 64, 1);
}

div.block4 div.content div.frame2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 30px;
}

div.block4 div.content div.frame2 div.item {
    width: 260px;
    height: 205px;
    gap: 25px;
    border-radius: 20px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border: 1px solid rgba(238, 238, 238, 1);
    background-color: white;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div.block4 div.content div.frame2 div.item h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(11, 14, 51, 1);
}

div.block4 div.content div.frame2 div.item span {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(52, 58, 64, 1);
}

div.block5 {
    display: flex;
    min-height: 800px;
    gap: 75px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div.block5 h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 150%;
    letter-spacing: 4%;
    text-align: center;
    text-transform: uppercase;
    color: rgba(5, 21, 40, 1);
    max-width: 1179px;
}

div.block5 div.items {
    display: flex;
    gap: 30px;
    max-width: 1296px;
}

div.block5 div.items div.item {
    display: flex;
    flex-direction: column;

    width: 402px;
    height: 503px;
    border-radius: 12px;
    border-width: 2px;
    border: 2px solid rgba(233, 233, 233, 1);
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1);
}

div.block5 div.items div.item div.preview {
    width: 100%;
    height: 269px;
    border-radius: 10px;
    background-size: cover;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 5px;
} 

div.block5 div.items div.item div.preview div.usr, div.block5 div.items div.item div.preview div.cal {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: white;
    margin-left: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

div.block5 div.items div.item h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
    color: rgba(52, 58, 64, 1);
    padding: 10px 10px;
    height: 60px;
    overflow: hidden;
}

div.block5 div.items div.item p {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0%;
    color: rgba(52, 58, 64, 1);
    padding: 5px 10px;
    height: 90px;
    overflow: hidden;
}

div.block5 div.items div.item a {
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0%;
    color: rgba(255, 165, 0, 1);
    text-decoration: none;
    display: flex;
    gap: 5px;
    flex-direction: row;
    align-items: center;
    padding: 5px 10px;
}

div.block6 {
    display: flex;
    height: 151px;
    background: rgba(69, 141, 226, 1);
    background-image: url(/images/ai/b6bg.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
div.block6 h2 {
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: white;

}
div.block6 p {
    font-family: "Russo One", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: white;
}
div.block6 div.feedback {
    display: flex;
    /*width: 710px;*/
    height: 65px;
    justify-content: space-between;
    border-radius: 40px;
    border: 1px solid rgba(255, 165, 0, 1);
    background-color: white;
    flex-direction: row;
    align-items: center;

}
div.block6 div.feedback input {
    border: none;
    border-radius: 50px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0px;
    outline: none;
    width: calc(100% - 22px);
    padding: 0 50px;

}
div.block6 div.feedback button {
    display: flex;
    border: none;
    width: 322px;
    height: 65px;
    gap: 10px;
    border-radius: 50px;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    background: rgba(255, 165, 0, 1);
    color: white;
}

div.footer {
    display: flex;
    height: 500px;
    background: rgba(5, 21, 40, 1);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

div.footer div.menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}

div.footer div.menu div.item {
    width: 420px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

div.footer div.menu div.brl {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding: 30px 0;
}

div.footer div.menu div.item h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: white;
}

div.footer div.menu div.item a, div.footer div.menu div.item p {
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0%;
    text-align: center;
    color: white;
    text-decoration: none;
}

div.footer div.logo {
    display: flex;
    width: 1200px;
    max-width: 100%;
    height: 57px;
    background-image: url(/images/ai/white.png);
    background-position: center;
    background-repeat: repeat-x;
    justify-content: center;
}

div.footer div.logo img {
    padding: 0 30px;
    background: rgba(5, 21, 40, 1);
}

div.footer div.copy {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
}

div.footer div.copy div.left {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

div.footer div.copy div.right {
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: white;
}

.navbar-nav ul {
    display: none;
	position: absolute;
	background: #3763CE;
	padding: 10px;
	border-radius: 0 0 10px 10px;
	z-index: 1;
}

.navbar-nav a.active {
    color:#EEEEEE!important;

}



.nav-link {
    text-transform:uppercase;
	border-bottom:3px solid #ffffff00;
}

.nav-link:hover {
    /*transform:scale(1.2);
    transition:0.5s;*/
	border-bottom-color:#E47385;
	
}

.contacts {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 30px;
}

.contacts .right {
}

.contacts .left {
	padding: 1.5rem !important;
    border: 1px solid #343a40 !important;
}

.hamburger {background: transparent; border: none; padding: 4px; align-items:center; cursor:pointer; display: none;}
.ham { display:block; overflow:visible; }
.line { fill: currentColor; transition: transform 300ms cubic-bezier(.2,.9,.2,1), opacity 200ms; transform-origin: center; }

/* Размер и цвет по вкусу */
.hamburger { color: #FFFFFF; } /* пример: cyan-400 */

@media (max-width: 950px) {
	div.header div.top div.logoandmenu {
		flex-direction: column;
		justify-content: center;
	}
	
	.logoandhamburger {
		width:100%;
		display: flex;
		justify-content: space-around;
	}
	
	ul.navbar-nav {
		display: none;
		flex-direction: column;
		justify-content: center;
	}
	
	.hamburger {display:inline-flex;}
}

.border-bottom {
	border-bottom: 1px solid #000;
}

.border-dark {
	border-bottom: 1px solid #000;
}

button.btn_black {
    color: #ffffff;
    text-transform: uppercase;
    background: #000000;
    border-color: #000000;
    box-shadow: 0px 100px 80px rgba(49, 49, 49, 0.1), 0px 64.8148px 46.8519px rgba(49, 49, 49, 0.0759259), 0px 38.5185px 25.4815px rgba(49, 49, 49, 0.0607407), 0px 20px 13px rgba(49, 49, 49, 0.05), 0px 8.14815px 6.51852px rgba(49, 49, 49, 0.0392593), 0px 1.85185px 3.14815px rgba(49, 49, 49, 0.0240741);
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
}
button.btn_black:hover {
    color: #000000;
    background: #ffffff;
    transform: scale(1.1);
    transition: 0.5s;
}
button.btn_black:disabled {
    background-color: #CCC;
}

.colorgrey {
    background-color: #F4F4F4 !important;
}

.row {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
	justify-content: space-between;
}

.font-weight-bold {
	font-weight: bold;
}

.footer ul li {
	display: flex;
	gap: 13px;
}