/*
Theme Name: The Bootstrap Blog
Author: mrpauloen
Author URI: https://profiles.wordpress.org/mrpauloen/
Description: Based on the popular Bootstrap 4 library, this theme shows how mobile friendly CSS framework can be used to create sleek, simple, fast and functional websites, with ease and intuitive way in modern front-end web developmen days.
Version: 9999.1.4.1
Requires at least: 5.5
Tested up to: 5.8
Requires PHP: 7.0
Tags: two-columns, custom-menu, custom-background, right-sidebar, custom-header, featured-images, sticky-post, theme-options, threaded-comments, translation-ready, blog
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-bootstrap-blog
Domain Path: /languages

== Copyright & License Notes ==

 The Bootstrap Blog WordPress Theme, Copyright 2016-2021 Paweł Nowak
 The Bootstrap Blog is distributed under the terms of the GNU GPL


 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

 License URI: http://www.gnu.org/licenses/gpl-2.0.html

 In general words, feel free and encouraged to use, modify and redistribute this theme however you like.
 You may remove any copyright references (unless required by third party components) and crediting is not necessary.
 The theme is offered free of charge. If someone asked money for it, someone just tricked you.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 GNU General Public License for more details.

 The Bootstrap Blog Theme bundles the following third-party resources:

*! TwentyTwenty_SVG_Icons class
 * Copyright: Twenty Twenty WordPress Theme, Copyright 2019-2021 WordPress.org
 * License: GPLv2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html

*! Playfair Display font
 * Copyright: 2017 The Playfair Display Project Authors (https://github.com/clauseggers/Playfair-Display)
 * Licence: SIL Open Font License (OFL)
 * Licence URI: https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
 * Author: Claus Eggers Sørensen Principal design
 * Author URL: http://forthehearts.net/about/

*! pin.svg
 * Copyright: Entypo
 * Author URI: http://www.entypo.com/
 * Licence: CC-BY-SA 4.0
 * Licence URI: https://creativecommons.org/licenses/by-sa/4.0/
 *

*! Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 *

*! HTML5 Shiv v3.7.0,
 * Copyright 2014 Alexander Farkas
 * Licenses: 	MIT/GPL2
 * Source: 		https://github.com/aFarkas/html5shiv
 *

*! Respond.js v1.4.2: min/max-width media query polyfill
 * Copyright 2013 Scott Jehl
 * Licensed under MIT https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT
 *

 **/
html{
    font-size: 14px;
    line-height: 1.4;
    --bs-gutter-x: 32px;
    background-color: #fff;
}
body{
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.4;
    font-family: 'Inter', sans-serif;
    color: #474747;
    background-color: #fff;
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1264px;
    }
}
.row,
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    --bs-gutter-x: 32px;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 700;
}

/* =WordPress Core
-------------------------------------------------------------- */
.other-page{
    padding-top: 30px;
    padding-bottom: 30px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

a{
    text-decoration: none;
    color: inherit;
    transition: .2s;
}
a:hover{
    color: #014BA1;
}
img{
    max-width: 100%;
    vertical-align: middle;
}
video, iframe{
    max-width: 100%;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.btn,
.wp-block-button__link{
    display: inline-block;
    outline: none;
    border-radius: 24px;
    border: 1px solid #014BA1;
    background: #014BA1;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
    padding: 7px 15px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    transition: .2s;
}
.btn:hover,
.wp-block-button__link:hover{
    background-color: #fff;
    color: #014BA1;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
}
p{
    margin-bottom: 1em;
}
p:last-child{
    margin-bottom: 0;
}
figure{
    line-height: 1;
}
#header{
    position: sticky;
    top: 0;
    background-color: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.24);
    padding: 12px 0;
    z-index: 100;
}
#header .item-contact .panel,
#menu-mobi .item-contact .panel,
.phone-panel{
    border-radius: 24px;
    background-color: #D9E7F7;
    padding: 8px 16px;
    font-weight: 700;
    color: #1F1F1F;
    line-height: 1;
}
.phone-panel{
    padding: 16px 30px;
    line-height: 1.2;
    font-size: 18px;
}
#header .item-contact .panel .wp-block-group-is-layout-flex{
    gap: 4px;
}
#menu-mobi .item-contact .panel .wp-block-group-is-layout-flex{
    gap: 4px;
}
#header .row{
    --bs-gutter-x: 12px;
}
.logo-site{
    font-family: 'Myriad Pro', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.36px;
    color:#1F1F1F;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#footer{
    background-color: #1F1F1F;
    padding: 40px 0;
    color: #FFF;
    text-align: center;
}
#footer .info-text,
#footer .contacts-list{
    font-size: 18px;
    margin-bottom: 32px;
    font-weight: 300;
}
#footer .copyright{
    margin-bottom: 24px;
    font-weight: 300;
}
#footer a:hover,
.blue-block a:hover{
    color: #e0e0e0;
}
.title-line-block{
    text-align: center;
}
.style-head-block{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    padding: 8px 18px;
    border-radius: 32px;
    background-color: #1F1F1F;
    color: #fff;
    margin-bottom: 18px;
}
.style-head-block-blue{
    margin-bottom: 24px;
    background-color: #014BA1;
    font-size: 24px;
}
.blue-block{
    background-color: #1359AA;
    color: #fff;
    padding: 64px 0;
}
.blue-block .panel-column{
    width: 326px;
    max-width: 100%;
    margin: 0 auto;
}
.blue-block .contact-item{
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.10);
    padding: 8px 16px;
    line-height: 1.2;
}
.blue-block .contact-items{
    gap: 16px;
}
.blue-block .contact-item-row{
    gap: 4px;
}
.blue-block .columns-blue-block{
    margin-bottom: 0;
}
.blue-block .columns-blue-block>div:not(:first-child){
    margin-top: 80px;
}
.why-choose{
    padding: 80px 0 0;
}
.why-choose .item .panel{
    padding: 32px 20px;
    text-align: center;
}
.why-choose .row.list-properties{
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}
.why-choose .item .image-line{
    margin-bottom: 16px;
}
.why-choose .item .image{
    display: inline-block;
    vertical-align: middle;
    background-color: #D9E7F7;
    border-radius: 50%;
    padding: 16px;
}
.why-choose .item .image img{
    width: 40px;
    height: auto;
}
.why-choose .item .title{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: #1F1F1F;
    margin-bottom: 4px;
}
.light-block{
    background-color: #1F1F1F;
    color: #fff;
    padding-top: 60px;
    overflow: hidden;
    transition: 1.5s;
}
.light-block.on{
    background-color: #1359AA;
}
.light-block .info-block{
    padding-bottom: 40px;
}
.light-block .image .light-on{
    position: absolute;
    left: 0;
    top: 0;
}
.light-block:not(.on) .light-on,
.light-block.on .light-off{
    opacity: 0;
}
.light-block .image-block{
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
}
.light-block .image{
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.light-block .image img{
    position: relative;
    z-index: 10;
    transition: 1.5s;
}
.light-block .image:before{
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 12%;
    width: 112%;
    padding-top: 112%;
    left: -6%;
    border-radius: 50%;
    background-color: #FFF4CD;
    filter: blur(127px);
    opacity: 0;
    transition: 1.5s;
}
.light-block.on .image:before{
    opacity: 1;
}
.light-block .info-block .panel{
    text-align:center;
    width: 312px;
    max-width: 100%;
    margin: 0 auto 55px;
}
.light-block .info-block .panel .desc-group p:not(:last-child){
    margin-bottom: 1.4em;
}
.light-block .info-block .title-block{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
}
.light-block .info-block .panel-bg-white{
    margin-bottom: 24px;
}
.light-block .info-block .panel-bg-white p{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    padding: 8px 16px;
    border-radius: 40px;
    background-color: #FFF;
    color: #1F1F1F;
    margin-bottom: 0;
}
.light-block .info-block .panel-bg-white p:first-child{
    margin-bottom: -2px;
}
.services{
    background: #1359AA;
    padding: 80px 0;
}
.services .list-serv{
    --bs-gutter-x: 16px;
    --bs-gutter-y: 16px;
}
.services .item .panel{
    background-color: #D9E7F7;
    padding: 32px 25px 40px;
    color: #1F1F1F;
    transition: .3s;
}
.services .item:nth-child(1) .panel,
.services .item:nth-child(4) .panel{
    padding: 0 0 40px;
}
.services .item:nth-child(1) .panel .group-info,
.services .item:nth-child(4) .panel .group-info{
    padding: 0 25px;
}
.services .item .panel .mobi-img{
    margin-bottom: 24px;
}
.services .item:nth-child(1) .panel .mobi-img{
    margin-bottom: 13px;
}
.services .item .title{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 18px;
}
.services .item:nth-child(1) .title{
    font-size: 32px;
}
.services .item .desc ul{
    margin-bottom: 0;
}
.services .item .desc ul li:not(:last-child){
    margin-bottom: 8px;
}
.services .item .desc .title-col{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}
.bn-block{
    color: #1F1F1F;
    padding: 0 0 36px;
}
.bn-block .block-content{
    position: relative;
}
.bn-block .head-text{
    font-family: 'HelveticaNeueCyr', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
}
.bn-block .head-text:not(.print-text){
    opacity: 0;
}
.bn-block .head-text.print-text{
    position: absolute;
    left: 0;
    top: 0;
}
.bn-block .big-text{
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 40px;
}
.bn-block .btn-line{
    gap: 30px;
    margin-bottom: 40px;
}
.bn-block .line-options{
    gap: 32px;
    line-height: 1.2;
}
.bn-block .wp-block-button__link{
    padding: 15px 99px;
    font-size: 18px;
}
.toggle-menu{
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: #1F1F1F;
    background-image: url("/images/menu.svg");
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.24);
    cursor: pointer;
    transition: .2s;
}
.toggle-menu:hover{
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.34);
}

#menu-mobi{
    position: fixed;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 10000;
    opacity: 0;
    padding: 0;
    transition: .6s;
}
body.show-menu{
    overflow:hidden;
}
body.show-menu #menu-mobi{
    left: 0;
    opacity: 1;
}
#menu-mobi .logo-menu{
    width: 270px;
    height: 56px;
    padding: 12px 16px;
    max-width: 100%;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
#menu-mobi .close{
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -17px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-image: url("/images/close.svg");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
#menu-mobi .mobi-block-menu{
    padding: 84px 16px 32px;
    width: 270px;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: #fff;
    height: 100%;
    margin: 0 0 0 auto;
    display: flex;
    flex-direction: column;
}
#menu-mobi .menu-site-mobi{
    flex: 1 0 auto;
}
#menu-mobi .menu-site-mobi>.row{
    --bs-gutter-y: 18px;
}
#menu-mobi .mobi-block-menu .copyright{
    font-weight: 300;
    color: #1F1F1F;
    max-width: 190px;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}
.modal {
    z-index: 1072;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

@media (min-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto;
    }
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
}

.modal.fade .modal-dialog{
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.modal-open{
    overflow: hidden;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}
.fade.show{
    opacity: 1;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    height: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    transition: height 0s .3s, opacity .3s;
}
.modal-backdrop{
    z-index: 1071;
}
.modal-backdrop.fade{
    opacity: 0;
}
.modal-backdrop.show{
    transition: height 0s, opacity .3s;
    height: 100%;
    opacity: .5;
}
.modal-content{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    max-width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.24);
}
.modal-content .close{
    position: absolute;
    z-index: 100;
    top: 16px;
    right: 16px;
    width: 30px;
    height: 30px;
    background-image: url("/images/close.svg");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: .2s;
}
.modal-content .close:hover{
    opacity: .7;
}
.modal-content .title-form{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 18px;
}
.modal-content .wpcf7-form{
    max-width: 390px;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form input[type=date], .mod-select select, .wpcf7-form textarea {
    width: 100%;
    font-size: 1em;
    line-height: 1.2;
    border: 1px solid #014BA1;
    padding: 8px 16px;
    outline: none!important;
    box-shadow: none!important;
    border-radius: 24px!important;
    background: #fff;
    vertical-align: middle;
    color: #1F1F1F;
    margin-top: 8px;
}
.wpcf7-form label{
    display: block;
    color: #474747;
}
.wpcf7-form .btn{
    padding: 10px 30px;
}
.wpcf7-form .btn-line {
    position: relative;
    text-align: center;
}
.wpcf7-form .btn-line .wpcf7-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}
.wpcf7-acceptance {
    margin-bottom: 0;
}
.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}
.wpcf7-checkbox .wpcf7-list-item:last-child{
    margin-right: 0;
}
.wpcf7-checkbox label,
.wpcf7-acceptance label{
    display: block;
}
.wpcf7-checkbox label input,
.wpcf7-acceptance label input{
    display: none;
}
.wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-acceptance .wpcf7-list-item-label{
    display: block;
    position: relative;
    padding-left: 24px;
    line-height: 1.2;
}
.wpcf7-checkbox .wpcf7-list-item-label:before,
.wpcf7-acceptance .wpcf7-list-item-label:before{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #1359AA;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.wpcf7-checkbox .wpcf7-list-item-label:after,
.wpcf7-acceptance .wpcf7-list-item-label:after{
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 3px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("/images/check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .1s;
    opacity: 0;
    cursor: pointer;
}
.wpcf7-checkbox label input:checked+.wpcf7-list-item-label:after,
.wpcf7-acceptance label input:checked+.wpcf7-list-item-label:after{
    opacity: 1;
}
.wpcf7-acceptance a{
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

@media (min-width: 576px){
    .why-choose{
        padding: 80px 0 30px;
    }
    .why-choose .item .panel{
        padding: 32px 10px;
    }
    .blue-block .panel-column{
        width: 500px;
    }
    .light-block .info-block .panel-bg-white p,
    .light-block .info-block .title-block{
        font-size: 28px;
    }
    .light-block .info-block .panel{
        width: 530px;
    }
}
@media (min-width: 768px){
    .other-page{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #header{
        padding: 16px 0;
    }
    #footer{
        padding: 60px 0;
    }
    #footer .info-text,
    #footer .contacts-list,
    #footer .copyright{
        font-weight: 400;
    }
    .blue-block{
        padding: 120px 0;
    }
    .style-head-block{
        font-size: 24px;
    }
    .blue-block{
        font-size: 16px;
    }
    .why-choose .item .panel{
        padding: 32px 20px;
    }
    .services .item .panel:hover{
        background-color: #FFF;
    }
    .services .item.col-lg-4:nth-child(1),
    .services .item.col-lg-4:nth-child(4){
        width: 100%;
    }
    .services .item:nth-child(1) .desc{
        width: 400px;
    }
    .services .item:nth-child(1) .panel,
    .services .item:nth-child(4) .panel{
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right center;
    }
    .services .item:nth-child(1) .panel{
        background-image: url("/images/electr_serv.png");
    }
    .services .item:nth-child(4) .panel{
        background-position: 150% center;
        background-image: url("/images/electr_upgrade.png?1");
    }
    .services .item .panel{
        padding: 32px;
        min-height: 234px;
        height: 100%;
    }
    .services .item:nth-child(1) .panel .group-info,
    .services .item:nth-child(4) .panel .group-info{
        padding: 32px 32px 0;
    }
    .bn-block{
        position: relative;
    }
    .bn-block .desc-img{
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-position: right center;
        object-fit: contain;
        z-index: 1;
    }
    .bn-block .container{
        position: relative;
        z-index: 5;
    }
    .bn-block .head-text{
        max-width: 470px;
    }
    .bn-block{
        padding: 72px 0;
    }
    .light-block .info-block .panel-bg-white p,
    .light-block .info-block .title-block,
    .modal-content .title-form{
        font-size: 32px;
    }
    .light-block{
        padding-top: 125px;
    }
}
@media (min-width: 782px){
    .blue-block .columns-blue-block>div:not(:first-child){
        margin-top: 0;
    }
}
@media (min-width: 992px){
    .blue-block{
        font-size: 18px;
    }
    .style-head-block{
        font-size: 32px;
    }
    .blue-block .contact-items{
        gap: 24px;
    }
    .why-choose .item .panel{
        padding: 32px 10px;
    }
    .services .item.col-lg-4:nth-child(1),
    .services .item.col-lg-4:nth-child(4){
        width: 66.66666667%;
    }
    .services .item:nth-child(1) .panel{
        background-position: 150% center;
    }
    .services .item:nth-child(4) .panel{
        background-position: 220% center;
    }
    .bn-block .desc-img{
        object-position: 186% center;
    }
    .bn-block .head-text{
        font-size: 38px;
    }
    .light-block .info-block .panel-bg-white p,
    .light-block .info-block .title-block{
        font-size: 26px;
    }
    .light-block .info-block .panel{
        margin-left: 0;
        margin-bottom: 0;
    }
}
@media (min-width: 1200px){
    .why-choose .item .panel{
        padding: 32px 20px;
    }
    .services .item .wp-block-columns-is-layout-flex{
        gap: 40px;
    }
    .services .item:nth-child(4) .panel{
        background-position: 120% center;
    }
    .services .item:nth-child(1) .panel{
        background-position: right center;
    }
    .bn-block .desc-img{
        object-position: right center;
    }
    .bn-block .head-text{
        font-size: 48px;
    }
    .light-block .info-block .panel-bg-white p,
    .light-block .info-block .title-block{
        font-size: 32px;
    }
}
@media (min-width: 1400px){
    .services .item:nth-child(4) .panel{
        background-position: right center;
    }
}

@media (max-width: 1050px){
    .bn-block .desc-img{
        object-position: left center;
        object-fit: cover;
        width: 60%;
    }
}
@media (max-width: 781px) {
    .blue-block .columns-blue-block{
        gap: 0;
    }
}
@media (max-width: 767.98px){
    .services .item .panel{
        text-align: center;
        transition: .6s;
    }
    .services .item.show .panel{
        background-color: #fff;
    }
    .services .item.show + .item.show .panel{
        background-color: #D9E7F7;
    }
    .services .item ul{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }
    .services {
        padding: 60px 0;
    }
    .bn-block .block-content{
        text-align: center;
    }
    .bn-block .btn-line{
        justify-content: center;
        margin-bottom: 24px;
    }
    .bn-block .line-options{
        justify-content: center;
        gap: 8px;
    }
    .bn-block .big-text{
        margin-bottom: 24px;
        font-size: 16px;
    }
    .bn-block .head-text{
        padding-left: 30px;
        padding-right: 30px;
    }
    .bn-block .mobi-img{
        width: 100%;
    }
}
@media (max-width: 575.98px){
    .light-block .info-block .panel p br{
        display: none;
    }
    .light-block .image{
        max-width: 325px;
    }
    .modal-content{
        padding: 40px 30px;
    }
}
@media (max-width: 389.98px){
    .bn-block .head-text{
        padding-left: 0;
        padding-right: 0;
    }
    .bn-block .wp-block-button__link{
        padding: 15px 20px;
        width: 100%;
    }
    .bn-block .wp-block-buttons>.wp-block-button{
        width: 100%;
    }
    .bn-block .head-text{
        font-size: 29px;
    }
}
@media (max-width: 379.98px){
    .services .item:nth-child(1) .title{
        font-size: 26px
    }
    .why-choose .item .panel{
        padding: 15px 0;
    }
    .why-choose{
        padding: 60px 0 45px;
    }
    .style-head-block-blue,
    .why-choose .item .title{
        font-size: 22px;
    }
}
@media (max-width: 359.98px){
    #header .block-btn{
        display: none;
    }
}