@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
html {
    scroll-behavior: auto; 
  }
body{
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;
  color: #16213e;
  background:#fbfcfe;
}
h1{
  font-size: calc(2rem + 3vw);
}
h2{
  font-size: calc(2.4rem + 3vw);
}
.block_1_sub_title{
  font-size: calc(0.2rem + 1vw);
  font-weight: 400 !important;
  padding: 0;
  float: right;
  text-align: right;
  width: 60%;
}
.block_1_title_top h2{
 font-size: 20px;
 float: left;
 width: 100%;
 font-weight: 600;
 text-align: right;
 padding: 25px 0 0;
}
.menu_logo svg{
  height:22px;
  fill: #16213e;
}
.block_1{
  float:left;
  width:100%;
  padding: 150px 0 0;
  /* background: rgb(251 252 254); */
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 10%;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
.navbar-nav{
 float:right;
}
.navbar-expand-md .navbar-collapse {
    display: block!important;
    flex-basis: auto;
}
.nav-item a{
 font-size:20px;
 color: #16213e;
 padding: 0 !important;
 margin:0;
 font-weight: 450;
}
.navbar-nav li{
padding: 5px 0 2px 30px;
}
.accordion-button:not(.collapsed){
  background:none !important;
}
.accordion-button{
  /* border:none !important; */
  outline:0px !important;
  font-size: 24px;
  background: transparent !important;
  padding: 20px 0;
  font-weight: 450;
}
button{
  outline:0px !important;
}
.accordion-button:focus {
    box-shadow: none;

}

.faq_contacts{
  padding: 50px 50px 70px;
  height: 100%;
  border-radius: 10px;
  background: #f4f5fa;
}
.faq_contacts_block{
  text-align:center;
  padding:0 0 70px;
  border-bottom: 1px solid rgb(0 0 0 / 8%);
}
.faq_block .block_title{
  text-align:center;
  padding:50px 0;
}
.faq_contacts_block .block_title{
  padding:0 0 10px;
}
@media (min-width: 1000px){
#accordionFaq {
    width: 70%;
    margin: 0 auto;
}
}  

.cmess{
    padding: 10px 5px 0;
    font-size: 24px;
    background: #16213e;
    border-radius: 50px;
    padding: 10px 25px;
    margin:0 10px 0;
    font-weight: 350;
    display: flex;
    align-items: center;
    /* background: #407bfd; */
}
a.cmess{
  color: #f3f3f3 !important;
  text-decoration:none !important;
}
.block_sub_title{
  padding:0 0 50px;
  font-size: 22px;
}
.accordion-button:not(.collapsed){
  color:#121212 !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}
.faq_block_contacts{margin: 0 auto;display: flex;align-items: center;justify-content: center;}

.faq_block{
 float:left;
 width:100%;
 padding:0;
}
.accordion-item{
  background:transparent !important;
  border-bottom: 1px solid rgb(0 0 0 / 0%);
}
.block_title{
 font-size: calc(0.5rem + 3vw);
 font-weight:500;
 padding: 20px 0;
}
.footer{ 
float:left;
width:100%;
padding:30px 0;
}
@media(max-width:900px){
.collapse:not(.show) {
    display: none !important;
}
}
.single_price_block{
  /* border: 2px solid #e6eff8; */
  padding: 40px 50px 20px;
  height: 100%;
  border-radius: 10px;
  background: #f2f4f7 !important;
  background: #22325c !important;
  /* color: #f1f1f1; */
  color: #fbfcfe;
}
.single_price_title{
  padding: 0 0 15px;
}
.price_block .block_title h2{
  padding:0 0 50px;
  font-size: calc(0.5rem + 3vw);
  position: relative;
  font-weight: 500;
  color: #fbfcfe;
}
@media(min-width:1200px){
.home_price_block .row .col-xl-4{
    height: auto;
    display: flex;
}
}  

.oit_icon {
    float: left;
    margin: 3px 10px 0 0;
    display: flex;
    border-radius: 20px;
    width: 22px;
    height: 22px;
    background: #0d74bb !important;
    border: 1px solid #0d74bb;
}
.oit_icon path {
    stroke: #ffffff !important;
    stroke-width: 1.5;
}
.oit_icon rect {
    fill: rgb(255 255 255 / 0%);
}
.option_icon_single_price{
    width: 100%;
    font-size: 20px;
    padding: 10px 0;
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    font-weight: 400;
}
.option_icon_tarif_block_desc {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.oit_icon svg {
    margin: 0px 2px 0;
    height: 20px;
    width: 20px;
}
.option_list_title {
    font-weight: 600;
    font-size: 22px;
    float: left;
    position: relative;
    padding: 30px 0 20px;
}
.single_price_options{
  float:left;
  width:100%;
  padding: 0 0 25px;
  border-top: 1px solid #e6eff8;
}
.option_icon_single_price span{
width:90%;  
}
.single_price_title h2{
  font-weight: 500 !important;
  font-size: 40px;
}
.single_price_desc .option_icon_tarif_block_desc{
  padding: 35px 0 25px;
  min-height: 209px;
}
.single_price_desc{
  font-weight: 400;
  font-size: 20px;
}
.time_price{
  float:left;
  width:100%;
  /* display: flex; */
  flex-direction: column;
  /* border-top: 1px solid rgb(18 18 18); */
  padding: 20px 0 0;
}
.single_price_time{
    font-weight: 350;
    font-size: 18px;
    padding: 5px 20px;
    float: left;
    background: #0d74bb;
    margin: 0 15px 15px 0;
    border-radius: 50px;
    color: #f1f1f1;
    /* background: #007acc; */
}
.single_price_bottom{
  font-weight: 700;
  font-size: 24px;
  float: left;
  width: 100%;
  padding: 25px 0 0;
}
.single_price_bottom span{
  font-size: 40px;
  font-weight: 500;
}
 .single_price_block{
    margin: 0 0 30px;
    float:left;
    /* color: #ededed; */
}
  .option_icon_single_price span {
    width: 80%;
    float: right;
    font-weight: 350;
    color: rgb(251 252 254 / 80%);
}
.price_block{
 float:left;
 width:100%;
 background: #16213e;
 padding: 0;
}
.single_price_top_desc{
 font-size: 20px;
 font-weight: 350;
 color: rgb(251 252 254 / 80%);
}
@media(max-width:1500px){
 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 10%;
}
}
.consult{
 float:left;
 width:100%;
}
.consult_block{
  /* border: 1px solid rgb(0 0 0 / 8%); */
  padding: 30px 30px 60px;
  border-radius:10px;
  text-align:center;
  background: rgb(204 228 255);
}

.single_result_block svg{
  width:36px;
  height: 36px;
}
.single_result_block .spi {
    background: linear-gradient(200deg, #52aefb, #146df5);
    width: 70px;
    height: 70px;
    border-radius: 70px;
    display: flex;
    align-items: center;
}
.single_result_block .spi svg {
    margin: 0 auto;
    position: relative;
}
.single_result_block .spi svg path {
    fill: #ffffff;
}
  .single_result_title {
    padding: 20px 0 25px;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    font-size: 30px;
    font-weight: 600;
    line-height:1.1em;
}
.single_result_block{
 background: rgb(245 245 245) !important;
}
.single_result_block{
  /* border: 1px solid rgb(0 0 0 / 8%); */
  padding: 30px 30px 30px;
  height: 100%;
  border-radius: 10px;
  background: #f4f5fa;
  background: #f5f5f5 !important;
}
.single_result_block p{
  margin:0;
  padding:25px 0 0;
  font-size: 18px;
}
.result .col-xl-6{
  margin: 0 0 50px;
}
.result{
  padding: 30px 0 0;
  float:left;
  width:100%;
}
.result .block_title{
  padding:0 0 50px;
  line-height: 1.2em;
}
@media (min-width: 1020px){
 .wpb_left_block .new_rez_scroll{
 position: sticky;
 top: 120px;
 }
 }
.single_work_process_bottom {
    float: left;
    width: 100%;
    margin: 0 0 50px;
}
.wpb_mnb_title {
    border-bottom: 1px solid rgb(18 18 18 / 10%);
    padding: 0 0 15px;
    float: left;
    width: 100%;
}
.swpb_title {
    font-size: 34px;
    font-weight: 600;
    float: left;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.swpb_desc {
    line-height: 1.45em;
    font-size: 19px;
    padding: 20px 0 0;
    float: left;
    width: 100%;
    font-weight: 350;
}
.single_price_block.std{
 /* background:rgb(204 228 255) !important; */
}
.block_1_split{
  float:left;
  width:100%;
  display: flex;
  align-items: center;
  padding: 100px 0 120px;
}
.block_1_split_img{
  background: url("../img/blue.jpg");
  height:180px;width: 45%;
  border-radius: 100px;
  background-size: cover;
}
.bottom_round_bg{
 float:left;
 width:100%;
 height:50px;
 border-top-left-radius: 20px;
 border-top-right-radius: 20px;
}
.block_1 .bottom_round_bg{
 background: #16213e;
}
.price_block .bottom_round_bg{
 background:#fbfcfe;
}
.home_price_block{
 padding:0 0 120px;
}
@media(min-width:1500px){
.container-fluid{
    max-width: var(--max-width);
--bs-gutter-x: 0;
}
}
:root {
  --max-width: 1400px;
}
.consult_block .block_title{
 padding:20px 0 5px;
}
.half_block_work img {
    width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
   border-radius: 10px;
}
@media(min-width:1020px){
  .container_work_block .col-xl-6{
    padding:0;
  }
  .container_work_block{
    padding: 0 39px 100px;
  }
}
 .half_block_work{
    margin:0 0 30px;
}
.half_block_work {
    margin: 9px;
}
 .half_block_work img{
    filter:brightness(0.9);
  }
.work_block{
 float:left;
 width:100%;
 padding: 5px 0 0;
 background: #191b1e;
}
.work_block .block_title{
 padding: 0 0 50px;
 text-align: left;
 color: #fbfcfe;
}
.fixed_nav{
 position:fixed;
 top:0;
 left:0;
 width:100%;
 background: rgb(251 252 254);
 z-index:99;
 padding:8px 0;
}
#price {
  scroll-margin-top: 72px;
}
#work {
  scroll-margin-top: 72px;
}
#contacts{
  scroll-margin-top: 72px;
}
.result .bottom_round_bg{
 background: #191b1e;
}
.work_block .bottom_round_bg{
 background:#fbfcfe;
}
.faq_contacts .accordion-body{
 padding:35px 0 20px;
 font-size: 19px;
}
b, strong {
    font-weight: 600;
}
.accordion-button{
 border-bottom:1px solid #e1e2e6;
 box-shadow:none !important;
}
.faq_contacts .accordion-body ul li{
 padding:0 0 20px;
}
.faq_contacts .accordion-body ul li:last-child{
 padding:0;
}
.nav-link:focus, .nav-link:hover {
    color: #16213e;
}

@media(max-width:769px){
 .block_1_split{
  display:block;
  padding: 30px 0 50px;
 }
 .block_1_split_img{
  width:100%;
  height: 120px;
 }
 .faq_block_contacts{
  display:block;
 }
 .single_price_title h2 {
    font-weight: 400 !important;
    font-size: 32px;
}
 .work_block .row{
  display:block;
  margin: 0;
}
.bottom_round_bg{
 border-top-left-radius:10px;
}
 .bottom_round_bg{
 border-top-right-radius:10px;
}
 h1 {
    font-size:38px;
}
 h2 {
    font-size: 38px;
}
 .block_1_sub_title{
  width:100%;
  text-align:left;
  font-size:18px;
  padding: 40px 0 0;
 }
 .block_1_title_top h2{
  text-align: left;
  font-size: 18px;
  padding: 15px 0 0;
 }
 .price_block .block_title h2{
  font-size:38px;
  padding: 0 0 30px;
 }
 .single_price_block {
    padding: 30px 20px 35px;
  margin:0 0 25px;
}
 .home_price_block .row{
  display:block;
 }
 .single_price_bottom {
    font-weight: 600;
    font-size: 22px;
    float: left;
    width: 100%;
    padding: 20px 0 0;
}
 .single_price_bottom span {
    font-size: 34px;
    font-weight: 500;
}
 .single_price_top_desc{
  font-size:18px;
 }
 .option_icon_single_price span {
    width: 85%;
    float: right;
    font-weight: 350;
    color: rgb(251 252 254 / 80%);
  font-size:18px;
}
 .block_title{
  font-size:38px;
 }
 .swpb_title {
    font-size: 28px;
    font-weight: 500;
    line-height:1.3em;
}
.wpb_mnb_title{
 padding:0 0 25px;
}
 .swpb_desc {
  font-size:18px;
}
.half_block_work {
    margin: 9px 9px 25px;
}
}
.icon_rez {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    background: linear-gradient(200deg, #52aefb, #146df5);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    background: #0d74bb;
}
.icon_rez svg {
    fill: #ffffff;
    width: 36px;
    height: 32px;
    margin: 0 auto;
    position: relative;
}
.why_yad .single_price_title{
 padding: 25px 0 15px;
}
.why_yad .col-xl-6{
 margin:0 0 30px;
}
.why_yad .home_price_block {
    padding: 0 0 90px;
}
.swpb_desc li {
    line-height: 1.3em;
    padding: 0 0 20px;
    font-size: 20px !important;
    list-style: circle;
}
.swpb_desc li:last-child {
    padding: 0;
}
#work_yad.bottom_round_bg {
    background: #16213e;
}
.accordion .accordion-item:last-child .accordion-button{
 border-bottom:none;
}
.yad_desc{
 float:left;
 width:100%;
 padding:0 0 100px;
}
.yad_desc .block_title{
 line-height:1.2em;
 padding: 20px 0 80px;
}
.yad_desc{
 font-size:20px;
}
 .navbar-toggler .icon-bar {
    background: #16213e !important;
}
@media (max-width: 769px){
.navbar-toggler .icon-bar {
    background: #16213e;
}
  .navbar-toggler .icon-bar {
    display: block;
    width: 24px !important;
    height: 3px !important;
    border-radius: 1px;
}
}
.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-toggler{
  height:50px;
  float: right;
  border: none !important;
  box-shadow: none !important;
}
.modal_menu a{
  float:left;
  width:100%;
  font-size: 22px;
  text-decoration:none !important;
  color: #2b2f33;
  padding: 12px 0;
  font-weight: 500;
}
#menuModal .modal-header{
  border:none;
}
@media(max-width:769px){
 .fixed_nav{
  padding:0;
 }
 #price {
  scroll-margin-top: 80px;
}
#work {
  scroll-margin-top: 80px;
}
#contacts{
  scroll-margin-top: 80px;
}
 .home_price_block{
  float:left;
  padding:0 0 50px;
 }
 .price_block .block_title {
    padding: 0 0 30px;
}
 .result .block_title {
    padding: 0 0 50px;
}
 .result {
    padding: 10px 0 0;
}
 .result .col-xl-6 {
    margin: 0 0 20px;
}
 .container_work_block{
  padding:0 0 50px;
 }
 .work_block .block_title {
    padding: 0 0 60px;
}
 .faq_contacts {
    padding: 50px 20px 70px;
    height: 100%;
    border-radius: 10px;
    background: #f4f5fa;
}
 .faq_contacts_block .block_title {
    padding: 0 0 20px;
  line-height:1.2em;
}
 .block_sub_title {
    padding: 0 0 50px;
    font-size: 20px;
}
 .faq_block_contacts a{
  margin:0 0 25px;

 }
 .faq_block_contacts a:last-child{
  margin:0;
 }
 .cmess {
    font-size: 22px;
 }
 .faq_block_contacts{
  text-align:center;
 }
 .faq_block .block_title{
  line-height:1.2em;
 }
 .accordion-button{
  font-size:20px;
 }
 .why_yad .block_title{
    font-size: 38px;
    padding: 0;
}
 .why_yad .home_price_block {
    padding: 0 0 50px;
}
 .yad_desc .block_title {
    line-height: 1.2em;
    padding: 20px 0 60px;
}
 .yad_desc {
    padding: 0 0 50px;
}
}