div#ui-datepicker-div {
    -moz-transform: scale(0.83) translateX(-32px);
    -webkit-transform: scale(0.83) translateX(-32px);
    -o-transform: scale(0.83) translateX(-32px);
    -ms-transform: scale(0.83) translateX(-32px);
    transform: scale(0.83) translateX(-32px);
}

.page-template-consumer div#ui-datepicker-div {
    -moz-transform: scale(0.94) translateX(-12px);
    -webkit-transform: scale(0.94) translateX(-12px);
    -o-transform: scale(0.94) translateX(-12px);
    -ms-transform: scale(0.94) translateX(-12px);
    transform: scale(0.94) translateX(-12px);
}

.page-template-specialist div#ui-datepicker-div {
    -moz-transform: scale(0.89) translateX(-20px);
    -webkit-transform: scale(0.89) translateX(-20px);
    -o-transform: scale(0.89) translateX(-20px);
    -ms-transform: scale(0.89) translateX(-20px);
    transform: scale(0.89) translateX(-20px);
}

#load-post {

    cursor: pointer;
}

/*.lop:nth-child(n+3){*/

/*    display:none!important;*/

/*}*/

.page-template-farmacomnadzor .btn-animate:hover {
    border-color: red !important;
    color: white !important;
}

.page-template-farmacomnadzor a.btn {

    z-index: 1;
}

.page-template-farmacomnadzor .btn-animate:after {

    background-color: red !important;
    z-index: -1 !important;
}


.page-template-tender .btn-animate:hover {
    border-color: red !important;
    color: white !important;
}

.page-template-tender .container .btn-animate:after {

    background-color: red !important;
    z-index: -1 !important;
}

.project-template-default .btn-animate:hover {
    border-color: red !important;
    color: white !important;
}

.project-template-default .container .btn-animate:after {

    background-color: red !important;
    z-index: -1 !important;
}


.page-template-preparats .btn-animate:hover {
    border-color: red !important;
    color: white !important;
}

.page-template-preparats .btn-animate:after {

    background-color: red !important;
    z-index: -1 !important;
}


.page-template-news .btn-animate:hover {
    border-color: red !important;
    color: white !important;
}

.page-template-news .btn-animate:after {

    background-color: red !important;
    z-index: -1 !important;
}



.page-template-contacts .btn {
    background-image: url(../img/background-but.png);
    background-size: 0%;
    background-repeat: no-repeat;

    -webkit-transition: background-size 300ms ease;
    -moz-transition: background-size 300ms ease;
    -ms-transition: background-size 300ms ease;
    -o-transition: background-size 300ms ease;
    transition: background-size 300ms ease;


}

.page-template-contacts .btn {

    z-index: 1;
}

.page-template .form-butf {
    background-image: url(../img/background-but.png);
    background-size: 0%;
    background-repeat: no-repeat;

    -webkit-transition: background-size 300ms ease;
    -moz-transition: background-size 300ms ease;
    -ms-transition: background-size 300ms ease;
    -o-transition: background-size 300ms ease;
    transition: background-size 300ms ease;


}

.page-template .form-butf:hover {
    border-color: red !important;
    color: white !important;
    /*background-size: 100%;*/
}

input.form-butf:hover {
    background: red;
    transition: .5s;
}

.bc1,
.bc2,
.bc3,
.bc4,
.bc5,
.bc6,
.bc7,
.pbc1,
.pbc2,
.pbc3 {

    cursor: pointer;
    position: relative;
    z-index: 2;
}


@media (max-width: 1367px) and (min-width: 769px) {

    section.carousel .title {
        padding-top: 75px;
    }

    #bc1,
    #bc2,
    #bc3,
    #bc4,
    #bc5,
    #bc6,
    #bc7 {}


    section.carousel div.pr-type {

        padding: 50px 0 25px 33vw;

    }


    section.video-bg .btn {
        margin-top: 36px;
    }

    /*section.video-bg.scroll-active {*/

    /*    height: 91vh;*/
    /*}*/

    /*section.history h2, section.history h3 {*/

    /*    line-height: 47px;*/

    /*}*/

    section.video-bg h1,
    section.carousel .title {
        font-size: 40px;
        line-height: 40px;
    }

    section.video-bg .content-block .title {
        font-size: 40px;
        line-height: 40px;

    }

    section.about .content-block .title {
        font-size: 40px;
        line-height: 40px;
    }

    section.history h2 {
        font-size: 40px;
        line-height: 40px;
        text-transform: uppercase;

    }

    section.history h3 {
        font-size: 40px;
        line-height: 40px;


    }

    section.history .bigtext p,
    section.history .bigtext span {
        font-size: 40px;
    }

    section.history .bigtext {
        font-size: 40px;
        line-height: 50px;
    }

    section.about-nums h2 {
        font-size: 40px;

    }

    section.about-nums .content-block,
    section.labs .labs-preparat .title,
    .tenders a h3,
    .check h5,
    .personal-4 a {
        font-size: 30px;
        line-height: 30px;
    }

    section.about-nums .content-block p {
        margin: 30px 0;

    }

    section.about-nums .content-block span,
    section.quality-control h2,
    section.certificates h2,
    section.technology .content-block .title,
    section.contacts-info .office-type .col-sm-6 span {
        font-size: 40px;
        line-height: 40px;
    }

    section.technology .content-block .title,
    .tender h2,
    .check h2 {
        font-size: 40px;
        line-height: 40px;
    }

    section.technology .items .item .title h3 {
        font-size: 40px;

    }

    section.technology .items .item p span {
        font-size: 30px;
    }

    section.labs .content-block h2,
    section.labs .container h3,
    .project-container h1,
    .project-two-block div:last-child h4 {

        font-size: 40px;
        line-height: 40px;

    }

    section.preparats .preparat-type .col-sm-6 span {
        font-size: 40px;

    }

    .personal-1 h2,
    .personal-2 h2,
    .personal-3 h2,
    .personal-4 h2 {
        font-size: 30px;
        line-height: 30px;

    }

    section.video-bg h1 {

        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    section.technology .content-block .title,
    section.labs .content-block h2 {

        padding-bottom: 40px;
    }

    section.technology .items .item p {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    section.technology .items .item {
        margin-top: 40px;

    }

    section.labs {

        padding-top: 25px;
    }

    section.big-text .content-block p {

        margin-top: 50px;

    }

}


#pbc1,
#pbc2,
#pbc3 {
    position: absolute;
    top: -120px;
    opacity: 0;
}

@media (max-width: 767px) {

    .page-template-about .col-sm-offset-3 {

        margin-left: 0px !important;
    }
}

@media (max-width: 640px) {

    .page-template-about .col-sm-6 {
        width: 100% !important;
    }

    .page-template-about .about.normal-scroll .btns {
        padding-left: 0px;
    }

    .page-template-about section.about .btns a {
        padding: 55px 7% 15px;
    }

    .page-template-farmacomnadzor .last-check div:last-child span {
        font-size: 24px !important;
    }

    .page-template-farmacomnadzor .last-check div:first-child span {
        font-size: 16px;
    }
}


@media (max-width: 480px) {

    .page-template-about section.about .btns a {
        padding: 55px 0% 15px;
    }

    .page-template-farmacomnadzor .last-check {
        border: 1px solid red;
        padding: 55px 10% 55px 10%;
    }






}

@media (max-width: 400px) {

    section.preparat .item table tr td {

        word-break: break-all;
    }

}



.datetest1,
.date input[type=date] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAL5JREFUeNq81IENgyAQBdCDsMB1BIdrR2AFHaFdoSM4FCPQoznqlSAg0l7yoxB4SkC1B4AkmOmD3XHef5IOmEMXX0vQNk5gBrZC+K60nS+lkCT3vufXXflJvQnzMWD2JBRjdfNy6oUaBtbPsIVy6cgSAZPg7t/LvFPsCCxAV8p0BMMC9KDcjmArT26GchsQ60mZRbsKlbC43RGsQiVMglMLVMMkCD3YqY/eiFNv9w5jY7mhP0flRyyRf9svAQYARAu83lyjmqQAAAAASUVORK5CYII=) no-repeat;
    background-position: 90%;
    background-color: white !important;
    color: #f00 !important;
    min-height: 45px;
    border-style: none;
    border: 1px solid #ccc;

}

@media screen and (max-width:1440px) {
    #covid-vid {
        width: 508px;
        height: 285px;
    }
}

@media screen and (max-width:1368px) {
    section.labs.covid-page {
        padding-top: 50px;
    }

    #covid-vid {
        width: 508px;
        height: 284px;
    }

}

@media screen and (max-width:1280px) {
    .page-template-preparats section.preparats .items .item h2 {
        font-size: 30px;
    }

    #covid-vid {
        width: 490px;
        height: 275px;
    }
}

@media screen and (max-width:1024px) {
    #covid-vid {
        width: 446px;
        height: 255px;
    }

    .covid-video-text {
        width: 50%;
    }
}

/*Mobile Zone*/
@media screen and (max-width:768px) {

    .page-template-covid19 .covid-header .row,
    .covid-page .text-note,
    .covid-page .col-xs-12 {
        margin-left: 0;
        margin-right: 0;
    }

    .covid-page.covid-page-sec-2 p,
    .covid-page h2.covid-sec-h2,
    section.video-bg.header-viewport.covid-page .content-block p,
    body section.covid-page .labs-preparat .title,
    .covid-page-sec-4 p,
    .covid-page div.covid-video-wrap {
        margin-bottom: 20px;
    }

    .covid-header,
    .col-xs-12.col-sm-8.home-slider-right,
    .covid-header .col-xs-12.col-sm-7,
    .covid-video-text,
    #covid-vid,
    .covid-page-sec-7-text,
    .covid-page-sec-7-links,
    .covid-page .col-xs-12 {
        width: 100%;
    }

    .home-slider-right,
    .covid-header p,
    .covid-header h4,
    .covid-sec-h2 {
        text-align: center;
    }

    .covid-header p,
    .covid-header h4 {
        margin: 20px auto 0px !important;
    }

    .covid-logo {
        bottom: -1px;
        max-width: 100%;
    }

    section.video-bg.covid-page .covid-header p {
        font-size: 30px;
    }

    #covid-vid {
        height: 404px;
    }

    .covid-sec-2-img-left {
        max-height: 250px;
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    .covid-page-sec-2 .row.labs-preparat .col-xs-12 .row:nth-child(3) {
        display: flex;
        flex-direction: column-reverse;
    }

    .covid-page-sec-2 .row.labs-preparat .col-xs-12 .row:nth-child(4) .covid-sec-2-btns {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    .covid-sec-2-btns .btn {
        margin: 0 !important;
    }

    .covid-page-sec-3 img {
        top: 0;
    }


    section.video-bg.covid-page .covid-header {
        padding: 0;
    }

    .covid-page.header-viewport .covid-header a.btn {
        margin: 60px auto 0;
    }


    .covid-page.header-viewport a.btn-note {
        margin-bottom: 30px;
    }

    section.history.covid-page .covid-header h4 {
        padding-left: 0;
    }

    section.quality-control.covid-page.covid-page-sec-6 h2 {
        font-size: 36px;
    }
}

@media screen and (max-width: 600px) {
    .covid-page .home-slids {
        margin: 120px auto 20px;
    }

    .col-xs-12.home-slider-right .equipment {
        font-size: 40px;
    }

    section.video-bg.covid-page .covid-header p,
    section.video-bg.covid-page .covid-header h4 {
        margin: 0 auto 40px;
        font-size: 20px;
        line-height: 1.2
    }

    .covid-logo {
        position: relative;
        margin: 40px auto 0;
        padding: 20px 0;
    }

    h2.covid-sec-h2 {
        padding: 0 15px;
    }

    #covid-vid {
        height: 324px;
    }

}

@media screen and (max-width: 414px) {
    .covid-header .home-slids {
        margin-top: 0;
    }

    .covid-page .home-slider-right .equipment,
    .covid-page h2.covid-sec-h2,
    .covid-page h2.covid-sec-h2-cap,
    .covid-page.covid-page-sec-3 h2,
    h2.covid-sec-h2-cap.covid-page-sec-5 {
        font-size: 30px !important;
    }

    .covid-page-sec-7-text p {
        font-size: 18px;
    }

    .covid-page.header-viewport .covid-header a.btn {
        margin: 40px auto 0;
    }

    h2.covid-sec-h2-cap.covid-page-sec-5,
    h2.covid-sec-h2-cap.covid-page-sec-7 {
        margin: 50px auto 20px;
    }
    .covid-page.header-viewport a.btn-note, .covid-page.header-viewport a.btn-note-2 {
    width: 100%;
    text-align: center;
}

    .covid-popup .container .modal-button {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        top: 100px;
        position: fixed;
        background-position: center;
        right: 20px;
        background-size: 40px;
    }
.covid-page-sec-2 .row.labs-preparat .col-xs-12 .row:nth-child(4) .covid-sec-2-btns {
    flex-wrap: wrap;
}
.covid-sec-2-btns .btn-note{
    margin-bottom: 20px !important;
}
    .covid-popup {
        background-color: rgba(255, 255, 255, 0.95);
    }

    .covid-popup,
    .covid-popup .container {
        width: 100%;
        height: 100%;
        bottom: -100%;
        top: unset;
        transition: bottom .5s ease-in-out;
    }

    .covid-popup.modal-open,
    .modal-open .container {
        bottom: 0;
    }

    .covid-popup .modal-content {
        width: 100%;
        border-radius: 0;
        padding: 100px 20px 0;
        position: relative;
        background-color: transparent;
        margin: 0 auto;
        box-shadow: none;
        opacity: 0;
        transition: opacity .5s ease-in-out 2s;

    }

    .covid-popup.modal-open .modal-content {
        opacity: 1;
    }

    .covid-popup .modal-content .modal-close {
        left: unset;
        right: 20px;
        font-size: 30px
    }

    .covid-popup .modal-content h3,
    .covid-pop-mob-tel {
        text-align: center;
    }

    .covid-popup .modal-content img {
        position: relative;
        margin: 40px auto;
        width: 80px;
        display: block;
        top: unset;
        right: unset;
    }

    .covid-popup .modal-content h2 {
        display: none;
    }

    .covid-pop-mob-tel,
    .covid-pop-mob-tel:hover,
    .covid-pop-mob-tel:focus {
        display: block;
        color: #000;
        text-decoration: none;
        margin-bottom: 50px
    }

    #covid-vid {
        height: 220px;
    }
}

@media screen and (max-width: 375px) {
    #covid-vid {
        height: 197px;
    }
}

@media (max-width: 1367px) and (min-width: 769px) {
    section.preparats .items .item h2 {
        font-size: 35px;
        line-height: 40px;
    }
}