/* -- start setup -- */
/* 
font-family: 'Barlow Condensed', sans-serif;
font-family: 'Roboto', sans-serif; 
*/

* {
    font-family: 'Roboto', Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;
    font-size: 16px;
    /*margin: 0;
    border: none;
    padding: 0; */
    color: #788D98;
}

body {
    background-color: White;
}

@media (min-width: 1280px) {
    .container {
        max-width: 1210px;
    }
}

h2,
h3,
.topMenu li a,
.title,
.headerTitle,
.headerTitle p,
.headerTitle p span,
.headerTitle p strong,
.button,
.title,
.filtr a,
.filtrBoxCategory,
.filtrBoxText,
.procItemTitle,
.footerColumTitle,
.referenceCarouselTitle,
.contactBoxTitle,
.continueTitle,
.continueTitle strong,
.referenceName,
.obory a,
.middleTitle,
#uspesne_odeslani,
.path,
.path a,
.imgTitle {
    font-family: 'Barlow Condensed', sans-serif;
}


.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: rgb(0, 173, 240);
    background-color: #00ADF0;
}

.relative {
    position: relative;
}

.mt10 {
    margin-top: 10 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.header {
    background-image: url(../pcs/pcs_layout/bg-top.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 868px;
}

@media (min-width: 1600px) {
    .header {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

.navBarLine {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #7d909a;
}

/*.navLine {}*/

.borderBottom {
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 100%;
    border-bottom: 1px solid #8fa3af;
}

.topNavbarWh .borderBottom {
    display: none;
}


@media only screen and (min-width : 992px) {
    .fixed-top {
        background: rgba(255, 255, 255, 0) !important;
    }

    .topNavbarWh.fixed-top {
        background: rgba(255, 255, 255, 0.95) !important;
        -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.09);
        transition: all 0.5s ease;
        border-bottom: 1px solid #dadada;

        /*position:absolute!important;*/
    }

    .topMenu li a {
        padding: 0;
        text-transform: uppercase;
        color: White !important;
    }

    .topNavbarWh .topMenu li a {
        color: #3C5969 !important;
    }

}

@media (min-width: 1200px) {
    .topMenu {
        margin-left: 50px;
    }
}

@media (min-width: 1600px) {
    .topMenu {
        margin-left: 100px;
    }
}

.topNavbarWh {
    background-color: White !important;
}

#topLogo {
    background-image: url(../pcs/pcs_layout/logo-blue.png);
    background-image: url(../pcs/pcs_layout/2025-inovatiq-logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 170px;
    height: 45px;
}

@media only screen and (min-width : 992px) {
    #topLogo {
        /*background-image: url(../pcs/pcs_layout/logo-white.svg);*/
        background-image: url(../pcs/pcs_layout/logo-white.png);
        background-image: url(../pcs/pcs_layout/2025-inovatiq-logo-white.svg);
    }
}

.topNavbarWh #topLogo {
    /*background-image: url(../pcs/pcs_layout/logo-blue.svg);*/
    background-image: url(../pcs/pcs_layout/logo-blue.png);
    background-image: url(../pcs/pcs_layout/2025-inovatiq-logo.svg);
}

.dropdown-menu {
    margin-top: -2px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-item:hover>.dropdown-menu {
    display: block;
}

@media only screen and (max-width : 991px) {
    .dropdown-menu {
        display: block !important;
    }
}

@media only screen and (max-width : 991px) {
    .nav-link {
        padding-top:0; !important;
        padding-bottom:0; !important;
    }
}



.navbar-nav .nav-link {
    display: inline-block;
}

.ml-auto {
    display: inline-block !important;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.topNavbarWh .topMenu li .dropdown-menu a {
    color: White !important;
}

.dropdown-menu {
    padding: 10px 0;
    background-color: #55BBF5;
}

.topMenu .dropdown-menu a {
    padding: 0 20px 0 20px;
    color: White;
}

.topMenu .dropdown-menu a:HOVER {
    background-color: #4aa3e9;
}

.langMenu {
    padding: 0;
}

@media only screen and (min-width : 992px) {
    .langMenu {
        border: 1px solid #7d909a;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        padding: 10px;
    }
}

.langMenu li,
.langMenu li a {
    list-style-type: none;
    float: left;
    width: 40px;
    text-align: left !important;
}

@media only screen and (min-width : 992px) {

    .langMenu li,
    .langMenu li a {
        text-align: center !important;
    }
}

.langMenu li.active a {
    color: #4aa3e9 !important;
}


/* header content */
.headerContent {
    padding-top: 100px;
    position: relative;
}

@media only screen and (min-width : 768px) {
    .headerContent {
        padding-top: 20%;
    }
}

@media only screen and (max-width : 768px) {
    .headerTitle {
        max-width: 300px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width : 768px) {
    .headerTitle {
        max-width: 550px !important;
    }
}

.headerTitle p {
    text-align: center;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-bottom: 20px;
    display: block !important;
}

.headerTitle p strong {
    color: #FFFFFF;
    letter-spacing: 0;
}

.headerTitle p,
.headerTitle p strong {
    font-size: 27px;
    line-height: 33px;
}

@media only screen and (min-width : 480px) {

    .headerTitle p,
    .headerTitle p strong {
        font-size: 30px;
        line-height: 40px;
    }
}

@media only screen and (min-width : 768px) {

    .headerTitle p {
        margin-bottom: 50px;
    }

    .headerTitle p,
    .headerTitle p strong {
        text-align: left;
        font-size: 49px;
        line-height: 54px;
    }
}

@media only screen and (min-width : 992px) {

    .headerTitle p,
    .headerTitle p strong {
        font-size: 57px;
        line-height: 63px;
    }
}

@media only screen and (min-width : 1200px) {

    .headerTitle p,
    .headerTitle p strong {
        font-size: 66px;
        line-height: 72px;
    }
}

.headerClaim {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;

    opacity: 0.8;
    color: #dae0e3;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 25px;
    margin-bottom: 30px;
    text-align: center;
}

@media only screen and (min-width : 768px) {
    .headerClaim {
        max-width: 566px;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 50px;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
    }
}

.button {
    border: 1px solid #55BBF5;
    display: block;
    text-align: center;
    color: White;
    height: 50px;
    line-height: 50px;
    width: 160px;
    border-radius: 25px;
    background-color: #55BBF5;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width : 768px) {
    .button {
        height: 60px;
        line-height: 60px;
        width: 200px;
        border-radius: 32px;
        background-color: #55BBF5;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        font-size: 18px;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width : 768px) {
    .headerButtons .button {
        float: left;
        margin-right: 20px;
    }
}

.buttonKontakt {
    background-color: transparent;
    box-sizing: border-box;
    border: 1px solid #a2b2ba;
    border-radius: 32px;
    display: none;
}

@media only screen and (min-width : 768px) {
    .buttonKontakt {
        display: block;
    }
}


.buttonContactBox {
    height: 54px !important;
    line-height: 50px !important;
    width: 210px;
    border: 2px solid #aaddfa;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}

.button:HOVER {
    color: White;
    text-decoration: none;
}

.carouselImg {
    width: 80% !important;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}


@media only screen and (min-width : 768px) {
    .carouselImg {
        width: auto;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

/*
@media (min-width: 992px) {
    .headerCarousel {
        position: absolute;
        top: 0px;
        right: 0;
        width: 513px;
    }
} */


.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
}

.owl-carousel .owl-nav .owl-prev {
    width: 50px;
    height: 50px;
    background-image: url(../pcs/pcs_layout/arrow-back.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition: all 0.5s ease 0s;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
}

.owl-carousel .owl-nav .owl-next {
    background-image: url(../pcs/pcs_layout/arrow-next.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 50px;
    height: 50px;
    transition: all 0.5s ease 0s;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
}

.owl-carousel .owl-nav .owl-prev:HOVER,
.owl-carousel .owl-nav .owl-next:HOVER {
    background-color: #f4f4f4 !important;
    opacity: 1 !important;
}

@media (min-width: 1200px) {
    .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 17px;
        left: -40px;
    }

    .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 17px;
        right: -40px;
    }
}


/* top */
.headerCarousel .owl-carousel .owl-nav .owl-prev,
.headerCarousel .owl-carousel .owl-nav .owl-next,
.headerCarousel .owl-carousel .owl-dot {
    width: 50px;
    height: 50px;
    background-color: #55BBF5 !important;
}

.headerCarousel .owl-carousel .owl-nav .owl-prev {
    width: 50px;
    height: 50px;
    background-color: #55BBF5 !important;
    background-image: url(../pcs/pcs_layout/left-white.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 21px 14px !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    transition: all 0.5s ease 0s;
}

.headerCarousel .owl-carousel .owl-nav .owl-next {
    background-image: url(../pcs/pcs_layout/right-white.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 21px 14px !important;
    width: 50px;
    height: 50px;
    background-color: #55BBF5 !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    transition: all 0.5s ease 0s;
}

.headerCarousel .owl-carousel .owl-nav .owl-prev:HOVER,
.headerCarousel .owl-carousel .owl-nav .owl-next:HOVER {
    background-color: #48a1e8 !important;
    opacity: 1 !important;
}

.headerCarousel .owl-carousel .owl-nav .owl-prev.disabled,
.headerCarousel .owl-carousel .owl-nav .owl-next.disabled {
    background-color: #dddddd !important;
    opacity: 1 !important;
}

@media (min-width: 992px) {
    .headerCarousel .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 450px;
        left: auto;
        right: 60px;
    }

    .headerCarousel .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 450px;
        right: 0px;
    }
}

@media (min-width: 1200px) {
    .headerCarousel .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 450px;
        left: auto;
        right: 10px;
    }

    .headerCarousel .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 450px;
        right: -50px;
    }
}

/* nahledy */
.imgThumbs .owl-carousel .owl-nav .owl-prev,
.imgThumbs .owl-carousel .owl-nav .owl-next,
.imgThumbs .owl-carousel .owl-nav .owl-prev:HOVER,
.imgThumbs .owl-carousel .owl-nav .owl-next:HOVER {
    background-color: transparent !important;
}

@media (min-width: 768px) {
    .imgThumbs .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 80px;
        left: 0;
    }

    .imgThumbs .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 80px;
        right: 0px;
    }
}

@media (min-width: 992px) {
    .imgThumbs .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 110px;
    }

    .imgThumbs .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 110px;
    }
}

@media (min-width: 1200px) {
    .imgThumbs .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 39px;
        left: -50px;
    }

    .imgThumbs .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 39px;
        right: -50px;
    }
}

/* hlavni obrazek */
#sync1.owl-carousel .owl-nav .owl-prev,
#sync1.owl-carousel .owl-nav .owl-next,
#sync1.owl-carousel .owl-nav .owl-prev:HOVER,
#sync1.owl-carousel .owl-nav .owl-next:HOVER {
    background-color: transparent !important;
}

@media (min-width: 768px) {
    #sync1.owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 130px;
        left: -50px;
    }

    #sync1.owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 130px;
        right: -50px;
    }
}

@media (min-width: 992px) {
    #sync1.owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 200px;
    }

    #sync1.owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 200px;
    }
}

@media (min-width: 1200px) {
    #sync1.owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 260px;
        left: -50px;
    }

    #sync1.owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 260px;
        right: -50px;
    }
}





.contentGrey {
    background-color: #F4F4F4;
}

.content {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 480px) {
    .content {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .content {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .content {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 1600px) {
    .content {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

h2 {
    color: #3C5969;
    font-weight: 500;
    letter-spacing: 0;
}

h2 {
    font-size: 30px;
    line-height: 42px;
}

@media only screen and (min-width : 480px) {
    h2 {
        font-size: 34px;
        line-height: 45px;
    }
}

@media only screen and (min-width : 768px) {
    h2 {
        font-size: 38px;
        line-height: 48px;
    }
}

@media only screen and (min-width : 992px) {
    h2 {
        font-size: 42px;
        line-height: 51px;
    }
}

@media only screen and (min-width : 1200px) {
    h2 {
        font-size: 44px;
        line-height: 55px;
    }
}

h3 {
    color: #3C5969;
    font-weight: 500;
    letter-spacing: 0;
}

h3 {
    font-size: 18px;
    line-height: 26px;
}

@media only screen and (min-width : 480px) {
    h3 {
        font-size: 20px;
        line-height: 31px;
    }
}

@media only screen and (min-width : 768px) {
    h3 {
        font-size: 22px;
        line-height: 36px;
    }
}

@media only screen and (min-width : 992px) {
    h3 {
        font-size: 24px;
        line-height: 41px;
    }
}

@media only screen and (min-width : 1200px) {
    h3 {
        font-size: 24px;
        line-height: 47px;
    }
}

.text {
    letter-spacing: 0;
    line-height: 24px;
}

.introText {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    line-height: 26px;
}

@media only screen and (min-width : 992px) {
    .introText {
        max-width: 970px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
}


.itemList,
.detailContent ul {
    padding-left: 0;
    margin-bottom: 20px;
    list-style-type: none;
}

.itemList li,
.detailContent li {
    padding-left: 30px;
    background-image: url(../pcs/pcs_layout/check.svg);
    background-position: 0 5px;
    background-repeat: no-repeat;
    line-height: 30px;
}


.detailContent .itemsNabizime li {
    background-image: url(../pcs/pcs_layout/check.svg);
}


.detailContent .itemsZiskate li {
    background-image: url(../pcs/pcs_layout/hvezda.svg);
}

.detailContent .itemsPriklady li {
    background-image: url(../pcs/pcs_layout/sipka.svg);
}

.title {
    color: #3C5969;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

@media only screen and (min-width : 480px) {
    .title {
        font-size: 34px;
        line-height: 48px;
    }
}

@media only screen and (min-width : 768px) {
    .title {
        font-size: 38px;
        line-height: 56px;
    }
}

@media only screen and (min-width : 992px) {
    .title {
        font-size: 42px;
        line-height: 64px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width : 1200px) {
    .title {
        font-size: 44px;
        line-height: 72px;
    }
}


.filterButton {
    border: none;
}

.filtr {
    margin-bottom: 50px;
}

.filtr button {
    color: #55BBF5;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-left: 1px;
    margin-right: 1px;
    background-color: transparent;
    transition: all 0.5s ease;
    outline: none;
    width: 40%;
    padding-left: 5% !important;
    padding-right: 5% !important;
}

@media (min-width: 768px) {
    .filtr button {
        line-height: 19px;
        width: auto;
        font-size: 16px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


.filtr button:HOVER {
    text-decoration: none;
}

.filtr button.is-checked {
    border-bottom: 5px solid #55BBF5;
    color: #3c5969;
}

.filtrBox {
    max-width: 280px;
    margin-right: auto;
    margin-left: auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 90%;
    min-height: 200px;
    position: relative;
    border: 1px solid #e1e1e1;
    margin-bottom: 15px;
    transition: all 0.5s ease;
}

@media (min-width: 992px) {
    .filtrBox {
        min-height: 280px;
        margin-bottom: 30px;
    }

}

.filtrBox span {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 3px;
    width: 76px;
    background-color: #55BBF5;
    transition: all 0.5s ease;
}

.filtrBox1 {
    background-image: url(../pcs/pcs_produkty/produkt1.png);
}

.filtrBoxDesc {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
}

@media (min-width: 992px) {
    .filtrBoxDesc {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: auto;
    }
}

.filtrBoxCategory {
    line-height: 25px;
    color: #3C5969;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .filtrBoxCategory {
        line-height: 30px;
        font-size: 14px;
    }
}


.filtrBoxText {
    color: #55BBF5;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    transition: all 0.5s ease;
}

@media (min-width: 768px) {
    .filtrBoxText {
        font-size: 24px;
    }
}

.filtrBoxLink:HOVER .filtrBox {
    background-color: #55BBF5;
}

.filtrBoxLink:HOVER .filtrBox span {
    background-color: #3C5969;
}

.filtrBoxLink:HOVER .filtrBox .filtrBoxText {
    color: White;
}

.odd {
    height: 2px;
    background-color: #F4F4F4;
}

.procItem {
    float: right;
    height: 56px;
    width: 56px;
    background-color: #F4F4F4;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}

@media (min-width: 768px) {
    .procItem {
        float: none;
        height: 76px;
        width: 76px;
        -webkit-border-radius: 38px;
        -moz-border-radius: 38px;
        border-radius: 38px;
        background-size: auto;
    }

}

.procItem1 {
    background-image: url(../pcs/pcs_layout/icon-1.svg);
}

.procItem2 {
    background-image: url(../pcs/pcs_layout/icon-2.svg);
}

.procItem3 {
    background-image: url(../pcs/pcs_layout/icon-3.svg);
}

.procItem4 {
    background-image: url(../pcs/pcs_layout/icon-4.svg);
}

.procItem5 {
    background-image: url(../pcs/pcs_layout/icon-5.svg);
}

.procItem6 {
    background-image: url(../pcs/pcs_layout/icon-6.svg);
}

.procItemTitle {
    color: #3C5969;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
}

@media (min-width: 768px) {
    .procItemTitle {
        font-size: 20px;
        line-height: 47px;
    }
}

@media (min-width: 1200px) {
    .procItemTitle {
        font-size: 24px;
        line-height: 47px;
    }
}

.procItemText {
    color: #788D98;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .procItemText {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }

}

/*reference  */
.referenceCarouselTitle {
    color: #3C5969;
    font-weight: light;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 36px;
}

@media (min-width: 768px) {
    .referenceCarouselTitle {
        font-size: 30px;
        line-height: 40px;
    }

}

.item .referenceLogo {
    padding-left: 15px;
    padding-right: 15px;
}

.carouselContainer .referenceLogo img {
    transition: all 0.5s ease;
    filter: grayscale(100%);
}

.carouselContainer .referenceLogo img:HOVER {
    filter: none;
}


.contactBox {
    padding: 30px;
    z-index: 999;
    position: absolute;
    top: -350px;
    width: 90%;
    left: 5%;
    background-color: #55BBF5;
    background-image: url(../pcs/pcs_layout/q.png);
    background-position: bottom right;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .contactBox {
        left: 0;
        padding: 30px 0 30px 30px;
        /*min-width: 480px;*/
        max-width: 480px;
    }
}

.contactBoxContact {
    top: -630px;
}

.contactBoxTitle {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 35px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .contactBoxTitle {
        font-size: 40px;
        line-height: 45px;
    }
}

.contactBoxText {
    color: #185584;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}

.contactBoxText a,
.contactBoxTelefon {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 0;
    line-height: 34px;
}

.contactBoxTelefon strong {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
}

.contactBoxText span {
    color: #002C57;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    font-weight: lighter;
}


.contactBox span.topLine {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 3px;
    width: 76px;
    background-color: #3C5969;
}

.formTitle {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

@media (min-width: 992px) {
    .formBox {
        width: 665px;
        margin-right: auto;
        margin-left: auto;
    }
}

.poptavkaForm label {
    line-height: 25px;
    color: #788D98;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    /*  margin-top: 15px;*/
}

.poptavkaForm label span {
    line-height: 30px;
    color: #55BBF5;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
}

.poptavkaForm input,
.poptavkaForm textarea {
    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    background-color: #FFFFFF;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.07);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 0;
    margin-bottom: 15px;
}

.poptavkaForm textarea {
    height: 100px;
}

.custom-file-label::after {
    background-color: #55BBF5 !important;
    color: White;
}

.poptavkaForm .formSubmit {
    border: 1px solid #55BBF5;
    display: block;
    text-align: center;
    color: White;
    height: 60px;
    line-height: 60px;
    padding: 0;
    width: 200px;
    border-radius: 32px;
    background-color: #55BBF5;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

.prilohaSelect2,
.prilohaSelect3 {
    display: none;
}

#uspesne_odeslani {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 26px;
    color: #55BBF5;
}

/* continue */
.headerContinue {
    padding-top: 160px;
    min-height: 350px;
    background-image: url(../pcs/pcs_layout/bg-top-continue.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 350px;
}

@media (min-width: 1600px) {
    .headerContinue {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

.path,
.path a {
    color: white;
    /*text-transform: uppercase;*/
    font-size: 15px;
}

.continueTitle {
    color: #FFFFFF;
    letter-spacing: 0;
}

.continueTitle strong {
    color: #FFFFFF;
    letter-spacing: 0;
}

.continueTitle,
.continueTitle strong {
    font-size: 33px;
    line-height: 36px;
}

@media only screen and (min-width : 480px) {

    .continueTitle,
    .continueTitle strong {
        font-size: 41px;
        line-height: 45px;
    }
}

@media only screen and (min-width : 768px) {

    .continueTitle,
    .continueTitle strong {
        font-size: 49px;
        line-height: 54px;
    }
}

@media only screen and (min-width : 992px) {

    .continueTitle,
    .continueTitle strong {
        font-size: 57px;
        line-height: 63px;
    }
}

@media only screen and (min-width : 1200px) {

    .continueTitle,
    .continueTitle strong {
        font-size: 66px;
        line-height: 72px;
    }
}


/* refereence */
.referenceContent {
    margin-top: -50px;
}

.referenceBox {
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
    background-color: #FFFFFF;
    position: relative;
    margin-bottom: 30px;
}

@media only screen and (min-width : 992px) {
    .referenceBox {
        min-height: 565px;
    }
}

.referenceBox span {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 3px;
    width: 76px;
    background-color: #55BBF5;
}

.referenceName {
    color: #3C5969;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 45px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .referenceName {
        font-size: 30px;
        line-height: 55px;
    }
}

.referenceText {
    color: #788D98;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .referenceText {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}

.referenceText strong {
    color: #788D98;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

@media (min-width: 768px) {
    .referenceText strong {
        font-size: 16px;
        line-height: 24px;
    }
}

.referenceLink {
    color: #55BBF5;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
}

@media (min-width: 768px) {
    .referenceLink {
        font-size: 16px;
        line-height: 24px;
    }
}


/* footer */
.footer {
    background-color: #486778;
}

.footerColumTitle {
    margin-top: 20px;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.footerColumTitle a {
    color: #55BBF5;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
}

@media (min-width: 768px) {
    .footerColumTitle {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .footerColumTitle a {
        font-size: 24px;
        line-height: 29px;
    }
}

.footerColumLinks {
    padding-left: 0;
}

.footerColumLinks li {
    list-style-type: none;
}

.footerColumLinks a,
.footerColumText {
    color: #C4DCE9;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
}

.footerColumText {
    margin-bottom: 20px;
}


.footerColumText a,
.footerColumText strong {
    color: #C4DCE9;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: bold;
}

.footerSocialBox {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 575px) {
    .footerSocialBox {
        margin-left: 0;
        margin-right: 0;
    }
}

.social {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    height: 36px;
    width: 36px;
    background-color: #55BBF5;
    margin-left: 5px;
    margin-right: 5px;
}

.social:HOVER {
    background-color: #3c5969;
}

.socialFacebook {
    background-image: url(../pcs/pcs_layout/facebook-icon.svg);
}

@media (min-width: 992px) {
    .socialFacebook {
        margin-left: 0px;
    }
}

.socialTwitter {
    background-image: url(../pcs/pcs_layout/twitter-icon.svg);
}

.socialYouTube {
    background-image: url(../pcs/pcs_layout/youtube-icon.svg);
}

.socialInstagram {
    background-image: url(../pcs/pcs_layout/instagram-icon.svg);
}

.socialLinked {
    background-image: url(../pcs/pcs_layout/linkedin-icon.png);
}


/* detail */
.detailImg {
    border: 1px solid #E1E1E1;
    position: relative;
    background-color: White;
}

.detailImg span.topImgLine {
    position: absolute;
    top: -1px;
    left: -1px;
    height: 4px;
    width: 146px;
    background-color: #55BBF5;
}

.zoomImg {
    z-index: 999;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: block;
    background-image: url(../pcs/pcs_layout/zoom-in.svg);
    background-position: top left;
    background-repeat: no-repeat;
}

.videoIcon {
    z-index: 999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    display: block;
    background-image: url(../pcs/pcs_layout/play-icon.svg);
    background-position: top left;
    background-repeat: no-repeat;

}

@media (min-width: 992px) {
    .detailImg {
        margin-top: -100px;
    }
}

.imgTitle {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background-color: #55BBF5;
    color: White;
    padding: 2px 7px;
    max-width: 80%;
}

@media only screen and (min-width : 768px) {
    .imgTitle {
        max-width: 500px;
    }
}


.imgThumb {
    border: 1px solid #D8D8D8;
    background-color: #F4F4F4;
}

.current .imgThumb {
    border: 1px solid #3C5969;
    background-color: #F4F4F4;
}

.imgThumb img {
    display: block;
}

.obory a {
    text-transform: uppercase;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 40px;
    height: 40px;
    color: #55BBF5;
    letter-spacing: 0;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #55BBF5;
    background-color: #FFFFFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-weight: 500;
}

.obory a:HOVER {
    text-decoration: none;
    color: White;
    background-color: #55BBF5;
}

.middleTitle {
    color: #3C5969;
    font-weight: 500;
    letter-spacing: 0;
}

.middleTitle {
    font-size: 22px;
    line-height: 38px;
}

@media only screen and (min-width : 480px) {
    .middleTitle {
        font-size: 24px;
        line-height: 42px;
    }
}

@media only screen and (min-width : 768px) {
    .middleTitle {
        font-size: 26px;
        line-height: 46px;
    }
}

@media only screen and (min-width : 992px) {
    .middleTitle {
        font-size: 28px;
        line-height: 50px;
    }
}

@media only screen and (min-width : 1200px) {
    .middleTitle {
        font-size: 30px;
        line-height: 55px;
    }
}

.fancybox-toolbar {display:none;}

/* kontakt */

@media only screen and (min-width : 768px) {
.contactImage img {float:right;
margin-right: 20px;}
}