/*
Theme Name: alexweb
Theme URI: http://alex-web.pp.ua/
Author: the WordPress custom theme
Author URI: https://www.linkedin.com/in/oleksandr-khodakovskiy-745043155/
Description: Personal blog theme
Tags: blog
Version: 0.1
Requires at least: 5.0
Tested up to: 7.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alexweb
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

*, *:before, :after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

h1 {
    font-size: 3.6rem;
}

h2 {
    font-size: 37px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 28px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 20px;
}

ol {
    padding: 0 0 0 40px;
}
ul {
    list-style-type: disc;
    padding: 0 0 0 40px;
}
ul li {
    margin-bottom: 5px;
}
ol li {
    margin-bottom: 5px;
}

.cont {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 10px;
}

.wr {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.content {
    flex: 1 0 auto;
    padding-top: 100px;
}

#content-page {
    padding-top: 100px;
    min-height: 50vh;
}

.horizontal-w img {
    max-width: 200px !important;
}

footer {
    flex: 0 0 auto;
    padding-top: 30px;
}

footer .contact__title {
    font-size: 16px;
}

.wp-caption,
.wp-caption-text,
.sticky,
.screen-reader-text,
.gallery-caption,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter {

}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    padding: .5rem 1rem;

}
.header.sticky {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #fff;
}

.header .cont {
    padding: 0;
}

.header-body {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
}

.header-list {
    display: flex;
    position: relative;
    z-index: 2;
}

.header-list li {
    list-style: none;
    margin: 0 0 0 20px;
}

.header-link {
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
}

.header-logo {
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
}

.header-logo span {
    margin-left: 10px;
    font-size: 1.3rem;
    color: #010101;
    transition: 0.2s ease-in-out;
}

.header-logo span:hover {
    color: #cccccc;
    transition: 0.2s ease-in-out;
}

.header-logo img {
    max-width: 100%;
    display: block;
}

.header-burger {
    display: none;
}

.sub-menu {
    display: none;
    position: absolute;
    right: 0;
    padding-left: 0;
    padding: 1.25rem 0;
}

.menu-item-has-children:hover .sub-menu {
    display: block;
    background-color: #fff;
    columns: 2;
}

@media screen and (max-width: 992px) {
    .menu-item-has-children:hover .sub-menu {
        columns: 1;
    }
}

.sub-menu li {
    margin: 0;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
    white-space: nowrap;
}

.sub-menu li a {
    margin: 10px 1em;
}

.order-button a {
    background-color: #7567f8;
    border-color: #7567f8;
    color: #ffffff !important;
    font-size: 1rem;
    line-height: 1.4;
    padding: 14px 30px;
    border-radius: 30px;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

.order-button a:hover,
.order-button a:focus {
    background-color: #4936f6;
    border-color: #4936f6;
    color: #ffffff;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

.menu-item a {
    font-size: 1rem;
    color: #010101;
    margin: .667em 1em;
    font-weight: normal;
}

.menu-item.order-button a {
    margin: 0;
}

.menu-item-has-children:after {
    content: "";
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
    border-bottom: 0;
    /*position: absolute;*/
    margin-top: 0;
    margin-left: -10px;
    display: inline-block;
    vertical-align: middle;
}

#breadcrumbs {
    text-align: center;
    padding: 10px 0;
}

.bc-w-center {
    display: flex;
    justify-content: center;
}

.bc-w-center > #breadcrumbs > span > span > a {
    color: #010101;
}

@media (max-width: 992px) {
    body.lock {
        overflow: hidden;
    }

    .menu-container {
        padding: 0 0rem;
        min-height: 55px;
    }

    .header-body {
        height: 50px;
    }

    /*.header-logo {*/
    /*flex: 0 0 30px;*/
    /*}*/
    .header-burger {
        display: block;
        width: 30px;
        height: 20px;
        position: relative;
        z-index: 4;
        flex-shrink: 0;
    }

    .header-burger span {
        position: absolute;
        width: 100%;
        background-color: #000000;
        left: 0;
        width: 100%;
        height: 2px;
        top: 9px;
        transition: all 0.5s ease 0s;
    }

    .header-burger:before,
    .header-burger:after {
        content: '';
        background-color: #000000;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all 0.5s ease 0s;
    }

    .header-burger:before {
        top: 0;
    }

    .header-burger:after {
        bottom: 0;
    }

    .header-burger.active span {
        transform: scale(0);
    }

    .header-burger.active:before {
        transform: rotate(45deg);
        top: 9px;
    }

    .header-burger.active:after {
        transform: rotate(-45deg);
        bottom: 9px;
    }

    .header-menu {
        position: fixed;
        /*top: -100%;*/
        right: -100%;
        height: 100%;
        width: 100%;
        overflow: auto;
        background-color: #FFFFFF;
        padding: 45px 10px 10px 10px;
        transition: all 0.4s ease 0s;
        text-align: center;
    }

    .header-menu.active {
        z-index: 3;
        right: 0;
        top: 0;
        width: 90%;
        box-shadow: -200px 0 13px 20px rgb(0 0 0 / 47%);
    }

    .header-list {
        display: block;
        padding: 0;
    }

    .header-list li {
        margin: 0;
    }

    .menu-item {
        padding: .667em 1em;
    }

    .menu-item > a {
        text-decoration: none;
        font-size: 16px;
        color: #010101;
    }

    .sub-menu {
        position: relative;
    }

    .mbr-fullscreen {
        height: auto;
    }

}


.content {
    padding: 100px 0 0 0;
}

@media (max-width: 768px) {
    .content {
        padding: 71px 0 0 0;
    }
    .home h1 {
        font-size: 3rem;
    }
}

.navbar-fixed-top {
    top: 0;
}

body.admin-bar .navbar-fixed-top {
    top: 28px !important;
}

.logged-in > .wr header {
    top: auto;
}

/*frontpage*/
.text-baner span {
    color: #7567f8;
}

@media (max-width: 768px) {
    .align-left, .align-center, .align-right {
        text-align: center;
    }

    .display-1 {
        font-size: calc(1.91rem + (3.6 - 1.91) * ((100vw - 20rem) / 28));
        line-height: calc(1.4 * (1.91rem + (3.6 - 1.91) * ((100vw - 20rem) / 28)));
    }
}

.display-4 a {
    color: #75757c;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 300;
}

.percent-count {
    position: absolute;
    margin-top: -30px;
}

.i-amphtml-fill-content {
    border-radius: 100%;
}

.social-buttons {
    margin-top: 20px;
}

.social-buttons a {
    border: 1px solid #7567F8;
    border-radius: 25px;
    padding: 10px 15px;
    color: #7567F8;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

.social-buttons a:hover {
    border: 1px solid #7567F8;
    background-color: #7567F8;
    color: #FFFFFF;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

.icons-list {
    margin-bottom: 20px;
}

.bf-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media (max-width: 992px) {
    .bf-list {
        /*columns: 1;*/
    }
}

.bf-list p {
    justify-content: left;
    display: flex;
    line-height: 2.5;
    align-items: center;
}

.bf-list p img {
    width: 23px;
    height: 23px;
    margin-right: 15px;
}

/**/

/*slick*/


.slick-list {
    overflow: hidden;
}

.slick-track {
    display: flex;
    align-items: flex-start;
}


.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-dots li {
    list-style: none;
    margin: 0 10px;
}

.slick-dots li.slick-active button {
    background-color: #222222;
    border: 1px solid;
    height: 18px;
    width: 18px;
}

.slick-dots li button {
    font-size: 0;
    height: 18px;
    background-color: #a0a0a2;
    border-radius: 50%;
    border: none;
    width: 18px;
}

@media (min-width: 769px) {
    .slider-and-form > .form-calc {
        /*margin-top: -100px;*/
    }

    .slider-and-form > .title-block {
        flex: 0 0 70%;
    }
}

@media (min-width: 1150px) {
    .slider-and-form > .title-block {
        flex: 0 0 62%;
    }
}

.reviewslider {
    position: relative;
}

.reviewslider.slick-arrow {
    position: absolute;
    top: 50%;
}

.reviewslider > .slick-arrow.slick-prev {
    left: 0;
    position: absolute;
    top: 50%;
    z-index: 3;
    font-size: 0;
    width: 40px;
    height: 40px;
    border-width: 0;
    /*background: url('image/left-arrow.svg') 0 0 / 100% no-repeat;*/
    background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22512px%22%20height%3D%22512px%22%20enable-background%3D%22new%200%200%20492%20492%22%20version%3D%221.1%22%20viewBox%3D%220%200%20492%20492%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%3Cpath%20d%3D%22m198.61%20246.1l184.06-184.06c5.068-5.056%207.856-11.816%207.856-19.024%200-7.212-2.788-13.968-7.856-19.032l-16.128-16.12c-5.06-5.072-11.824-7.864-19.032-7.864s-13.964%202.792-19.028%207.864l-219.15%20219.14c-5.084%205.08-7.868%2011.868-7.848%2019.084-0.02%207.248%202.76%2014.028%207.848%2019.112l218.94%20218.93c5.064%205.072%2011.82%207.864%2019.032%207.864%207.208%200%2013.964-2.792%2019.032-7.864l16.124-16.12c10.492-10.492%2010.492-27.572%200-38.06l-183.85-183.85z%22%20fill%3D%22%237567f8%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    background-color: #FFFFFF;
    background-size: 14px;
    background-position-x: center;
    background-position-y: center;
    border-radius: 5px;
    background-repeat: no-repeat;
}

.reviewslider > .slick-arrow.slick-next {
    right: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    font-size: 0;
    width: 40px;
    height: 40px;
    border-width: 0;
    /*background: url('image/right-arrow.svg') 0 0 / 100% no-repeat;*/
    background-image: url(data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22512px%22%20height%3D%22512px%22%20enable-background%3D%22new%200%200%20492.004%20492.004%22%20version%3D%221.1%22%20viewBox%3D%220%200%20492.004%20492.004%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%09%3Cpath%20d%3D%22m382.68%20226.8l-218.95-218.94c-5.064-5.068-11.824-7.86-19.032-7.86s-13.968%202.792-19.032%207.86l-16.124%2016.12c-10.492%2010.504-10.492%2027.576%200%2038.064l183.86%20183.86-184.06%20184.06c-5.064%205.068-7.86%2011.824-7.86%2019.028%200%207.212%202.796%2013.968%207.86%2019.04l16.124%2016.116c5.068%205.068%2011.824%207.86%2019.032%207.86s13.968-2.792%2019.032-7.86l219.15-219.14c5.076-5.084%207.864-11.872%207.848-19.088%200.016-7.244-2.772-14.028-7.848-19.108z%22%20fill%3D%22%237567f8%22%2F%3E%0A%3C%2Fsvg%3E);
    background-color: #FFFFFF;
    background-size: 14px;
    background-position-x: center;
    background-position-y: center;
    border-radius: 5px;
    background-repeat: no-repeat;
}

.reviewslider,
.slider-item {
    text-align: center;
}

.slider-item.slick-slide.slick-current.slick-active.slick-center {
    opacity: 1;
}

.slider-item.slick-slide {
    opacity: 0.5;
}

.sliderproductmini {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .reviewslider > .slick-arrow.slick-next,
    .reviewslider > .slick-arrow.slick-prev {
        display: none !important;
    }


}

#slick-slide-control10
    /**/
    /*footer*/
.section-inner {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #f1f1f7;
    text-align: center;
}

.footer-copyright {
    color: #75757c;
    font-size: 1.3rem;
    line-height: 1.6;
}

/**/


.accordion {
    width: 100%;
    border: 1px solid #ededed;
    padding: 25px 30px;
    background-color: #FFF;
    color: #717177;
    margin-bottom: 10px;
    font-size: 1rem;
    text-align: left;
    font-weight: 700;
}

.active, .accordion:hover,
button:focus {

}

.panel {
    display: none;
    overflow: hidden;
    border: 1px solid #ededed;
    padding: 30px;
    color: #9096a4;
    background-color: #f7f7f7;
    margin-bottom: 10px;
    margin-top: -10px;

}

.accordion:after {

    content: url('data:image/svg+xml; base64, PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciI+PHBhdGggZD0iTTEzOTUgNzM2cTAgMTMtMTAgMjNsLTQ2NiA0NjZxLTEwIDEwLTIzIDEwdC0yMy0xMGwtNDY2LTQ2NnEtMTAtMTAtMTAtMjN0MTAtMjNsNTAtNTBxMTAtMTAgMjMtMTB0MjMgMTBsMzkzIDM5MyAzOTMtMzkzcTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiI+PC9wYXRoPjwvc3ZnPg==');
    width: 15px;
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.accordion.active:after {
    content: url('data:image/svg+xml; base64, PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciI+PHBhdGggZD0iTTEzOTUgMTE4NHEwIDEzLTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC0zOTMtMzkzLTM5MyAzOTNxLTEwIDEwLTIzIDEwdC0yMy0xMGwtNTAtNTBxLTEwLTEwLTEwLTIzdDEwLTIzbDQ2Ni00NjZxMTAtMTAgMjMtMTB0MjMgMTBsNDY2IDQ2NnExMCAxMCAxMCAyM3oiPjwvcGF0aD48L3N2Zz4=');
    width: 15px;
}


.custom-select {
    position: relative;
    text-align: left;
}

.custom-select select {
    display: none;
}

.select-selected {
    background-color: #FFFFFF;
    display: none;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 18px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #1f1f1f transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select-items div, .select-selected {
    color: #000000;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    background-color: #FFFFFF;
}

.select-selected:hover {
    background-color: rgb(247 247 247);
}

.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgb(247 247 247);
}

.select-block {
    display: flex;
    justify-content: center;
}

.custom-select {
    display: none;
    width: 100%;
    margin-right: 40px;
}


.select-css::-ms-expand {
    display: none;
}

.select-css:hover {
    border-color: #888;
}

.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}

.deadline > div > select {
    width: 100px;
}

.select-css option {
    font-weight: normal;
}

*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

.select-css:disabled, .select-css[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
    border-color: #aaa;
}

/**/
.select-btn {
    /*margin-top: 10px;*/
}

.select-btn a {
    background-color: #ffffff;
    padding: 13px 30px;
    border-radius: 20px;
    color: #000;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

.select-btn a:hover {
    background-color: #4936f6;
    color: #FFFFFF;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

.rounded {
    color: #7567f8;
    font-size: 1rem;
    line-height: 1.4;
    padding-bottom: 1.5rem;
    font-weight: 700;
    text-align: left;
}

.textwidget.custom-html-widget {
    /*width: 60%;*/
    color: #212127;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 300;
}

.cid-scxAaCN2La .column1 p {
    width: 100%;
}

#menu-footer-menu-1, #menu-footer-menu-2 {
    display: block;
    list-style-type: none;
    padding-left: 0;
    margin: 1rem 0;
}


#menu-website-logo li {
    display: inline-block;
    width: 24%;
    list-style: none;
}


#menu-footer-menu-1 li a, #menu-footer-menu-2 li a {
    margin: 0;
    color: #212127;
}

#menu-footer-menu-1 li, #menu-footer-menu-2 li {
    line-height: 2.5;
}

.footer-horizontal-menu {
    color: #212127;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

#menu-website-logo li a {
    color: #75757c;
    margin: 0;
}

.social-wrap.mbr-pt-3 > span > span > img {
    width: 40px;
    margin-right: 10px;
}

.footer-credits {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #f1f1f7;
    text-align: center;
}

.footer-row {
    display: flex;
}

.footer-col {
    flex: 0 0 25%;
    width: 25%;
    padding: 0 25px 0 0;
}

@media (max-width: 992px) {
    .footer-col {
        width: 100%;
        padding: 0;
    }

    .footer-col:nth-child(1) {
        text-align: center;
    }
}

.footer-col:nth-child(1) img {
    max-width: 255px !important;
}

@media (max-width: 992px) {
    .cid-scxAaCN2La .column p {
        text-align: center;
    }

    .cid-scxAaCN2La .column .social-wrap {
        text-align: center;
    }
}

@media (max-width: 992px) {
    .footer-horizontal-menu {
        text-align: left;
    }

    #menu-website-logo {
        display: block;
        columns: 1;
    }

    #menu-website-logo li {
        width: 49%;
        list-style: none;
    }

    .footer-left,
    .footer-menu1,
    .footer-menu2 {
        text-align: center;
        padding-bottom: 1rem;
    }

    .textwidget.custom-html-widget {
        width: 100%;
        color: #212127;
        font-size: 1rem;
        line-height: 1.4;
        font-weight: 300;
    }

    #menu-footer-menu-1,
    #menu-footer-menu-2 {
        text-align: center;
    }

    #menu-footer-menu-1 li,
    #menu-footer-menu-2 li {
        padding: .2em 1em;
    }

    .footer-row {
        display: block;
    }

    .footer-left {
        width: 100%;
    }

    .footer-center,
    .footer-right {
        width: 100%;
    }
}

@media (max-width: 767px){
    #menu-website-logo{
        padding-left: 0;
    }
    #menu-website-logo li {
        padding: .667em 0em;
    }

    #menu-website-logo li {
        display: block;
        width: 100%;
        list-style: none;
        text-align: center;
    }
}

/*404*/
.content404 {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 200px;
}

.title-404 {
    color: #212127;
    font-size: 1.3rem;
    line-height: 1.6;
    font-weight: bold;
}

.title-404-2 {
    color: #212127;
    font-family: 'Muli', sans-serif;
    font-size: 3.6rem;
    line-height: 1.2;
    letter-spacing: 1px;
    font-weight: 800;
    padding: 30px 0;
}

.button404 {
    display: flex;
}

/**/

/*blog*/
.blog-single {
    padding-top: 50px;
    padding-bottom: 50px;
}

.features1 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-image: url(image/mbr-1920x1280.jpg);
    margin-top: 100px;
}

.mbr-overlay {
    background-color: #7567f8;
    opacity: 0.8;
}

#breadcrumbs > span > span > a,
#breadcrumbs > span > span > span > a {
    color: #FFFFFF;
}

#header2-4 > div.container > div > div.title-block.mbr-col-sm-12.mbr-col-md-12.align-left {
    flex: 0 0 70%;
}

.bc-w {
    padding-top: 100px;
}

.bc-w > #breadcrumbs {
    text-align: left;
}

.bc-w > #breadcrumbs > span > span > a,
.bc-w > #breadcrumbs > span > span > span > a {
    color: #767676;
    font-size: 16px;
}

.post-title-b {
    font-style: normal;
    font-weight: bold;
    font-size: 39.2px;
    line-height: 47px;
    color: #000000;

}

@media (max-width: 992px) {
    #header2-4 > div.container > div > div.title-block.mbr-col-sm-12.mbr-col-md-12.align-left {
        flex: 0 0 100%;
    }

    .form-calc {
        /*display: none;*/
    }
}

/**/

/*calc*/
.form-calc {
    background-color: #fff;
    padding: 28px;
    /*margin: 0 0 0 28px;*/
    position: sticky;
    top: 125px;
}

@media (max-width: 1023px) {
    .form-calc {
        margin: 0 0 0 25px;
    }
}

.form-calc select,
.form-calc input {
    -webkit-appearance:none;
}

.block-calc {
    display: flex;
    flex-direction: column;
}

.form-title {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 20px;
}

.select-two {
    margin-top: 13px;
}

.deadline-page {
    margin-top: 18px;
}

.select-first label,
.select-two label,
.price label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #AAAAAA;
}

.deadline {
    margin-right: 10px;
}

.deadline label,
.page-num-block label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #AAAAAA;
}

.select-first > .select > #standard-select1,
.select-two > .select > #standard-select2,
.deadline > .select > #standard-select3 {
    height: 51px;
    background: #F3F4F5;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
}
.select{
    position: relative;
}
.select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 8px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px; }

/*.select:active:after {*/
/*    -webkit-transform: rotate(-135deg);*/
/*    -ms-transform: rotate(-135deg);*/
/*    transform: rotate(-135deg); }*/

.deadline-page {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-num {
    display: flex;
}

#standard-select3 {
    width: 100px;
}

.page-num-plus,
.page-num-minus {
    width: 43px;
    height: 51px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E0E0E0;
    cursor: pointer;
}

.page-num-count {
    width: 43px;
    height: 51px;
    background-color: #F3F4F5;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #E0E0E0;
    margin: 0 5px;
}

.total-price {
    display: flex;
    margin-top: 25px;
    justify-content: space-between;
}

.price-num {
    font-style: normal;
    font-weight: 800;
    font-size: 26px;
    line-height: 33px;
    color: #292929;
    margin-top: 10px;
}

.price-order-btn {
    background: #7567F8;
    border-radius: 100px;
    padding: 12px 20px;
    color: #FFFFFF;
    margin-top: 27px;
    font-size: 16px;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
    cursor: pointer;
}
.price-order-btn:hover{
    background-color: #4936f6;
    border-color: #4936f6;
    color: #ffffff;
}

@media (max-width: 768px) {
    .form-calc {
        padding: 28px;
        margin: 20px auto;
        display: block;
        width: 350px;
    }
}

/**/
.title-on-blog {
    color: #FFFFFF !important;
}

#true_loadmore {
    display: flex;
    justify-content: center;
}

#true_loadmore {
    width: 180px;
    background-color: #7567f8;
    border-color: #7567f8;
    color: #ffffff;
    border-radius: 30px;
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 14px 30px;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
    margin: 30px 0 20px;
}

#true_loadmore:hover {
    background-color: #4936f6;
    border-color: #4936f6;
    color: #ffffff;
}

.post-image {
    flex: 0 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.loadmore-block {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
    .post-item {
        display: block !important;
    }

    .post-image {
        flex: 0 0 100%;
        background-size: cover;
        height: 200px;
    }
}

.post-item {
    display: flex;
    border: 1px solid #ededed;
    border-radius: 5px;
    margin-bottom: 20px;
}

.post-excerpt p {
    font-size: 1rem;
    line-height: 1.4;
    color: #75757c;
}

.post-excerpt {
    padding-bottom: 20px;
    border-bottom: 1px solid #dee5eb;
}


/**/
.order-button-benefits {
    margin-top: 40px !important;
}

.order-button-benefits a {
    background-color: #7567f8;
    border-color: #7567f8;
    color: #ffffff !important;
    font-size: 1rem;
    line-height: 1.4;
    padding: 14px 30px;
    border-radius: 30px;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

.order-button-benefits a:hover {
    background-color: #4936f6;
    border-color: #4936f6;
    color: #ffffff;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

/**/

/*order-page*/
#order-page {
    max-width: 1180px;
    margin: 0 auto;
    padding: 100px 0 10px;
}

/**/

.cid-scxykVjYH7 .card-img .iconfont-wrapper {
    width: auto !important;
    height: 2rem;
}

.card-img.align-center.mbr-pb-4 > span > span > a > img, .card-img.align-center.mbr-pb-4 > span > span > span > img {
    width: 200px;
    height: 100px;
}
.card > .card-img {
    padding-bottom: 10px;
}

.entry-content img {
    margin: 0 0 1.5em 0;
}

.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.alignnone, img.alignnone {
    /* not sure about this one */
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

.contact__title {
    font-size: 24px;
    font-weight: 700;
}

.contact__info:after {
    content: attr(data-contact);
}

@media (max-width: 1097px) {
    .header2 .mbr-section-btn {
        display: none;
    }
}

.site-main_page {
    width: 100%;
}

@media (max-width: 767px) {
    .site-main_page table {
        max-width: 300px;
    }
}

.form1 .mbr-row {
    margin-left: auto !important;
    margin-right: auto !important;
}

#calc3 {
    padding: 1rem 0.7rem 1rem 1rem;
}

#calc4 {
    padding: 0;
    text-align: center;
}

.page-id-2 .slider-and-form .title-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-id-2 .card .bf-list p {
    display: block;
    margin: 0 0 50px 0;
    min-height: 85px;
    /*flex-direction: column;*/
    width: 48%;
}
@media screen and (max-width: 992px){
    .page-id-2 .card .bf-list p{
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .page-id-2 .card .bf-list p {
        text-align: left;
    }
}

.page-id-2 .card .bf-list p b {
    line-height: 1.5;
}

.page-id-2 .card .bf-list p br {
    /*display: none;*/
}

.cta-block__right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .cta-block__right {
        justify-content: center;
    }
}

.cta-block__title {
    font-size: 40px;
    font-weight: bold;
}

@media screen and (max-width: 991px) {
    .cta-block__title {
        text-align: center;
    }
}

.cta-block__description {
    font-weight: normal;
}

@media screen and (max-width: 768px) {
    .cta-block__description {
        margin: 15px 0 0 0;
    }
}

@media screen and (max-width: 767px) {
    .steps__text {
        padding-top: 10px;
    }
}

.teamslider .slick-dots {
    display: none;
    padding: 0;
}

@media screen and (max-width: 991px) {
    .teamslider .slick-dots {
        display: flex;
    }
}

.teamslider__item {
    display: flex;
    flex-direction: column;
    min-height: 350px;
}

@media screen and (max-width: 479px) {
    .teamslider__item {
        min-height: auto;
    }
}

.teamslider__item .icons-list {
    margin-top: auto;
}

.tabs1 .accordion {
    position: relative;
}

.tabs1 .accordion:after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, calc(-50% + 2px));
}

.reviews1 .slick-dots {
    padding: 0;
}

.contact {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .contact {
        flex-direction: column;
    }
}

.contact__left {
    margin: 0 15px 0 0;
}

#wpforms-form-455 {
    width: 450px;
}

@media (max-width: 767px) {
    #wpforms-form-455 {
        width: 300px;
    }
}

#wpforms-455-field_0 {
    max-width: 100%;
}

#wpforms-455-field_1 {
    max-width: 100%;
}

#wpforms-455-field_2 {
    resize: none;
}

#wpforms-form-455 label.wpforms-error {
    position: absolute;
    font-size: 10px;
}

#wpforms-submit-455 {
    background-color: #7567f8;
    border-color: #7567f8;
    color: #ffffff !important;
    font-size: 1rem;
    line-height: 1.4;
    padding: 14px 30px;
    border-radius: 30px;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

#wpforms-submit-455:hover {
    background-color: #4936f6;
    border-color: #4936f6;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

#content6-7 .card {

}

@media (max-width: 991px) {
    #content6-7 .card {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #content6-7 .card p {
        text-align: center;
    }
}

@media (max-width: 425px) {
    #content6-7 .card {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

#header2-4 .slider-and-form {
    justify-content: space-between;
    flex-wrap: nowrap;
}

@media (max-width: 1023px) {
    #header2-4 .slider-and-form {
        flex-wrap: wrap;
    }
}

.ui-accordion .ui-accordion-header{
    font-size: 24px;
    color: #212127;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #7567f81a;
    background: #7567f81a;
}
.ui-accordion .ui-accordion-content{
    padding: 15px 20px;
    border: 1px solid #7567f81a;
    border-top: none;
}
.ui-accordion .ui-accordion-content p{
    font-family: 'Roboto', sans-serif;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon{
    background-image: url("/wp-content/plugins/faq-schema-for-pages-and-posts/css/images/ui-icons_444444_256x240.png");
}

.cta1 {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    margin: 0 25px 40px 0;
    padding: 25px;
}

@media (max-width: 1023px) {
    .cta1 {
        margin: 0 0 40px 0;
    }
}

@media (max-width: 767px) {
    .cta1 {
        flex-direction: column;
    }
}

.cta1__left {
    display: flex;
    align-items: center;
    margin: 0 25px 0 0;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .cta1__left {
        margin: 0 0 25px 0;
    }
}

.cta1__left img {
    width: 46px;
}

.cta1__text {
    margin: 0 0 0 10px;
}

.cta1__text span {
    font-size: 20px;
    font-weight: 700;
    color: #7567F8;
}

.cta1__right {
    color: #75757C;
    line-height: 27px;
    padding: 0 0 0 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
    .cta1__right {
        padding: 25px 0 0 0;
        border-left: none;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
}

.cta3 {
    display: flex;
    justify-content: space-between;
    background: #F7F7F7;
    border-radius: 15px;
    margin: 30px 25px 30px 0;
    padding: 30px;
}

@media (max-width: 1023px) {
    .cta3 {
        margin: 30px 0 30px 0;
    }
}

.cta3__title {
    font-size: 37px;
    font-weight: bold;
    line-height: 55px;
    text-transform: capitalize;
}

@media (max-width: 767px) {
    .cta3__title {
        text-align: center;
    }
}

.cta3__left-bottom {
    display: flex;
    align-items: center;
    margin: 40px 0 0 0;
}

@media (max-width: 767px) {
    .cta3__left-bottom {
        flex-direction: column;
    }
}

.cta3__btn {
    background-color: #7567f8;
    border-color: #7567f8;
    color: #ffffff !important;
    font-size: 1rem;
    line-height: 1.6;
    padding: 14px 30px;
    border-radius: 30px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .cta3__btn {
        margin: 25px 0 0 0;
    }
}

.cta3__btn:hover {
    background-color: #4936f6;
    border-color: #4936f6;
    color: #ffffff;
    transition: all 0.2s ease-in-out, box-shadow 2s ease-in-out;
}

.cta3__list {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
}

@media (max-width: 767px) {
    .cta3__list {
        margin: 0;
    }
}

.cta3__item {
    display: flex;
    align-items: center;
    width: 50%;
    margin: 15px 0 0 0;
    font-family: 'Muli', sans-serif;
    letter-spacing: 0.005em;
}

@media (max-width: 767px) {
    .cta3__item {
        width: 100%;
        line-height: 1;
        align-items: flex-start;
    }
}

.cta3__item:last-child {
    width: 100%;
}

.cta3__icon {
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0;
}

.cta3__text {
    font-family: 'Muli', sans-serif;
    color: #75757C;
    letter-spacing: 0.005em;
    line-height: 27px;
    margin: 0 15px 0 0;
}

@media (max-width: 767px) {
    .cta3__text {
        margin: 0;
        text-align: center;
    }
}

.cta3__right {
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .cta3__right {
        display: none;
    }
}

@media (max-width: 1200px) {
    .cta3__img {
        width: 125px;
    }
}

.cta4 {
    display: flex;
    background: #7567F8;
    border-radius: 15px;
    margin: 30px 25px 30px 0;
    padding: 30px;
}

@media (max-width: 1023px) {
    .cta4 {
        margin: 30px 0 30px 0;
    }
}

@media (max-width: 767px) {
    .cta4 {
        flex-direction: column;
        align-items: center;
    }
}

.cta4__text1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    color: #ffffff;
}

.cta4__text1 span {
    background: #ffffff;
    color: #7567F8;
    padding: 3px 5px;
    border-radius: 3px;
}

.cta4__text2 {
    font-family: 'Muli', sans-serif;
    color: #ffffff;
    line-height: 27px;
    letter-spacing: 0.005em;
    margin: 15px 0 0 0;
}

.cta4__right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .cta4__right {
        align-items: center;
        margin: 30px 0 0 0;
    }
}

.cta4__btn {
    min-width: 200px;
    margin: 30px 0 0 0;
}

.cta4__btn a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px;
}

.cta4__star {
    display: inline-block;
    width: 20px;
}

.cta4__star + .cta4__star {
    margin: 0 0 0 3px;
}

.cta2 {
    background: #7567F8;
    border-radius: 15px;
    margin: 30px 25px 30px 0;
    padding: 30px;
}

@media (max-width: 1023px) {
    .cta2 {
        margin: 30px 0 30px 0;
    }
}

.cta2__title {
    font-size: 37px;
    line-height: 55px;
    font-weight: bold;
    color: #ffffff;
    text-transform: capitalize;
    text-align: center;
}

@media (max-width: 767px) {
    .cta2__title {
        font-size: 30px;
        line-height: 33px;
    }
}

.cta2__content {
    display: flex;
    margin: 40px 0 0 0;
}

@media (max-width: 767px) {
    .cta2__content {
        flex-direction: column;
    }
}

.cta2__icon {
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
}

.cta2__left {
    width: 100%;
    padding: 0 70px 0 0;
}

@media (max-width: 767px) {
    .cta2__left {
        padding: 0;
    }
}

.cta2__right {
    display: table;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .cta2__right {
        margin: 30px 0 0 0;
        text-align: center;
    }

    .cta2__img {
        max-width: 240px;
    }
}

.cta2__step {
    display: flex;
    align-items: center;
    font-family: 'Muli', sans-serif;
    color: #FFFFFF;
    letter-spacing: 0.02em;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    cursor: pointer;
}

.cta2__step:first-child {
    padding-top: 0;
}

.cta2__text {
    display: none;
    font-family: 'Muli', sans-serif;
    color: #FFFFFF;
    line-height: 27px;
    letter-spacing: 0.005em;
    padding: 15px 0 0 0;
}

.cta2__btn {
    text-align: center;
    margin: 30px 0 0 0;
}

.cta2__btn a {
    display: inline-block;
    text-transform: uppercase;
    border-radius: 25px;
}