@font-face {
    font-family:SF-Pro-Display-Regular; 
    src: url(../fonts/SF-Pro-Display-Regular.otf);
}

@font-face {
    font-family:SF-Pro-Display-Regular; 
    src: url(../fonts/SF-Pro-Display-Bold.otf);
    font-weight:700;
}

@font-face {
    font-family:SF-Pro-Display-Regular; 
    src: url(../fonts/SF-Pro-Display-Semibold.otf);
    font-weight:600;
}












/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
margin:0px;
background:#E5F3FB;
font-family:SF-Pro-Display-Regular; 
font-size: 16px;
line-height: 20px;
color: #788598;
}

a {

color:#00afed;
transition: .5s;
}

.btn {
transition: .5s;
}

a:hover {
text-decoration:none;
color:#CCBCBC;
}

p, img {
margin:0px;
padding:0px;
border:0px;
}

* {
box-sizing: border-box;
}

input, button, textarea, select {
outline:none;
resize:none;
font-family:SF-Pro-Display-Regular; 
font-size:16px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

img {
max-width:60%;
height: 50px;
}

.site-width {
width:100%;
max-width:1150px;
margin:0 auto;
padding:0 10px;
}

.header {
background:#fff;
}

.header .site-width {
display:flex;
align-items:flex-end;
}

.header .col-left {
flex:1;
padding:18px 10px 30px 0;
}

.header .col-right {
font-size:0px;
line-height:0px;
width:298px;
height:300px;
background:url(../images/header-bg.png) no-repeat;
}

.header .logo a {
display:block;
text-decoration:none;
width:186px;
height:56px;
background:url(../images/logo.svg) no-repeat;
}

.header .title {
margin:36px 0 30px 0;
font-weight: 700;
font-size: 45px;
line-height: 54px;
color: #001530;
}

.header .desc {
font-size: 18px;
line-height: 21px;
color: #788598;
}

.wrapper {
padding:50px 0 75px 0;
}

.wrapper .site-width {
display:flex;
flex-wrap:wrap;
}

.wrapper .item {
width:23.125%;
margin:0 2.5% 30px 0;
background: #FFFFFF;
box-shadow: 0px 0px 50px rgba(8, 72, 95, 0.08);
border-radius: 10px;
text-align:center;
padding:23px 25px 19px 25px;
}

.wrapper .item:nth-child(4n) {
margin:0 0% 30px 0;
}

.wrapper .item:nth-of-type(n+13) {

}

.wrapper .logo {
margin:0 0 28px 0;
}

.wrapper .logo img {
max-height:40px;
}

.wrapper .field {
margin:0 0 16px 0;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #000307;
}

.wrapper .field span {
display:block;
font-size: 14px;
line-height: 17px;
font-weight:400;
color: #788598;
margin:0 0 2px 0;
}

.wrapper .btn {
cursor:pointer;
text-decoration:none;
display:block;
border:0px;
background: #00AFEE;
border-radius: 6px;
padding:13px;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
width:100%;
margin:28px auto 0 auto;
}

.wrapper .btn:hover {
opacity:.8;
}

.views-all {
display:table;
cursor:pointer;
background: #9DD8EE;
border-radius: 6.66667px;
margin:20px auto 0 auto;
padding:13px;
width:100%;
max-width:300px;
font-weight: 600;
font-size: 18px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
}

.views-all:hover {
background:#00AFEE;
}

.section-2 {
padding:52px 0 28px 0;
background:#fff;
}

.section-2 .site-width {
max-width:663px;
padding:0px;
}

.section-2 .item {
display:flex;
align-items:center;
margin:0 0 28px 0;
}

.section-2 .name {
flex:1;
padding:0 0 0 30px;
font-size: 24px;
line-height: 29px;
color: #001530;
}

.footer {
padding:42px 0 17px 0;
font-size: 14px;
line-height: 17px;
color: #788598;
}

.footer .top {
display:flex;
align-items:center;
}

.footer .logo {
text-decoration:none;
display:block;
width:98px;
height:30px;
background:url(../images/logo.svg) no-repeat;
background-size:contain;
}

.footer .menu {
flex:1;
padding:0 0 0 62px;
}

.footer ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
width:100%;
justify-content: space-between;
}

.footer li {

}

.footer li a {
text-decoration:none;
font-size: 16px;
line-height: 19px;
color: #001530;
}

.footer li a:hover {
text-decoration:underline;
}

.footer .info {
margin:65px 0 23px 0;
}








.wrapper2 {
padding:50px 0 75px 0;
}

.wrapper2 .site-width {
display:flex;
flex-wrap:wrap;
}

.wrapper2 .item {
width:31.666%;
margin:0 2.5% 30px 0;
background: #FFFFFF;
box-shadow: 0px 0px 50px rgba(8, 72, 95, 0.08);
border-radius: 10px;
text-align:center;
padding:23px 25px 19px 25px;
}

.wrapper2 .item:nth-child(3n) {
margin:0 0% 30px 0;
}

.wrapper2 .item:nth-of-type(n+13) {

}

.wrapper2 .logo {
margin:0 0 28px 0;
}

.wrapper2 .logo img {

}

.wrapper2 .field {
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #000307;
}

.wrapper2 .field span {
display:block;
font-size: 14px;
line-height: 17px;
font-weight:400;
color: #788598;
margin:0 0 2px 0;
}

.wrapper2 .btn {
cursor:pointer;
text-decoration:none;
display:block;
border:0px;
background: #00AFEE;
border-radius: 6px;
padding:13px;
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
width:100%;
max-width:210px;
margin:28px auto 0 auto;
}

.wrapper2 .btn:hover {
opacity:.8;
}

.wrapper2 .item .flex {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:24px;
}




@media screen and (max-width:1000px) {

.wrapper .item {
width:31.333%;
margin:0 3% 30px 0;
}

.wrapper .item:nth-child(4n) {
margin:0 3% 30px 0;
}

.wrapper .item:nth-child(3n) {
margin:0 0% 30px 0;
}

.footer .menu {
padding:0 0 0 20px;
}

.footer .top {
display:block;
}

.footer .menu {
padding:24px 0 0 0;
}

.footer .logo {
margin:0 auto;
}

















}


@media screen and (max-width:750px) {

.site-width {
padding:0 20px;
}

.wrapper .item {
width:48.5%;
margin:0 3% 12px 0;
padding:12px;
}

.wrapper .item:nth-child(4n) {
margin:0 3% 12px 0;
}

.wrapper .item:nth-child(3n) {
margin:0 3% 12px 0;
}

.wrapper .item:nth-child(2n) {
margin:0 0% 12px 0;
}

.wrapper .logo {
margin:0 0 18px 0;
}

.wrapper .logo img {
max-height:40px;
}

.wrapper .field {
margin:0 0 12px 0;
font-size: 14px;
line-height: 17px;
}

.wrapper .field span {
font-size: 12px;
line-height: 14px;
}

.wrapper .btn {
margin:18px 0 0 0;
padding:10px;
font-size: 12px;
line-height: 14px;
}

.header .col-left {
padding:19px 10px 20px 0;
}

.header .title {
margin:23px 0 18px 0;
font-size: 24px;
line-height: 29px;
}

.header {
overflow:hidden;
}

.header .desc {
font-size: 12px;
line-height: 14px;
}

.header .col-right {
width:135px;
height:187px;
background:url(../images/header-bg-mob.png) no-repeat;
}

.header .site-width {
padding:0 0 0 20px;
}

br {
display:none;
}

.wrapper {
padding:30px 0 50px 0;
}

.wrapper2 {
padding:30px 0 50px 0;
}

.views-all {
font-size: 15px;
line-height: 18px;
padding:11px;
}

.section-2 .site-width {
padding:0 60px;
}

.section-2 .item {
margin:0 0 20px 0;
}

.section-2 .name {
padding:0 0 0 22px;
font-size: 14px;
line-height: 17px;
}

.section-2 .item .icon {
width:25px;
}

.section-2 {
padding:23px 0 7px 0;
}

.footer ul {
display:block;
}

.footer li {
margin:0 0 24px 0;
text-align:center;
}

.footer .info {
margin:40px 0 23px 0;
}

.footer {
padding:29px 0 80px 0;
}

.wrapper2 .item {
width:100%;
margin:0 0 12px 0 !important;
padding:12px;
}

.wrapper2 .logo {
margin:0 0 18px 0;
}

.wrapper2 .logo img {
max-height:26px;
}

.wrapper2 .field {
font-size: 14px;
line-height: 17px;
}

.wrapper2 .field span {
font-size: 12px;
line-height: 14px;
}

.wrapper2 .btn {
margin:17px auto 0 auto;
padding:10px;
font-size: 12px;
line-height: 14px;
max-width:136px;
text-align:center;
}




















}