/*
Theme Name: Bpd22 Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.porto-gallery img {
    border-radius: 10px;
    width: 100%;            /* 100% от ширины ячейки */
    height: 250px;          /* одинаковая высота */
    object-fit: cover;
    display: block;
}
.over-box {
    border: 1px solid #e5e0dc;
    padding: 20px;
}
@media (max-width: 576px) {
    .modal-dialog.modal-dialog-slideout {
        width: 80%
    }

    .headind {
        font-size: 45px !important;
        line-height: 50px !important;
    }

    #header .header-main {
        background: #faf9f8 !important;
    }

    #main {
        background: #faf9f8 !important;
    }

    .vc_custom_1586410114105 {
        padding-top: 20px !important;
        padding-bottom: 5px !important;
    }

    .pulse-button {
        font-size: 16px !important;
    }

    .vc_custom_1543888239030 {
        padding-bottom: 5px !important;
    }

    #header .header-main .header-left,
    #header .header-main .header-center,
    #header .header-main .header-right,
    .fixed-header #header .header-main .header-left,
    .fixed-header #header .header-main .header-right,
    .fixed-header #header .header-main .header-center {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .header-bottom::after {
        display: none !important;
    }
}

@media (max-width: 776px) {
    .modal-dialog.modal-dialog-slideout {
        width: 80%
    }

    .headind {
        font-size: 45px !important;
        line-height: 50px !important;
    }

    #header .header-main {
        background: #faf9f8 !important;
    }

    #main {
        background: #faf9f8 !important;
    }

    .vc_custom_1586410114105 {
        padding-top: 20px !important;
        padding-bottom: 5px !important;
    }

    .pulse-button {
        font-size: 16px !important;
    }

    .vc_custom_1543888239030 {
        padding-bottom: 5px !important;
    }

    #header .header-main .header-left,
    #header .header-main .header-center,
    #header .header-main .header-right,
    .fixed-header #header .header-main .header-left,
    .fixed-header #header .header-main .header-right,
    .fixed-header #header .header-main .header-center {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .header-bottom::after {
        display: none !important;
    }
}

.main-bg {
    background-image: url(/wp-content/uploads/2020/04/backme-rip-min.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: inherit;
    background-position: right top;
}

.modal-body .porto-sicon-body p {
    font-size: 10px;
}

#exampleRip .modal-content {
    background-color: #faf9f8;
    background-image: url(/wp-content/uploads/2020/04/bg.jpg);
    background-repeat: repeat-y;
    background-size: inherit;
    background-attachment: inherit;
    background-position: left top;
}

#exampleRip .modal-dialog-slideout {
    background-color: #faf9f8;
    background-image: url(/wp-content/uploads/2020/04/bg.jpg);
    background-repeat: repeat-y;
    background-size: inherit;
    background-attachment: inherit;
    background-position: left top;
}

.wpb_image_grid .wpb_image_grid_ul img {
    padding: 5px;
    border-radius: 10px;
}

#header .header-main .header-left {
    padding: 5px 0;
}

.keep-other {
    background-image: url(/wp-content/uploads/2022/05/11.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.keep-other2 {
    background-image: url(/wp-content/uploads/2022/05/33-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.b-l-10 {
    border-radius: 5px 0 0 5px;
}

.bpd-button {
    width: 100%;
    padding: 12px;
    font-size: 16px;
}

h2 {
    margin: 0 0 10px 0;
}

.modal-body a {
    border-bottom: 1px dashed #c09175;
    color: #c09175;
    font-family: El Messiri, sans-serif;
}

a.porto-sicon-box-link {
    border: none !important;
}

.fwb {
    font-family: 'El Messiri';
    color: #c09175;
    line-height: 15px;
}

.p-text {
    font-size: 13px;
    line-height: 19px;
    color: #777777;
}

.header-wrapper #header {
    box-shadow: 0px 3px 5px -1px rgba(145 158 171 / 20%), 0px 6px 10px 0px rgba(145 158 171 / 14%), 0px 1px 18px 0px rgba(145 158 171 / 12%);
    position: relative;
    z-index: 999;
}

.main-content {
    padding-bottom: 0px;
}


.single-portfolio .related-portfolios {
    background-color: #faf9f8;
    background-image: url(/wp-content/uploads/2020/04/bg.jpg);
    background-repeat: repeat-y;
    background-size: inherit;
    background-attachment: inherit;
    background-position: left top;
}

.header-bottom::after {
    content: "";
    position: absolute;
    width: 140px;
    background-image: url('/wp-content/uploads/2020/04/bottom.png');
    background-size: contain;
    background-repeat: no-repeat;
    right: -52px;
    height: 82px;
    bottom: 0;
}

#main {
    background-position: 250px top !important;
}

hr {
    margin: 15px 0;
}

.page-wrapper.side-nav .page-top.fixed-pos {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
}

#header .sidebar-menu>li>a {
    border-bottom: 0px solid #f3f3f3;
}

.blog-posts .post .entry-title {
    font-weight: 200 !important;
}

.page-top {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ripborder {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    background: #fcfaf9;
    border-radius: 0px 4px 4px 0px;
    background-image: url(/wp-content/uploads/2020/04/patern.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: inherit;
    background-position: right bottom;
}

.sidebar-content {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    background: #fcfaf9;
    border-radius: 4px 4px 4px 4px;
    background-image: url(/wp-content/uploads/2020/04/patern-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: inherit;
    background-position: right bottom;
    padding: 20px;
}

.single-portfolio .related-portfolios {
    padding: 3rem 0 2rem;
}

.related-portfolios,
.porto-recent-portfolios {
    margin-top: 0px;
}

#footer .footer-main>.container {
    padding-top: 1rem;
    padding-bottom: 0rem;
}

.widget {
    margin-bottom: 0px;
}

#footer .footer-main {
    box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.1);
}

#footer .footer-bottom {
    box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.1);
    display: none;
}

.btn {
    font-family: El Messiri !important;
}

.related-posts .read-more {
    font-family: El Messiri !important;
}

.thumb-info .thumb-info-inner {
    font-family: El Messiri !important;
}

.posts-medium-alt .blog-post-date {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
    background-color: #fcfaf9 !important;
    border-radius: 4px 4px 4px 4px;
    background-image: url(/wp-content/uploads/2020/04/patern-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: inherit;
    background-position: right bottom;
    color: #4b1f10 !important;
    font-family: El Messiri !important;
}

html #topcontrol {
    display: none;
}

.arcontactus-widget .messanger span i {
    font-size: 15px !important;
}

.thumb-info-caption .thumb-info-caption-text {
    padding: 15px 15px;
    font-size: 13px;
    background: #fff;
    background-image: url(/wp-content/uploads/2020/04/patern-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: auto;
    background-position: right bottom;
    border-radius: 0px 4px 0px 4px;
}

.angel {
    position: absolute;
    z-index: 1;
    display: flex;
    width: 240px;
    margin-left: 50px;
    top: 20px;
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 auto 0 0;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    flex-flow: column;
}

.modal-dialog-slideout .modal-content {
    border: 0;
}

.pulse-button {
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    font-size: 19px;
    padding: 10px 35px 6px 35px;
    border-radius: 50px !important;
    text-align: left;
}

.pulse-button::before,
.pulse-button::after {
    content: "";
    position: absolute;
    top: -40px;
    left: 250px;
    width: 2.5em;
    height: 2.5em;
    padding: 0.75em;
    line-height: 2.5em;
    vertical-align: middle;
    margin: 0.75em 0 0 3em;
    background: #A6311F;
    border-radius: 50%;
    font-size: 20px;
    color: #FFF;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border: 3px solid #faf9f8;
}

.pulse-button::after {
    content: "\f0f3";
    font-family: "Font Awesome 6 Free";
    text-align: center;
    background: transparent;
    box-shadow: none;
    transform-origin: 70% 1em;
    animation-name: ring;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    margin-top: 0px;
    border: 0;
}

@keyframes ring {
    0% {
        transform: rotate(0deg)
    }

    5% {
        transform: rotate(45deg)
    }

    15% {
        transform: rotate(-40deg)
    }

    25% {
        transform: rotate(20deg)
    }

    35% {
        transform: rotate(-15deg)
    }

    45% {
        transform: rotate(10deg)
    }

    55% {
        transform: rotate(-5deg)
    }

    60% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(0deg)
    }
}