@font-face {
    font-family: 'AR';
    src: url('fonts/AlegreyaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'AB';
    src: url('fonts/AlegreyaSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'UEL';
    src: url('fonts/Unbounded-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'UL';
    src: url('fonts/Unbounded-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'UB';
    src: url('fonts/Unbounded-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*:focus,
*:active {
    outline: none;
} 
body {
    font-family: 'AR', sans-serif;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    background: #071A26;
}
a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
button,
input,
textarea {
    outline: none;
    font-family: inherit;
}
button {
    background: transparent;
    border: none;
    cursor: pointer;
}
ul {
    list-style: none;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
.site {
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}
.site_fixed {
	height:100vh;
	overflow-y: hidden;
}
.container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.f_bl {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #071A26;
    z-index: 10;
}
.f_bl_logo_wrap {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
}
.f_bl_logo_wrap::before {
	content: "";
    width: 880px;
    height: 880px;
    background: rgb(255 39 25 / 50%);
    position: absolute;
    left: 50%;
    top: 50%;
	transform:translate(-50%, -50%);
    filter: blur(250px);
	border-radius: 50%;
}
.f_bl_logo {
	cursor:pointer;
	position:relative;
}
.f_bl_in {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}
.f_bl_nav .menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-item a {
    font-family: 'AB';
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 16px 40px;
    border-radius: 40px;
    display: block;
    white-space: nowrap;
}
.menu-item a:hover {
    background: #C7190D;
}
.menu-item a:focus {
    background: #DE1C10;
}
.menu-item + .menu-item {
    margin-left: 60px;
}

.head {
    background: #081F2E;
    padding: 20px 0;
    box-shadow: 0 12px 40px 0 rgb(0 0 0 / 40%);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}
.head_in {
    display: flex;
    align-items: center;
}
.logo {
    margin-right: 220px;
}
.nav .menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ab_sect {
    position: relative;
    padding: 200px 0 120px;
}
.ab_sect::before {
    content: "";
    width: 880px;
    height: 880px;
    background: rgb(255 39 25 / 50%);
    position: absolute;
    right: -160px;
    top: 0;
    filter: blur(250px);
	border-radius: 50%;
}
.ab_sect .container {
    position: relative;
    z-index: 1;
}
.sect_title {
    font-family: 'UB';
    font-size: 72px;
    line-height: 1;
    color: #F73000;
    text-transform: uppercase;
}
.ab_title {
    max-width: 850px;
    margin-bottom: 50px;
    text-transform: uppercase;
}
.ab_r {
    display: flex;
    align-items: flex-start;
}
.ab_r + .ab_r {
    margin-top: 20px;
    align-items: center;
}
.ab_text_1 {
    font-family: 'UL';
    font-size: 32px;
    margin-right: 35px;
    max-width: 760px;
}
.ab_text_2 {
    margin-left: 55px;
}

.pd_sect {
    padding: 120px 0;
}

.serv_sect {
    position: relative;
}
.serv_sect::before {
    content: "";
    width: 900px;
    height: 900px;
    background: rgb(255 39 25 / 40%);
    position: absolute;
    left: -110px;
    top: 100px;
    filter: blur(250px);
	border-radius: 50%;
	display:block;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(250px);
}
.serv_sect::after {
    content: "";
    width: 900px;
    height: 900px;
    background: rgb(255 39 25 / 40%);
    position: absolute;
    right: -220px;
    bottom: 0;
    filter: blur(250px);
	border-radius: 50%;
	display:block;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(250px);
}
.serv_sect .container {
    position: relative;
    z-index: 1;
}
.serv_in {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 65px;
}
.serv_col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: calc(100% - 10px);
}
.serv_item {
    padding: 40px 50px 60px 40px;
    background: #081F2E;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.3s;
}
.serv_item:hover {
    background: #F73000;
}
.serv_icon_wrap {
	height:120px;
	display:flex;
}
.serv_icon_first {
	margin-left: 28px;
}
.serv_title {
    font-family: 'UB';
    margin-top: 32px;
    font-size: 32px;
    letter-spacing: 2px;
}
.serv_desc {
    margin-top: 40px;
}
.serv_desc p + p {
	margin-top: 10px;
}
.citata {
    margin-top: 120px;
    position: relative;
    font-size: 28px;
    margin-left: 290px;
}
.citata::before {
    content: "";
    position: absolute;
    left: -115px;
    top: -65px;
    background: url('/wp-content/uploads/2024/06/citata.png') no-repeat center center;
    width: 160px;
    height: 120px;
}
.citata_title {
    font-family: 'UB';
    text-transform: uppercase;
    position: relative;
}
.citata_text {
    font-family: 'UL';
    margin-top: 12px;
}

.case_sect {
    position: relative;
}
.case_row {
    margin-top: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.case_logo {
	margin-top: 20px;
}
.case_data {
    width: calc(100% - 250px);
    padding-left: 70px;
    display: flex;
    flex-wrap: wrap;
}
.case_item {
    display: flex;
}
.case_item_row {
    flex-direction: row;
    margin-bottom: 70px;
}
.case_item_col {
    flex-direction: column;
    width: 50%;
    padding-right: 28px;
}
.case_item_num {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.case_item_icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F73000;
    margin-right: 20px;
    border-radius: 50%;
}
.case_item_icon_plus {
    font-size: 58px;
}
.case_item_icon_from {
    font-size: 24px;
	font-family: 'AB';
}
.case_item_icon_range {
    font-size: 24px;
	padding-right: 5px;
}
.case_item_num_in {
    font-size: 80px;
    line-height: 1;
    font-family: 'UEL';
}
.case_item_text {
    padding-left: 70px;
}
.case_item_row .case_item_num {
    margin-bottom: 0;
}
.case_item_row .case_item_text {
    padding-left: 20px;
}
.case_row_logos {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.case_logo + .case_logo {
    margin-top: 45px;
}
.case_row_logos::after {
    content: "";
    width: 20px;
    height: 230px;
    background: url('/wp-content/uploads/2024/06/summ.svg') no-repeat center center;
    position: absolute;
    right: -75px;
    top: 50%;
    transform: translateY(-50%);
}
.case_data_full {
    padding-left: 140px;
}
.case_data_full .case_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.case_data_full .case_item_text {
    padding-left: 0;
}
.case_data_full .case_item_num {
    margin-bottom: 20px;
    margin-top: 20px;
}
.case_item_text_b {
    font-family: 'AB';
}
.case_item_arr {
    margin-right: 16px;
}

.cont_sect {
    position: relative;
}
.cont_sect::before {
    content: "";
    width: 900px;
    height: 900px;
    background: rgb(255 39 25 / 40%);
    position: absolute;
    left: -180px;
    top: 100px;
    filter: blur(250px);
	border-radius: 50%;
	display:block;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(250px);
}
.cont_sect .container {
    position: relative;
    z-index: 1;
}
.cont_in {
    margin-top: 60px;
}
.cont_items {
    display: flex;
    align-items: center;
}
.cont_item {
    display: flex;
    align-items: center;
    border-radius: 40px;
    border: 2px solid #fff;
    padding: 16px;
    margin-right: 20px;
    transition: all 0.3s;
}
.cont_item_icon_wrap {
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all 0.3s;
    margin-right: 12px;
}
.cont_item_icon {
    transition: all 0.3s;
}
.cont_item:hover {
    background: #fff;
    color: #071A26;
}
.cont_item:hover .cont_item_icon_wrap {
    background: #F73000;
}
.cont_item:hover .cont_item_icon {
    filter: invert(1);
}

.wpcf7 {
    margin-top: 80px;
}
.form_field + .form_field {
    margin-top: 60px;
}
.form_field label {
    font-size: 16px;
    font-family: 'UB';
}
.wpcf7-form-control {
    display: block;
    padding: 20px 0;
    border: 0;
    border-bottom: 2px solid #F73000;
    font-family: 'UL';
    font-size: 32px;
    background: transparent;
    color: #fff;
    position: relative;
    max-width: 100%;
}
.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 12px;
    font-family: 'UL';
}
.wpcf7-not-valid {
    background: url('http://devils.io/wp-content/uploads/2024/06/error.svg') no-repeat right center;
}
.wpcf7 form .wpcf7-response-output {
    font-size: 18px;
}
.wpcf7-form-control.wpcf7-submit {
    padding: 22px 60px;
    background: #DE1C10;
    border-radius: 12px;
    font-size: 20px;
    font-family: 'AB';
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.wpcf7-form-control.wpcf7-submit:hover {
    background: #C7190D;
}
.foot {
    padding: 12px 0 50px;
}
.foot_in {
    display: flex;
    align-items: center;
    align-items: flex-start;
}
.foot_in .logo {
    margin-right: 0;
}
.foot_text {
    margin-left: 35px;
}
.mob_title {
    display: none;
    font-size: 38px;
    font-family: 'UB';
    text-transform: uppercase;
    color: #F73000;
}
.mob_title br {
    display: none;
}
.burg_wrap {
	display:none;
}
.form_sended {
	display:none;
	align-items:center;
	font-size:20px;
	line-height:28px;
	font-family: 'AB';
	text-transform:uppercase;
	letter-spacing: 4px;
}
.form_sended img {
	margin-right: 20px;
}
.wpcf7-form.sent .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-spinner {
	display:none;
}
.policy {
  display:block;
  font-size: 12px;
  line-height: 14px;
  margin-top: 12px;
  font-family: 'UL';
}
.policy:hover {
  text-decoration: underline;
}

@media (max-width: 1240px) {
	.logo {
        margin-right: 70px;
    }
    .menu-item + .menu-item {
        margin-left: 30px;
    }
    .case_item_num_in {
        font-size: 50px;
    }

}
@media (max-width: 992px) {
    .container {
        max-width: 740px;
    }
	.logo {
		max-width: 115px;
	}
    .head_in {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
	.burg_wrap {
		display: block;
	}
	.burg_close {
        display: none;
    }
    .nav {
        display: none;
        position: absolute;
        left: 0;
        top: 80px;
        background: #081f2e;
        width: 100%;
		padding-bottom:40px;
    }
    .nav .menu {
        flex-direction: column;
        align-items: flex-start;
    }
	.menu-item + .menu-item {
        margin-left: 0px;
    }
    .burg_wrap {
        cursor: pointer;
    }
    .sect_title {
        font-size: 55px;
    }
    .pd_sect {
        padding: 60px 0;
    }
    .ab_sect {
        padding-bottom: 60px;
    }
    .citata {
        margin-left: 150px;
    }
    .serv_in {
        flex-direction: column;
    }

}
@media (max-width: 768px) {
	.container {
        max-width: 100%;
    }
	.f_bl_in {
		bottom: 80px;
	}
	.f_bl_logo_wrap, .mob_title {
	    cursor: pointer;
	}
		
	.f_bl_logo_wrap::before {
		width: 480px;
		height: 480px;
		filter: blur(150px);

	}
    .ab_icon {
        display: none;
    }
    .ab_text_1 {
        font-size: 24px;
        line-height: 32px;
    }
    .ab_text_2 {
        margin-top: 40px;
        margin-left: 0;
        font-size: 20px;
    }
    .ab_title br {
        display: none;
    }
	.ab_sect {
		padding: 140px 0 120px;
	}
	.ab_sect::before {
		width: 680px;
		height: 680px;
		right: -250px;
		top: 0;
		filter: blur(150px);
		z-index:2;
		display:block;
		background-size: contain;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(150px);
	}
	.ab_sect .container {
		z-index:3;
	}
	.serv_sect::before {
		display: none;
	}
    .serv_title {
        font-size: 28px;
		letter-spacing:1px;
    }
    .serv_desc {
        font-size: 20px;
        margin-top: 20px;
    }
    .serv_col {
        gap: 28px;
    }
    .serv_item {
        padding: 20px 20px 40px;
    }
	.serv_icon_wrap {
		height:80px;
	}
    .serv_icon {
        margin-left: 0px;
		height:inherit;
    }
	.serv_icon_first {
		margin-left: 18px;
	}
    .citata {
        margin-left: 40px;
    }
    .citata::before {
        left: -40px;
    }
    .citata_title,
    .citata_text {
        font-size: 24px;
    }
    .case_row {
        flex-direction: column;
		margin-top: 60px;
    }
    .case_data {
        width: 100%;
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .case_item_col,
    .case_item_row {
        margin-top: 40px;
        margin-bottom: 0;
        width: 100%;
    }
	.case_item_num {
		margin-bottom:12px;
	}
    .case_item_num_in {
        font-size: 60px;
		line-height: 80px;
    }
    .case_item_row {
        flex-direction: column;
    }
    .case_item_row .case_item_text {
        padding-left: 70px;
    }
    .case_item_row .case_item_num {
        margin-bottom: 20px;
    }
    .case_row_logos {
        flex-direction: row;
        justify-content: center;
        width: 100%;
        padding-bottom: 35px;
		gap: 40px;
    }
    .case_logo + .case_logo {
        margin-top: 0px;
    }
    .case_row_logos::after {
        background: url('/wp-content/uploads/2024/06/line-5.svg') no-repeat center center;
        width: 100%;
        height: 20px;
        right: initial;
        left: 0;
        top: calc(100% - 20px);
        transform: none;
    }
	.case_item_text {
		font-size:20px;
	}
    .cont_items {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }
    .wpcf7-form-control {
        padding: 12px 0;
    }
    .form_field + .form_field {
        margin-top: 40px;
    }
    .f_bl_nav {
        display: none;
    }
    .mob_title {
        display: block;
    }
    .head {
        z-index: 15;
    }
	
}
@media (max-width: 578px) {
	
	.wpcf7-form-control.wpcf7-submit {
        width: 100%;
    }
    .foot_text {
        font-size: 16px;
    }
    .sect_title {
        font-size: 36px;
    }
	.ab_sect {
		padding-bottom:20px;
	}
	.ab_title {
		font-size: 38px;
		margin-bottom:32px;
	}
	.ab_text_1 {
		margin-right:0;
	}
	.ab_r + .ab_r {
		margin-top: 0;
	}
	.serv_in {
		margin-top: 32px;
	}
	.citata_text {
		word-break: break-word;
        word-wrap: break-word;
        hyphens: auto;
	}
	.case_logo_ya {
		min-width:200px;
	}
	.case_logo_goo {
		min-width:64px;
	}
	.cont_sect::before {
		width: 600px;
		height: 600px;
		top: initial;
		left: -200px;
		bottom: 133px;
		filter: blur(150px);
		backdrop-filter: blur(150px);
	}
	.cont_item {
		font-size:22px;
	}
    .policy {
        font-size: 10px;
        line-height: 12px;
        margin-top: 8px;
    }
}
