/*!
 * Start Bootstrap - Agency v5.0.2 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */


        * {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

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

        body {
            background-color: #F0F1D5;
            overflow-x: hidden;
            font-family: 'Lato', sans-serif;
            color: black;
            word-spacing: 0.1rem;
            font-size: 1.1rem;
        }


        p {
            line-height: 1.5;
        }

        a {
            color: #2C8693;
            text-decoration: none;
        }

        a:hover {
            color: #F19722 !important;
            text-decoration: none;
        }

        .text-primary {
            color: #fff !important;
        }

        hr {
            border-top: 1px solid #2C8693;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: 700;

        }

        section {
            padding: 80px 0;
        }

        section#about {
            background-color: #f7f7e8;
        }

        section#price {
            background-color: #f7f7e8;
        }

        section#contact {
            background-color: #f7f7e8;
        }


        main img {
            border-radius: 12px;
            border: 3px solid #F19722;
            width: 100%;

        }

        section h2.section-heading {
            font-size: 40px;
            margin-top: 0;
            margin-bottom: 15px;
        }

        section h3.section-subheading {
            font-size: 22px;
            font-weight: 400;
            font-style: italic;
            margin-bottom: 75px;
            text-transform: none;

        }

        .nobr {
            white-space: nowrap;
        }

        /* #news p.lead, */
        #about p,
        #price p,
        #contact p,
        #portfolioModal25 p {
            text-indent: 7%;
        }

        .media img {
            height: 15%;
            width: 15%;

        }


        /* #news p.lead::first-letter{
            font-size: x-large;


        } */


        @media (max-width: 992px) {
            h2 {
                font-size: 1.3rem !important;

            }
        }

        @media (min-width: 992px) {
            section {
                padding: px 0;
            }
        }

        #store {
            font-size: 1.1rem;
            margin-bottom: 2%;
        }

        #open {
            color: #2C8693 !important;

        }

        #open:hover {
            color: #F19722 !important;

        }

        .open2 {
            color: #F19722 !important;

        }

        #close {
            color: #ff1e00 !important;

        }

        #close:hover {
            color: #F19722 !important;


        }

        #store1 {
            font-size: 1.3rem;

        }

        #open1 {
            color: #2C8693 !important;
            /* border: 1px solid #2C8693; */
            /* font-weight: bold; */


        }

        #close1 {
            color: #C33325 !important;

            /* font-weight: bold; */

        }


        .btn {

            /* font-weight: 700; */
            margin-top: 10px;
        }

        .btn-md {
            font-size: 12px;
            padding: 5px 10px;
        }



        ::-moz-selection {
            background: #d5d5d5;
            ;
            text-shadow: none;
        }

        ::selection {
            background: #d5d5d5;
            ;
            text-shadow: none;
        }

        img::-moz-selection {
            background: transparent;
        }

        img::selection {
            background: transparent;
        }

        img::-moz-selection {
            background: transparent;
        }

        #mainNav {
            background-color: #2C8693;
        }

        #mainNav .navbar-toggler {
            /*    font-size: 12px;
            right: 0;
            padding: 13px;
            text-transform: uppercase;
            color: white;*/
            border-color: #d5d5d5;
            background-color: border-color #23415c;

        }

        #mainNav .navbar-brand {
            color: #F0F1D5;
        }

        #mainNav .navbar-brand.active,
        #mainNav .navbar-brand:active,
        #mainNav .navbar-brand:focus,
        #mainNav .navbar-brand:hover {
            color: #d5d5d5 !important;
        }



        #mainNav .navbar-nav .nav-item .nav-link {
            font-size: 1.03rem;
            font-weight: 400;
            padding: 0.75em 0;
            letter-spacing: 1px;
            color: white;
        }




        @media (max-width: 768px) and (orientation: landscape) {
            #mainNav .navbar-nav .nav-item .nav-link {
                padding: 0.2em 0;

            }
        }


        #mainNav .navbar-nav .nav-item .nav-link.active {
            color: #F19722;
        }


        #mainNav .navbar-nav .nav-item .nav-link:hover {
            color: #d5d5d5 !important;
        }

        @media (min-width: 992px) {
            #mainNav {
                padding-top: 25px;
                padding-bottom: 25px;
                -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
                transition: padding-top 0.3s, padding-bottom 0.3s;
                border: none;
                background-color: transparent;
            }

            #mainNav .navbar-brand {
                font-size: 1.2em;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                color: #F19722;
            }

            #timecount1 {
                font-size: 0.9rem;
            }

            #logo {
                width: 90%;
                height: 90%;
            }

            #mainNav .navbar-nav .nav-item .nav-link {
                padding: 1.1em 1em !important;
                color: #F19722;
            }

            #mainNav.navbar-shrink {
                padding-top: 0;
                padding-bottom: 0;
                background-color: #2C8693;
            }

            #mainNav.navbar-shrink .navbar-brand {
                font-size: 1.25em;
                padding: 12px 0;
                color: #F0F1D5;
                /*kolor weterynaryjni logo*/
            }

            #mainNav.navbar-shrink .navbar-brand:hover {

                color: #F19722 !important;

            }

            #mainNav.navbar-shrink .nav-item .nav-link {

                color: #F0F1D5;

            }

            #mainNav.navbar-shrink .nav-item .nav-link:hover {

                color: #F19722 !important;

            }
        }

        header.masthead {
            /* text-align: center;
            color: #fff;
            background: rgba(0, 0, 0, .35) url("../img/background_2.jpg") no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-blend-mode: darken;
            background-attachment: scroll;
            height: 100vh; */
            /*nowe*/

            text-align: center;
            color: #fff;
            background-image: url("../img/background_opacity39_1.jpg");
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-position: center center;
            background-size: cover;
            height: 100vh;

        }





        header.masthead .intro-text {
            position: absolute;
            top: 30%;
            bottom: 0%;
            left: 0%;
            right: 0%;

        }

        header.masthead .intro-text .intro-lead-in {
            font-size: 1.1rem;
            font-style: italic;
            line-height: 23px;
            margin-bottom: 25px;

        }

        header.masthead .intro-text .intro-heading {
            font-size: 23px;
            font-weight: 700;
            line-height: 25px;
            white-space: normal;
            margin-bottom: 5px;
        }

        header.masthead .intro-text .intro-adress {
            font-size: 1rem;
            white-space: nowrap;
            margin-bottom: 15%;

        }

        header.masthead .intro-text #store #open {
            font-size: 1.2rem;
        }

        header.masthead .intro-text #store .open2 {
            font-size: 17px;
        }

        header.masthead .intro-text #store #close {
            font-size: 18px;
        }

        #timecount {
            color: #C33325;
            font-size: 1.1rem;
        }

        #timecount:hover {
            color: #C33325 !important;

        }


        #timecount1 {
            color: #F19722;
            font-size: 0.9rem;
        }

        #timecount3,
        #timecount3:hover {
            color: #2C8693 !important;
            font-size: 1.1rem;
        }

        @media (min-width: 768px) {
            header.masthead .intro-text {
                position: absolute;
                top: 22%;
                left: 0%;
                right: 0%;

            }



            header.masthead .intro-text .intro-lead-in {
                font-size: 2rem;
                letter-spacing: 1px;
                font-style: italic;
                line-height: 40px;
                margin-bottom: 25px;
                white-space: nowrap;

            }

            header.masthead .intro-text .intro-adress {
                font-size: 1.5rem;
                letter-spacing: 0.5px;
                line-height: 40px;
                margin-bottom: 9%;

            }

            header.masthead .intro-text .intro-heading {
                font-size: 3rem;
                font-weight: 700;
                letter-spacing: 1.5px;
                line-height: 75px;
                margin-bottom: 2%;
                white-space: pre;

            }

            header.masthead .intro-text #store #open {
                font-size: 20px;
            }

            header.masthead .intro-text #store .open2 {
                font-size: 20px;
            }

            header.masthead .intro-text #store #close {
                font-size: 20px;
            }

        }

        @media (min-width: 992px) {

            header.masthead .intro-text {
                position: absolute;
                top: 22%;
                left: 0%;
                right: 0%;

            }

            header.masthead .intro-text .intro-lead-in {
                font-size: 2.5rem;
                letter-spacing: 1px;
                font-style: italic;
                line-height: 40px;
                margin-bottom: 25px;
                white-space: nowrap;

            }

            header.masthead .intro-text .intro-adress {
                font-size: 24px;
                letter-spacing: 0.5px;
                line-height: 40px;
                margin-bottom: 9%;

            }

            header.masthead .intro-text .intro-heading {
                font-size: 4rem;
                font-weight: 700;
                letter-spacing: 3px;
                line-height: 75px;
                margin-bottom: 2%;
                white-space: pre;

            }

            header.masthead .intro-text #store #open {
                font-size: 20px;
            }

            header.masthead .intro-text #store .open2 {
                font-size: 20px;
            }

            header.masthead .intro-text #store #close {
                font-size: 20px;
            }

            #timecount1 {
                font-size: 1rem;
            }

        }


        @media (min-width: 1200px) {
            header.masthead .intro-text {
                position: absolute;
                top: 22%;
                left: 0%;
                right: 0%;

            }

            header.masthead .intro-text .intro-heading {
                font-size: 5rem;
                font-weight: 700;
                letter-spacing: 3px;
                line-height: 75px;
                margin-bottom: 2%;
                white-space: pre;

            }

            header.masthead .intro-text .intro-adress {
                font-size: 2rem;
                letter-spacing: 0.5px;
                line-height: 40px;
                margin-bottom: 5%;

            }

            header.masthead .intro-text .intro-lead-in {
                font-size: 3rem;
                letter-spacing: 1px;
                font-style: italic;
                line-height: 40px;
                margin-bottom: 25px;
                white-space: nowrap;

            }

            header.masthead .intro-text #store #open {
                font-size: 1.6rem;
            }

            header.masthead .intro-text #store .open2 {
                font-size: 1.6rem;
            }

            header.masthead .intro-text #store #close {
                font-size: 1.5rem;
            }
        }






        @media (max-width: 768px) and (orientation: landscape) {
            header.masthead {
                margin-top: 2%;

            }


            header.masthead .intro-text {
                position: absolute;
                top: 30%;
                bottom: 0%;
                left: 0%;
                right: 0%;
            }

            header.masthead .intro-text .intro-lead-in {
                font-size: 17px;
                font-style: italic;
                margin-bottom: 5px;
                white-space: nowrap;
            }

            header.masthead .intro-text .intro-adress {
                font-size: 13px;
                line-height: 40px;
                margin-bottom: 1%;

            }

            header.masthead .intro-text .intro-heading {
                font-size: 22px;
                font-weight: 700;
                white-space: nowrap;

            }

            header.masthead .intro-text #store #open {
                font-size: 1rem;
            }

            header.masthead .intro-text #store #close {
                font-size: 1rem;
            }


        }

        .padding {
            padding: 10px 0;
            margin: 15px 0;
            text-transform: none;

        }

        #stopka {
            text-align: center;
            font-size: 0.9rem;
            padding: 1% 0;
            /* min-height: 4%; */
            width: 100%;
            background-color: #2C8693;
            color: #F0F1D5;
        }




        a.phone_1[href^="tel:"] {
            color: #105187;
            font-weight: bold !important;
            text-decoration: none;
        }

        a.phone_1[href^="tel:"]:hover {
            color: #F19722;
            font-weight: bold;
            text-decoration: none;
        }

        a[href^="mailto:"] {
            color: #105187;
            font-weight: bold;
            text-decoration: none;
        }

        a[href^="mailto:"]:hover {
            color: #F19722;
            font-weight: bold;
            text-decoration: none;
        }

        a.phone_1[href^="tel:"]:before {
            font-family: FontAwesome;
            color: #ba4c34;
            content: " \f095";
            font-weight: bold;
            margin-right: 0.5em;
        }





        a[href^="mailto:"]:before {
            font-family: FontAwesome;
            color: #ba4c34;
            content: "\f003";
            font-weight: bold;
            margin-right: 0.5em;
        }


        .doctor {
            font-weight: bold;
        }



        #portfolio .portfolio-item {
            right: 0;
            margin: 0 0 15px;
        }

        #portfolio .portfolio-item .portfolio-link {
            position: relative;
            display: block;
            max-width: 400px;
            margin: 0 auto;
            cursor: pointer;
        }

        .portfolio-caption a {
            color: black;
        }

        #portfolio .portfolio-item .portfolio-link .portfolio-hover {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-transition: all ease 0.5s;
            transition: all ease 0.5s;
            opacity: 0;
            background: #F19722;
            border-radius: 12px;
        }

        #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
            opacity: 1;
        }

        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
            font-size: 20px;
            position: absolute;
            top: 50%;
            width: 100%;
            height: 20px;
            margin-top: -12px;
            text-align: center;
            color: white;
        }

        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
            margin-top: -12px;
        }

        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
        #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
            margin: 0;
        }

        #portfolio .portfolio-item .portfolio-caption {
            max-width: 400px;
            margin: 0 auto;
            padding: 25px;
            text-align: center;
            background-color: #F0F1D5;
        }

        #portfolio .portfolio-item .portfolio-caption h4 {
            margin: 0;
            text-transform: none;
        }

        #portfolio .portfolio-item .portfolio-caption p {
            font-size: 16px;
            font-style: italic;
            margin: 0;

        }

        #portfolio * {
            z-index: 2;
        }


        @media (min-width: 992px) {
            #portfolio .portfolio-item {
                margin: 0 0 30px;
            }
        }

        .portfolio-modal {
            padding-right: 0px !important;


        }

        .portfolio-modal .modal-dialog {
            margin: 1rem;
            max-width: 100vw;
        }

        .portfolio-modal .modal-content {
            padding: 100px 0;
            text-align: center;
            background-color: #F0F1D5 !important;
        }

        .portfolio-modal .modal-content h2 {
            font-size: 3em;
            margin-bottom: 15px;
        }

        .portfolio-modal .modal-content p {
            margin-bottom: 30px;
        }

        .portfolio-modal .modal-content p.item-intro {
            font-size: 16px;
            font-style: italic;
            margin: 20px 0 30px;

        }

        .portfolio-modal .modal-content span.item-intro {
            font-size: 16px;
            font-style: italic;
            margin: 20px 0 30px;

        }

        .portfolio-modal .modal-content ul.list-inline {
            margin-top: 0;
            margin-bottom: 30px;
            list-style-type: disc;


        }


        .portfolio-modal .modal-content img {
            margin-bottom: 30px;
            border: 2px solid #F19722;
            border-radius: 12px;
        }

        .portfolio-modal .modal-content button {
            cursor: pointer;
            /* background-color: #2C8693;
            border-color: #23415c; */
        }



        .portfolio-modal .close-modal {
            position: absolute;
            top: 25px;
            right: 25px;
            width: 75px;
            height: 75px;
            cursor: pointer;
            background-color: transparent;
        }

        .portfolio-modal .close-modal:hover {
            opacity: 0.3;
        }

        .portfolio-modal .close-modal .lr {
            /* Safari and Chrome */
            z-index: 1051;
            width: 1px;
            height: 75px;
            margin-left: 35px;
            /* IE 9 */
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            background-color: #212529;
        }

        .portfolio-modal .close-modal .lr .rl {
            /* Safari and Chrome */
            z-index: 1052;
            width: 1px;
            height: 75px;
            /* IE 9 */
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background-color: #212529;
        }

        #portfolioModal23 img {
            max-width: 112px;
        }

        .list-hours .list-hours-item.today {
            font-weight: bold;
            color: #2C8693;
        }

        .list-hours .list-hours-item.today1 {
            font-weight: bold;
            color: #C33325;
        }

        .list-hours .list-hours-item.today2 {
            font-weight: bold;
            color: #F19722 !important;
        }

        .list-hours {
            font-size: 1rem;
        }

        .list-hours .list-hours-item {
            border-bottom: 1px solid #F19722;
            padding-bottom: .25rem;
            margin-bottom: 1rem;
        }

        @media (min-width: 992px) {
            .list-hours {
                padding-right: 20%;
                font-size: 1.2rem;
            }
        }



        section#contact .form-group {
            margin-bottom: 25px;
        }

        section#contact .form-group input,
        section#contact .form-group textarea {
            padding: 20px;
        }

        section#contact .form-group input.form-control {
            height: auto;
        }

        section#contact .form-group textarea.form-control {
            height: 318px;
        }

        @media (max-width: 768px) {
            section#contact .form-group textarea.form-control {
                height: 260px;

            }
        }

        section#contact .form-control:focus {
            border-color: #F19722;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        section#contact ::-webkit-input-placeholder {
            font-weight: 700;
            color: #ced4da;
        }

        section#contact :-moz-placeholder {
            font-weight: 700;
            color: #ced4da;
        }

        section#contact ::-moz-placeholder {
            font-weight: 700;
            color: #ced4da;
        }

        section#contact :-ms-input-placeholder {
            font-weight: 700;
            color: #ced4da;
        }

        /* @media (min-width: 768px) {
            div#map {
                margin-top: 7%;
            }
        } */


        embed,
        object,
        iframe {
            max-width: 100%;
        }

        /* formularz rezerwacji wizyty */

        #portfolioModal26 form .form-group {
            margin-bottom: 25px;
        }

        #portfolioModal26 form .form-group input,
        #portfolioModal26 form .form-group textarea {
            padding: 20px;
        }

        #portfolioModal26 form .form-group input.form-control,
        #portfolioModal26 form .form-group select.form-control {
            height: 3.5em;
        }

        #portfolioModal26 form .form-group textarea.form-control {
            height: 10em;
        }

        #portfolioModal26 form .form-control:focus {
            border-color: #F19722;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        #portfolioModal26 form ::-webkit-input-placeholder {
            font-weight: 700;
            color: #ced4da;
        }

        #portfolioModal26 form :-moz-placeholder {
            font-weight: 700;
            color: #ced4da;
        }

        #portfolioModal26 form ::-moz-placeholder {
            font-weight: 700;
            color: #ced4da;
        }

        #portfolioModal26 form :-ms-input-placeholder {
            font-weight: 700;
            color: #ced4da;
        }


        select option {
            font-weight: 700;
            color: black;
        }

        a.open2 :hover {
            color: #C33325;
        }

        /* message form font */
        li.label-danger {
            font-size: .9rem;
        }

        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
            box-shadow: 0 0 0px 1000px white inset !important;
        }

        .scroll-to-top {
            z-index: 1054;
            right: 1rem;
            bottom: 1rem;
            display: none;
        }

        .scroll-to-top a {
            width: 3.5rem;
            height: 3.5rem;
            background-color: rgba(33, 37, 41, 0.5);
            line-height: 3.1rem;
        }

        input[type=checkbox] {
            transform: scale(1.5);
        }