@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

body {
    font-family: 'Tahoma';
    outline: none;
}

h1 {
    color: #db545a;
}
h2 {
    margin-bottom: 20px;
    color: #db545a;
}
a {
    outline: none;
}

.storefront-breadcrumb {
    padding: 1.41575em 0;
    margin: 0px 0 1.706326em !important;

}

.storefront-breadcrumb a {
    outline: none;
}

p+h2,
ul+h2 {
    margin-top: 40px;
}

.custom-marker {
    list-style: none;
  }
/* .custom-marker > li {
    position: relative;
  }
.custom-marker > li::before {
    content: '';
    background-image: url(/wp-content/themes/gost_spravka/img/marker-plus.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    background-size: cover;
    left: -20px;
    top: 4px;
  } */

table {
    border-color: #dadada;
}

#masthead {
    background-color: #d42929;
    color: #fff;
}

.block-header {
    align-items: flex-start;
}

.block-adress {
    font-size: 15px;
}

/* .free-call {
    margin-bottom: 0px;
} */

.mail-header {
    color: #fff;
}

.contact-block {
    text-align: left;
    font-size: 15px;
}

.contact-block > p {
    margin-bottom: 6px;
}

.btn-zakaz {
    background: #ffd700;
    font-size: 14px !important;
    padding: 10px 16px;  
    color: #d42929;
    text-decoration: none;
    outline: none;
    border-radius: 50px;
    height: 40px;
}

.btn-zakaz:hover {
    background: #f1c50e;
}

.btn-zakaz:focus {
    outline: none;
}

/* .callback-button {
    text-align: right;
} */

@media (min-width: 768px) {
    .right-sidebar .content-area {
        width: 100%;
        float: left;
        margin-right: 0%;
    }
}

.main-banner {
    background-image: url(/wp-content/themes/gost_spravka/img/kupit-med-spravku-o-bolezni-decst.jpg);
    height: 300px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.form-submit #submit {
    color: #fff;
    background-color: #3b3d3d;
}

.form-submit #submit:hover {
    color: #fff;
    background-color: #000;
}

.site-footer {
    background-color: #d42929;
    color: #fff;
    padding: 1.618em 0 1.706326em;
}

.footer__logo {
    width: 259px;
}

.footer-menu {
    margin: 0;
    padding-left: 1em;
    list-style: none;
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
}

.footer-menu li {
    margin-right: 15px;
    text-align: center;
}

.footer-menu li a {
    outline: none;
    text-decoration: none;
}

.phone-footer {
    font-size: 15px;
}

.phone a {
    color: #fff;
    text-decoration: none;
}

.site-footer a:not(.button):not(.components-button) {
    color: #fff;
}

.vk-icon {
    float: right;
    width: 23px;
    margin-left: 10px;
}

.contact-footer {
    text-align: right;
}

.contact-footer p {
    margin-bottom: 0;
}

/* .menu-footer-block{
    text-align: center;
} */

.copy-footer {
    font-size: 14px;
    padding-left: 1em;
    margin-top: 15px;
}

.button-paragraph {
    text-align: center;
}

.btn-order-deliery {
    background-color: #ffd700;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 0;
    color: #d42929;
}

.btn-order-deliery:hover {
    background-color: #d42929;
    color: #ffd700;
}

.wp-block-column ul {
    margin-left: 0;
}

.news-name-link {
    text-decoration: none;
    color: #333;
    outline: none;
}

.news-name-link:hover {
    color: #d42929;
    outline: none;
}

.news-name {
    font-size: 25px;
}

.text,
table,
tr,
td {
    border: 1px solid #dadada;
    padding: 20px;
    text-align: left;
    vertical-align: top;
}

.form-before-footer {
    background-image: url(/wp-content/themes/gost_spravka/img/medspravki-moscow-forma-kupit-desktop-min.jpg);
    height: 345px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#wpcf7-f48-o2 {
    max-width: 335px;
    display: inline-block;
    position: relative;
    top: 132px;
    left: 190px;
}

#wpcf7-f48-o2 form {
    max-width: 300px;
    text-align: center;
}

#wpcf7-f48-o3 {
    max-width: 335px;
    display: inline-block;
    position: relative;
    top: 132px;
    left: 190px;
}

#wpcf7-f48-o3 form {
    max-width: 300px;
    text-align: center;
}

#name-form-footer,
#phone-footer-form,
#submit-footer-form {
    width: 100%;
    margin-bottom: 15px;
}

#submit-footer-form {
    text-transform: uppercase;
    background-color: #d42929;
    color: #fff;
}

.form-before-footer {
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .site-footer {
        text-align: center;
    }

    .form-before-footer {
        background-image: url(/wp-content/themes/gost_spravka/img/medspravki-moscow-forma-kupit-adaptive-min.jpg);
        max-width: 400px;
        margin: auto;
    }

    .form-before-footer form#form_before_footer {
        max-width: 270px;
    }

    #wpcf7-f48-o2 {
        max-width: 211px;
        display: inline-block;
        position: relative;
        top: 140px;
        left: 5%;
    }

    #wpcf7-f48-o3 {
        max-width: 211px;
        display: inline-block;
        position: relative;
        top: 140px;
        left: 5%;
    }

    #name-form-footer,
    #phone-footer-form {
        width: 100%;
        margin-bottom: 10px;
        height: 25px;
    }

    .main-banner {
        background-image: url(/wp-content/themes/gost_spravka/img/kupit-med-spravku-o-bolezni-adaptive.jpg);
        height: 300px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: left;
        background-size: cover;
    }

    .text,
    table,
    tr,
    td {
        border: 1px solid #dadada;
        padding: 10px;
        text-align: left;
        vertical-align: top;
    }

    .footer__top {
        text-align: center;
    }

    .footer__bottom {}

    .footer__left-side {
        order: 3;
    }

    .footer__logo {
        margin: 0 auto;
    }
}

#wpcf7-f58-o1 {
    text-align: center;
}

.popup_header_heading {
    margin-bottom: 20px;
}

#name-callback_form_header,
#button-callback_form_header,
#phone_callback_form_header {
    width: 100%;
    margin-bottom: 10px;
}

#button-callback_form_header {
    margin-top: 15px;
}

#button-callback_form_header {
    text-transform: uppercase;
    background-color: #d42929;
    color: #fff;
}

#button-callback_form_header:hover {
    background-color: #fff;
    color: #d42929;
    border: #d42929 1px solid;
    transition: 0.3s;
}

.products.columns-3 li {
    border: 1px solid #e6e6e6;
    padding: 15px;
}

.attachment-woocommerce_thumbnail {
    width: 170px;
    height: 170px;
    box-shadow: 0 5px 10px #ccc;
}

@media (max-width:768px) {
    /* .block-header {
        padding-top: 30px;
    } */

    .block-adress,
    .contact-block,
    .phone,
    .callback-button {        
        text-align: center;
    }

    .footer-menu {
        margin: 0;
        list-style: none;
        display: block;
        position: relative;
    }

    .contact-footer {
        text-align: center;
    }

    .social-footer {
        display: inline-flex;
    }

    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output {
        border-color: #ffb900;
        display: none !important;
    }

    #submit-footer-form {
        text-transform: uppercase;
        background-color: #d42929;
        color: #fff;
        font-size: 12px;
    }

    .wpcf7-not-valid-tip {
        color: #dc3232;
        font-size: 12px;
        font-weight: normal;
        display: block;
    }

    .woocommerce-product-details__short-description ol,
    ul {
        margin: 0 0 1.41575em 0em;
    }

    .price-detail,
    .buton {
        text-align: center;
    }
}

.woocommerce-loop-product__title {
    color: #0000ee;
    text-decoration: underline;
    min-height: 40px !important;
}

.woocommerce-loop-product__title:hover {
    text-decoration: none;
}

.woocommerce-products-header {
    margin-bottom: 60px;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    text-decoration: none;
    outline: none;
}

.woocommerce-Price-amount.amount {
    font-size: 1.2em;
    color: #333
}

.btn.buy-product {
    background-color: #ffd700;
    color: #d42929;
    border-radius: 0;
    padding: 5px 30px;

}

ul.products {
    padding-left: 0;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: 0px !important;
}

.btn.buy-product:hover {
    box-shadow: 5px 8px 7px -2px rgb(0 0 0 / 15%);
}

#submit-footer-form:hover {
    box-shadow: 5px 8px 12px 1px rgb(0 0 0 / 40%);
    transition: 0.3s;
}

.product-description {
    display: block;
    width: 100%;
    overflow: hidden;
}

.product-attribute {
    margin-top: 65px;
}

.price-detail {
    font-size: 22px;
    font-weight: 500;
}

.product-button {
    background-color: #ffd700;
    color: #d42929;
    border-radius: 0;
    padding: 5px 30px;
}

.product-button:hover {
    box-shadow: 5px 8px 7px -2px rgb(0 0 0 / 15%);
}

.products.columns-3 li {
    min-height: 350px;
}

table:not(.has-background) tbody tr:nth-child(2n) td,
fieldset,
fieldset legend {
    background-color: #fff;
}

table:not(.has-background) tbody td {
    background-color: #fff;
}

#wpcf7-f48-o2 form .wpcf7-response-output {
    margin: -3em 0.5em 1em;
}

#wpcf7-f48-o3 form .wpcf7-response-output {
    margin: -3em 0.5em 1em;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
    background: #fff;
    z-index: 10000;
    color: #000;
}

.spr_without {
    width: 50px;
    float: left;
}

.without_text {
    overflow: hidden;
    font-size: 14px;
}

@media (max-width:768px) {
    .spr_without {
        width: 50px;
        float: none;
        margin: auto;
    }
}

.blog-list {
    margin-bottom: 25px;
}

.preview-image {
    margin-bottom: 30px;
    width: auto;
    height: 150px;
    max-width: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.thumbnail-index {
    width: auto;
    height: 230px;
    max-width: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-block {
    margin-bottom: 50px;
}

.img-preim {
    float: left;
    width: 120px;
}

.preim-accent {
    color: #d42929;
}

.policy-form-link {
    width: 100%;
    overflow: hidden;
}

.policy-form-link span {
    margin-left: 10px;
}

#wpcf7-f603-o2,
#wpcf7-f605-o2,
#wpcf7-f609-o2,
#wpcf7-f613-o2,
#wpcf7-f617-o2 {
    text-align: center;
    background-image: url('/wp-content/themes/gost_spravka/img/form-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    border: 3px solid #d42929;
}

.name_delivery_bol,
.phone_delivery_bol {
    margin-bottom: 10px;
}

.button_delivery_bol {
    text-transform: uppercase;
    background-color: #d42929 !important;
    color: #fff !important;
}

.button_delivery_bol:hover {
    box-shadow: 5px 8px 12px 1px rgb(0 0 0 / 40%);
    transition: 0.3s;
}

@media (max-width: 768px) {

    .name_delivery_bol,
    .phone_delivery_bol {
        width: 100%;
    }
}

.agree {
    display: none
}

#gotop {
    background: gold;
    z-index: 9999;
    opacity: 0.8;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    position: fixed;
    cursor: pointer;
    right: 50px;
    bottom: 50px;
    float: right;
}

#gotop:hover {
    opacity: 1;
}

.icon-arrow-up:before {
    font-size: 18px;
    color: #d42929;
    position: absolute;
    left: 33%;
    top: 33%;
}

.col-full {
    max-width: 1200px;
}

.site-footer a {
    text-decoration: none;
}

.footer__button-call {
    background-color: #ffd700;
    color: #d42929;
    border-radius: 50px;
    font-weight: 400;
}

.footer__button-call:hover {
    background-color: #ffd700;
    color: #212529;
    ;
    box-shadow: 5px 8px 7px -2px rgb(0 0 0/15%);
}

.reviews__bcg {
    background-color: #f2f2f2;
    margin-bottom: 40px;
}

.reviews {
    margin: 0 auto;
    max-width: 1110px;
    padding: 40px 0px;

}

.reviews__head {
    font-size: 1.5rem;
    font-family: tahoma;
    margin: 0px 0px 30px 0px;
}

.reviews-head__link {
    color: #111111;
    text-decoration: none;
    border-bottom: 2px solid rgb(219, 84, 90);
}

.reviews-head__link:hover {
    color: rgb(219, 84, 90);
}

.reviews__container {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;



}

.reviews__element {
    flex: 0 1 331px;

}

.reviews__content {
    padding: 30px;
    border-radius: 4px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.content__name {
    font-weight: 700;
    font-family: tahoma;
    letter-spacing: 1px;
}

.content__age {
    letter-spacing: 2px;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 400;
    font-family: tahoma;
    margin: 20px auto 0 0;

    color: #db545a;
}

.content__description {
    margin: 20px 0 0;
    color: #999999;
    flex: 1 1 auto;
    height: 100%;
    line-height: 1.6;
    border-bottom: 2px solid rgb(219, 84, 90);
    padding-bottom: 30px
}

.content__date {
    font-size: 0.875rem;
    margin: 30px 0 0;
    color: #999999;


}


.usefu__articles {
    margin-bottom: 50px;
}

.articles__head {
    font-size: 1.5rem;
    display: inline-block;
    border-bottom: 2px solid rgb(219, 84, 90);
    margin-bottom: 20px;


}

.articles-head__link {
    text-decoration: none;

    color: #111111
}

.articles-head__link:hover {
    color: rgb(219, 84, 90);
}

.articles__container {
    display: flex;
    justify-content: center;

    gap: 10px;
}

.articles__element {
    flex: 1 1 278px;
}

.articles__content {

    background-color: rgb(219, 84, 90);
    padding: 25px 15px 0px 15px;
    height: 349px;
    border-radius: 8px;
}

.articles__link {
    display: flex;
    justify-content: center;

}

.articles__image {
    text-align: center;
    max-width: 100%;

    height: 160px;
    border-radius: 8px;
}

.articles__text {
    color: rgb(255, 255, 255);
    font-size: 1.25rem;
    line-height: 1.1;
    margin: 20px 0px;
    display: inline-block;
    text-decoration: none;
}

.articles__text:hover {
    color: gold;
}

@media (max-width: 937px) {
    .articles__container {
        flex-wrap: wrap;
    }

}

@media (max-width: 650px) {
    .articles__element {
        flex: 0 0 278px;
    }
}

@media (max-width: 1093px) {
    .reviews__container {
        justify-content: center;
    }

    .reviews__head {
        text-align: center;
    }
}

.footer__button-call:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.footer__left-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.reviews__bcg {
    background-color: #f2f2f2;
    margin-bottom: 40px;
}

.reviews {
    margin: 0 auto;
    max-width: 1110px;
    padding: 40px 0px;

}

.reviews__head {
    font-size: 1.5rem;
    font-family: tahoma;
    margin: 0px 0px 30px 0px;
}

.reviews-head__link {
    color: #111111;
    text-decoration: none;
    border-bottom: 2px solid rgb(219, 84, 90);
}

.reviews-head__link:hover {
    color: rgb(219, 84, 90);
}

.reviews__container {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;



}

.reviews__element {
    flex: 0 1 331px;

}

.reviews__content {
    padding: 30px;
    border-radius: 4px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.content__name {
    font-weight: 700;
    font-family: tahoma;
    letter-spacing: 1px;
}

.content__age {
    letter-spacing: 2px;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 400;
    font-family: tahoma;
    margin: 20px auto 0 0;

    color: #db545a;
}

.content__description {
    margin: 20px 0 0;
    color: #999999;
    flex: 1 1 auto;
    height: 100%;
    line-height: 1.6;
    border-bottom: 2px solid rgb(219, 84, 90);
    padding-bottom: 30px
}

.content__date {
    font-size: 0.875rem;
    margin: 30px 0 0;
    color: #999999;


}


.usefu__articles {
    margin-bottom: 50px;
}

.articles__head {
    font-size: 1.5rem;
    display: inline-block;
    border-bottom: 2px solid rgb(219, 84, 90);
    margin-bottom: 20px;


}

.articles-head__link {
    text-decoration: none;

    color: #111111
}

.articles-head__link:hover {
    color: rgb(219, 84, 90);
}

.articles__container {
    display: flex;
    justify-content: center;

    gap: 10px;
}

.articles__element {
    flex: 1 1 278px;
}

.articles__content {

    background-color: rgb(219, 84, 90);
    padding: 25px 15px 0px 15px;
    height: 349px;
    border-radius: 8px;
}

.articles__link {
    display: flex;
    justify-content: center;

}

.articles__image {
    text-align: center;
    max-width: 100%;

    height: 160px;
    border-radius: 8px;
}

.articles__text {
    color: rgb(255, 255, 255);
    font-size: 1.25rem;
    line-height: 1.1;
    margin: 20px 0px;
    display: inline-block;
    text-decoration: none;
}

.articles__text:hover {
    color: gold;
}

@media (max-width: 937px) {
    .articles__container {
        flex-wrap: wrap;
    }

}

@media (max-width: 650px) {
    .articles__element {
        flex: 0 0 278px;
    }
}

@media (max-width: 1093px) {
    .reviews__container {
        justify-content: center;
    }

    .reviews__head {
        text-align: center;
    }
}

.advantages__bcg {
    background-color: #f2f2f2;
    margin-bottom: 40px;
}

.advantages {
    margin: 0 auto;
    max-width: 1060px;
    padding: 40px 0px;
}

.advantages__container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 50px;
}

.advantages-item {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 5px;
    justify-content: space-between;
    max-width: 430px;
    width: 100%;
}

@media (max-width: 424px) {
    .advantages-item {
        max-width: 330px;
        width: 100%;
    }
}

.icon-advantages {
    background-color: #db545a;
    border-radius: 50%;
    max-width: 65px;
    padding: 15px;
    margin: 0 10px 10px 0;
}

.advantages-item a {
    color: #111111;
    border-bottom: 2px solid #db545a;
    padding: 0px 0 3px;
    text-decoration: none;
    outline:none;
}

.advantages-item p {
    max-width: 340px;
    margin-top: 15px;
}
.img-svg {
    width: 35px;
    height: 35px;
}
.img-svg path {
    fill: #ffffff;
}
.icon-marker-plus:before {
    content: "\e909";
    color: #db545a;
}

.header__nav {
    display: flex;
    justify-content: space-evenly;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    gap: 10px;
}

.header__nav a {
    font-size: 17px;
    color: #fff;
    text-decoration:none;
}

.header__nav a:hover {
    color: #ffd700;
}

@media (max-width: 768px) {
    .header__nav {
        display: none;
    }    
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus,
.dgwt-wcas-open .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
    border-radius: 20px;
    font-size: 14px;
}

.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit::before {
    display: none;
}

@media (max-width: 768px) {
    .dgwt-wcas-search-wrapp {
       margin-bottom: 1rem; 
    }
    .callback-button {
        display: flex;
        justify-content: space-between;    
    }
    #mega-menu-wrap-handheld {
        position: static;
        width: auto;
    }
    #mega-menu-wrap-handheld .mega-menu-toggle .mega-toggle-blocks-center,
    #mega-menu-wrap-handheld .mega-menu-toggle .mega-toggle-blocks-right {
        display: none;
    }
    #mega-menu-wrap-handheld .mega-menu-toggle.mega-menu-open + #mega-menu-handheld {
        position: absolute;
        left: 0;    
        width: 100%;
    }
}

.category__slider {
    margin: 20px auto;
}

.category__title {
    width: fit-content;
    border-bottom: 2px solid #e68387;
    margin-bottom: 20px;
}

.category__title-text {
    font-size: 28px;
    margin-bottom: 5px;
}

.category__title-text a {
    text-decoration: none;
    color: #212529;
}

.category__title-text a:hover {    
    color: #e68387;
}

.category__title-text a:focus {
    outline: none;
}

.slider__product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 50px;
    height: 500px;
}

.slider__product img {
    width: 100%;
    height: 220px;
    box-shadow: 0 5px 10px #ccc;
    margin: 0 auto;    
    object-fit: cover;
}

.slider__button {
    background: #db545a;
    color: #fff;
    padding: 8px 32px;
    width: fit-content;
    margin: 0 auto;
    outline: none!important;
}

.slider__button:hover {
    background: #e68387;  
    color: #fff
}

.swiper-button-next,
.swiper-button-prev {
    width: 40px!important;
    height: 40px!important;
    background: #e68387;
    color: #fff!important;
    border-radius: 50%;
    opacity: 0.8;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #db545a;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: inherit!important;
}

.swiper-button-disabled {
    opacity: 0!important;
}


/* by mk_develop */

.scroll-top {
    position: fixed;
    top: 0px;
    padding: 20px;
	background-color: #d42929;
	width: 100%;
}