/*
Theme Name: The7
Theme URI: http://the7.io/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you’ll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 7.8.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}

:root {
    --color-brand: #E82873;
    --color-brand-light: #ECBCD7;
    /*--color-blue: #06a7e2;*/
    --color-blue: #07B5F5;
    --color-blue-hover: #069ED5;
    --color-violete-hover: #C29FF6;
    --color-pink:#FFA6CB;
    --color-pink-hover: #FF8BBB;
    --color-grey-light: #F0F0F1;

}

/* Купить 1*/
.button-buy{
    position: fixed;
    right: -96px;
    top: 50%;
    transform: translateY(-50%);
    transition: all linear .2s;
    z-index: 1000;
    animation: radial-pulse 2s infinite;
    border-radius: 4px 0 0 4px;
}
.button-buy a{
    display: block;
    padding: 10px;
    color: #fff;
    /*background: #73C658;*/
    background: #EB1C74;
    box-shadow: 0 0 21px rgba(0,0,0,.3);
    font-size: 25px;
    border-radius: 4px 0 0 4px;
    border: 1px solid transparent;
    border-right: none;
    transition: all linear .2s;
}
.button-buy a i{
    color: inherit;
    font-size: 40px;
    padding: 3px 0px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 9px;
    padding-right: 9px;
}
.button-buy a span{
    color: inherit;
    transition: opacity linear .2s;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.button-buy:hover{
    right: 0;
}
.button-buy a:hover{
    background: #fff;
    /*color: #73C658;
    border-color: #73C658;*/
    color: #EB1C74;
    border-color: #EB1C74;
}



/*  */
.buy-block{
    box-sizing: border-box;
    border: 2px solid #EB1C74;
    position: fixed;
    right: -320px;
    top: 50%;
    width: 320px;
    transform: translateY(-50%);
    z-index: 1000;
    background: #FFF;
    box-shadow: 0 0 21px rgba(0,0,0,.3);
    transition: all linear .3s;
}
/*.buy-block__active{
    background: #fff;
}*/

.buy-block > .fal{
    position: absolute;
    color: #fff;
    font-size: 40px;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    background: #EB1C74;
    border-radius: 4px 0 0 4px;
    padding: 10px;
    transition: all ease-in-out .2s;
    animation: radial-pulse 2s infinite;
}
.buy-block > *,
.buy-block p{
    margin-bottom: 0;
}
/*.buy-block:hover{
    right: 0;
}*/

.buy-block__active{
    right: 0;
}
.buy-block__active > .fal{
    opacity: 0;
}
/*.buy-block:hover > .fal{
    opacity: 0;
}*/
.buy-block > div{
    border-bottom: 1px solid #BFBFBF;
    padding: 10px;
}
.buy-block > div:last-child{
    border: none;
}
.buy-block__header{
    background: #EB1C74;
    text-align: center;
    font-size: 25px;
    color: #fff;
    padding: 10px 0;
    position: relative;
}
.buy-block__header .fal{
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 20px;
    border-bottom: 2px solid transparent;
}
.buy-block__header .fal:hover{
    border-bottom-color: #fff;
    cursor: pointer;
}
.buy-block .buy-links{
    text-align: right;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.buy-links b{
    flex-grow: 1;
    position: relative;
    height: 1px;
    background: #EB1C74;
}
.buy-links b:before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #EB1C74;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.buy-links .buy-link-2{
    text-decoration: none;
}
.buy-block {
    background: #EAE2F6;
}
.buy-block .buy-link{
    font-size: 20px;
    padding-left: 6px;
    text-decoration: none;
    color: #EB1C74;
}
.buy-block .buy-link:hover,
.buy-block a:hover{
    cursor: pointer;
}

.text-tabletki,
.text-911{
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    position: relative;
    padding: 10px 6px 10px 60px;

}
.text-tabletki:before,
.text-911:before {
    display: inline-block;
    content: '';
    width: 50px;
    height: 36px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.text-tabletki:before{
    background-image: url('/wp-content/themes/dt-the7/images/pills111.png');
}
.text-911:before {
    background-image: url('https://miofolic.com/wp-content/themes/miofolic/assets/images/favicon-2.png');
}

/* Блок купить на странице */
.buy-inpage{
    background: #D6BFF7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy-inpage p{
    font-size: 1.6rem;
    color: #fff;
    margin-right: 20px;
    padding: 1rem;
}
.buy-inpage .buy-inpage__buttons{
    padding: 1.5rem 0;
}
.buy-inpage .buy-inpage__buttons a{
    transition: all .2s linear;
    text-decoration: none;
    margin-right: 20px;
    color: #656565;
}
.buy-inpage .buy-inpage__buttons a:last-child{
    margin-right: 0;
}
.buy-inpage .buy-inpage__buttons a:hover{
    color: #4CCCFA;
}
.buy-inpage.no-flex{
    display: block;
    text-align: center;
    padding: 5px;
    margin-top: 2rem;
    border-radius: 10px;
}
.buy-inpage.is-mobile{
    display: none;
    border-radius: 10px;
}
.buy-inpage.no-flex p,
.buy-inpage.is-mobile p{
    margin: 0;
    padding: 0;
    font-size: 19px;
    margin-bottom: 2px;
}

.no-flex .buy-inpage__buttons,
.is-mobile .buy-inpage__buttons{
    padding: 0;
    text-align: left;
}
.is-mobile .buy-inpage__buttons a,
.no-flex .buy-inpage__buttons a{
    display: inline-block;
    font-size: 17px;
    color: #5C5D61;
    padding: 4px 6px 4px 42px;
    margin-left: 20px;
}
.is-mobile .text-tabletki:before,
.no-flex .text-tabletki:before{
    width: 32px;
    height: 28px;
}
.is-mobile .text-911:before,
.no-flex .text-911:before{
    left: 7px;
    width: 22px;
    height: 28px;
}


@media (max-width: 757px){
    .buy-inpage{
        flex-wrap: wrap;
        text-align: center;
    }
    .buy-inpage p{
        padding-bottom: 0;
    }
    .buy-inpage > *{
        width: 100%;
    }
    .buy-inpage .buy-inpage__buttons{
        padding: 1rem 0 1.5rem 0;
    }
    .buy-inpage.is-mobile .buy-inpage__buttons,
    .buy-inpage.no-flex .buy-inpage__buttons{
        padding: 1rem 0 1rem 0;
    }

    .buy-inpage .buy-inpage__buttons a{
        margin-right: 0px;
    }
}
@media (max-width: 600px){
    .buy-inpage.is-mobile{
        display: block;
    }
    .header-specialy{
        font-size: 26px;
        margin-top: 0;
        line-height: 36px;
    }

    .button-buy{
        right: -65px;
    }
    .button-buy a i{
        font-size: 24px;
    }
    .button-buy a{
        font-size: 16px;
    }
    .buy-inpage p{
        margin-right: 0;
    }
}
@media (max-width: 380px){
    .buy-inpage.is-mobile{
        display: block;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .buy-inpage .buy-inpage__buttons{
        padding: 0.5rem 0 0.5rem 0;
    }
    .text-tabletki, .text-911{
        font-size: 17px;
    }
    .text-tabletki{
        padding-left: 46px;
        padding-right: 10px;
    }
    .text-911{
        padding-left: 34px;
    }
    .text-tabletki:before{
        width: 41px;
    }
    .text-911:before{
        width: 26px;
    }
    .buy-inpage p{
        font-size: 18px;
        padding: 0;
        padding-top: 0.3rem;
        margin-bottom: 0.5rem;
    }
}

.vc_custom_1656357900376 {
    padding-top: 40px;
    padding-bottom: 40px;
}
/* Пульсация */
@keyframes radial-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(235,28,116, 0.7);
    }

    100% {
        box-shadow: 0 0 0 30px rgba(115,198,88, 0);
    }
}

.question-block {
    text-align: center;
}
.question-block .wpb_text_column {
    margin: 15px;
}
.question-block .wpb_text_column:last-child {
    margin-bottom: 0;
}
.question-block .wpb_single_image {
    max-width: 320px;
    margin: 0 auto 20px auto;
}
.question-block strong {
    display: block;
}
.ds-none {
    display: none!important;
}
#reply-title, .comment-notes{
    display: none;
}

/* Коммент форм */
.comment-form {
    margin-top: 20px;
}
.form-submit {
    display: flex;
    justify-content: flex-end;
}
.form-submit .dt-btn {
    font-family: "Open Sans";
    height: auto;
    line-height: normal;
    color: white;
    background: #a7e4fa;
    text-decoration: none !important;
    border-radius: 20px 60px 60px 20px;
    overflow: hidden;
}
.form-submit .dt-btn span {
    display: block;
    padding: 15px 40px 15px 20px;
}
.comment-flex {
    display: flex;
    gap: 15px;
}
.comment-flex > * {
    width: calc(50% - 8px);
}
.comment-flex p input {
    display: block;
    width: 100%;
}
/* button buy in header */
ul.main-nav {
    align-content: center!important;
}
ul.main-nav .menu-item {
}
ul.main-nav > .menu-item > a {
    margin: 16px 10px;
}

ul.main-nav .header-buy-menu > a > .menu-item-text {
    display: block;
    border: 1px solid var(--color-brand);
    background: var(--color-brand);
    border-radius: 20px;
    padding: 8px 16px;
    transition: all .2s linear;
}
ul.main-nav .header-buy-menu.dt-hovered > a > .menu-item-text {
    background: #fff;
}
.header-buy-menu:not(.dt-hovered) > a > .menu-item-text span.menu-text {
    color: #fff!important;
}
ul.main-nav .header-buy-menu > a > .menu-item-text .underline {
    display: none!important;
}
.vc_gitem-zone-mini .vc_custom_heading h4:hover {
    cursor: pointer;
    text-decoration: underline;
}
.header-buy-menu ul {
    background: #EAE2F6;
}
.header-buy-menu .sub-nav li:hover * {
    color: #0d0e10!important;
    font-weight: 500!important;
}

.header-buy-menu .sub-nav li a {
    display: block;
    position: relative;
    padding-left: 36px;
}

.header-buy-menu .sub-nav li a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-size: contain;
}
.page-footer {
    background: var(--color-brand-light)!important;
    padding-block: 30px;
    text-align: center;
}
.page-footer .textwidget {
    max-width: 580px;
    margin: 0;
    margin-inline: auto;
}
.page-footer p {
    line-height: 1.2;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
}
.wpml-ls-statics-footer.wpml-ls-legacy-list-horizontal {
    margin-bottom: 0;
}
.wf-container-footer {
    margin: 0!important;

    padding: 0!important;
}
.page-footer .widget {
    margin: 0!important;
}
.vc_grid.vc_row .vc_pageable-slide-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item,
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone,
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone-mini,
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone-mini .vc_gitem_row,
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini .vc_gitem-zone-mini .vc_gitem_row .vc_gitem-col,
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_grid-item-mini {
    display: flex!important;
    flex-direction: column;
    flex-grow: 1;
}
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item.vc_col-sm-4 {
    max-width: 33.33333333%;
}
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-zone {
    flex-grow: 1;
}
.vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item .vc_btn3-container {
    margin-top: auto;
}

.vc_grid.vc_row .vc_grid-item .vc_grid-item-mini + .vc_clearfix {
    display: none!important;
}
#footer.solid-bg {
    background-color: var(--color-brand-light);
    font-size: 15px;
}
#footer {
    padding-block: 4px;
}
#footer.solid-bg span {
    font-size: 15px;

}
#footer.solid-bg .widget {
    margin-bottom: 20px;
}
#footer.solid-bg .textwidget p:first-child {
    margin-bottom: 0;
}
.wpb_content_element p a {
    text-decoration: none;
}