:root {
    --mobile-menu-height: 64px;
}

/*only for dev*/
/*#notice {display: none!important;}*/

/* Mobile Header */
#introduce_wrapp #introduce .text .status-mobile {
    display: none;
}

.mobile-breadcrumbs {
    display: none;
}

@media (max-width: 768px) {
    #introduce_wrapp {
        margin-top: -18px;
    }

    #introduce_wrapp,
    #introduce_wrapp #introduce.freelancers,
    #introduce_wrapp #introduce.freelanceri {
        display: flex;
        flex-flow: column;
        justify-content: center;
        padding: 0;
    }

    #introduce_wrapp #introduce.freelancers,
    #introduce_wrapp #introduce.freelanceri {
        padding-top: var(--mobile-menu-height);
    }

    #introduce_wrapp:not(:empty),
    #introduce_wrapp:not(:empty) #introduce.freelancers,
    #introduce_wrapp:not(:empty) #introduce.freelanceri {
        min-height: calc(200px + var(--mobile-menu-height)) !important;
        height: calc(200px + var(--mobile-menu-height)) !important;
    }

    #introduce_wrapp #introduce .text {
        margin: 0 !important;
    }

    #introduce_wrapp #introduce .text h1 {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 15px;
    }

    #introduce_wrapp #introduce .text p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 0;
        padding-right: 25vw;
    }

    #introduce_wrapp #introduce .text .status {
        display: none;
    }

    #introduce_wrapp #introduce .text .status-mobile {
        display: flex;
        align-items: center;
        justify-content: start;
        height: 34px;
        line-height: 34px;
    }

    #introduce_wrapp #introduce .text .status-mobile .icon {
        width: 34px;
        height: 34px;
        text-align: center;
    }

    #introduce_wrapp #introduce .text .status-mobile.open .icon {
        background-color: #A4C61F;
    }

    #introduce_wrapp #introduce .text .status-mobile.closed .icon {
        background-color: #C92060;
    }

    #introduce_wrapp #introduce .text .status-mobile.newitem .icon {
        background-color: #964D0B;
    }

    #introduce_wrapp #introduce .text .status-mobile .text {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        text-transform: uppercase;
        background-color: #3685A4;
        height: 34px;
        padding: 0 12px;
    }

    #introduce_wrapp #introduce .text p:last-of-type::after {
        display: none;
    }

    #introduce_wrapp #introduce.freelancers,
    #introduce_wrapp #introduce.freelanceri {
        background-image: none;
        background-color: #39B3E4;
    }

    .single-format-standard #introduce_wrapp #introduce.freelancers,
    .single-format-standard #introduce_wrapp #introduce.freelanceri,
    .blog #introduce_wrapp #introduce.freelancers,
    .blog #introduce_wrapp #introduce.freelanceri {
        background-image: none;
        background-color: #398BC7;
    }

    #introduce_wrapp #introduce.freelancers::after,
    #introduce_wrapp #introduce.freelanceri::after {
        background-image: url("img/mobile-header-titan.png") !important;
        height: 144px;
        width: auto;
        bottom: -25px;
        right: 20px;
        background-size: auto 144px;
    }

    .firmy-template-default .breadcrumbs,
    .freelanceri-template-default .breadcrumbs,
    .freelancers-template-default .breadcrumbs,
    .single-format-standard .breadcrumbs,
    .blog .breadcrumbs {
        /*display: none;*/
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 12.92px;
        margin-bottom: 0;
    }

    .firmy-template-default .breadcrumbs p,
    .freelanceri-template-default .breadcrumbs p,
    .freelancers-template-default .breadcrumbs p,
    .single-format-standard .breadcrumbs p,
    .blog .breadcrumbs p {
        padding: 0;
        margin: 0;
    }

    .mobile-breadcrumbs+.breadcrumbs {
        display: none;
    }

    .mobile-breadcrumbs {
        display: block;
        background-color: #F1F6F9;
    }

    .mobile-breadcrumbs .mobile-breadcrumbs-back {
        display: flex;
        flex-flow: row;
        justify-content: start;
        align-items: center;
        height: 36px;
    }

    .mobile-breadcrumbs .mobile-breadcrumbs-back svg {
        margin-right: 8px;
   }

    .mobile-breadcrumbs .mobile-breadcrumbs-back a {
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 19px;
        text-align: left;
        color: #394867;
        text-decoration: none;
        width: 100%;
   }
}
/* End Mobile Header */

/* Mobile News */
/* Needed modify WP Bakery Template for Novinky (add read more section with extra class read-more && add extra class for post-excerpt */
.home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .post-excerpt {

}
.home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .read-more {
    display: none;
}

@media (max-width: 768px) {
    .home .vc_custom_1599678365535 {
        background-image: none !important;
        background-color: #39B3E4;
    }

    .home #novinky > .wpb_column > .vc_column-inner {
        padding-top: 55px;
        padding-bottom: 35px;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper {
        display: flex;
        flex-flow: column;
    }

    .home .vc_custom_1595157796895 {
        padding-bottom: 0 !important;
    }

    .home .vc_custom_1595157796895 .vc_gitem-zone-a {
        background-color: #39B3E4;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(1) {
        order: 3;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(2) {
        order: 1;
        margin-bottom: 20px;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) {
        order: 2;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(1) .wpb_wrapper .wpb_content_element {
        margin-bottom: 0;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-top {
        top: 10px;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_custom_heading > * {
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px;
        letter-spacing: 0em;
        text-align: left;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-middle .vc_custom_heading > * {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .vc_custom_heading > * {
        font-family: Open Sans;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0em;
        text-align: left;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .post-excerpt {
        display: none;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .read-more {
        display: block;
        padding: 27px 15px 0 15px;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .read-more a {
        display: inline-block;
        position: relative;
        text-transform: uppercase;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .read-more a:before {
        content: '';
        width: 11px;
        height: 1.5px;
        background-color: #fff;
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-right: 5px;
    }

    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(3) .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .read-more a:after {
        content: "\e605";
        color: #fff;
        float: right;
        margin: 1px 0px 0 10px;
        font-family: 'icomoon';
        font-size: 13px;
    }

    .home #novinky .vc_grid-item-mini {
        border-bottom: 1px solid #3685A4;
    }

    .home #novinky .vc_grid-item-mini:hover {
        border-bottom: 1px solid #3685A4;
        outline: none !important;
    }

    .home .vc_custom_1594984013149 {
        height: 140px;
        background-color: #39b3e4 !important;
    }

    .home #novinky .show-all a {
        position: relative;
        display: inline-block;
    }

    .home #novinky .show-all a::before {
        content: '';
        width: 13px;
        height: 2px;
        background-color: #fff;
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-right: 5px;
    }
}
@media (max-width: 575px) {
    .home .vc_custom_1599678365535 .wpb_wrapper > div:nth-child(2),
    .home #novinky h2 {
        padding-bottom: 0px;
    }
}
/* End Mobile News */

/* Mobile Menu */
.mobile-navigation {
    display: none;
}
.mobile-logo {
    display: none;
}
@media (max-width: 649px) {

    html.mobile-menu-is-visible,
    html.mobile-menu-is-visible body {
        overflow: hidden;
    }

    body .menu-wrapper {
        height: 64px;
    }

    body header#masthead .site-branding,
    body header#masthead.scrolled .site-branding {
        height: 64px;
        margin: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    body header#masthead {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 10px;
    }

    body #page {
        padding-top: 18px;
    }

    body.single-freelanceri #nav_menu-4,
    body.single-firmy #nav_menu-5,
    body.single-freelanceri #nav_menu-2,
    body.single-firmy #nav_menu-3 {
        display: none;
    }

    .main-navigation {
        display: none;
    }

    .mobile-navigation {
        display: block;
    }

    .desktop-logo {
        display: none;
    }

    .mobile-logo {
        display: block;
    }

    .mobile-navigation-toggle {
        display: block;
        position: absolute;
        top: 27px;
        right: 20px;
        background-color: transparent;
        width: 20px;
        height: 11px;
        border: none;
        border-radius: 0;
        outline: none !important;
        cursor: pointer;
        z-index: 100;
        padding: 0;
    }

    .mobile-navigation-toggle .hamburger-bar {
        position: absolute;
        width: 20px;
        height: 2px;
        background-color: #53C1EB;
        left: 0px;
        transition: transform .25s ease, top .25s ease;
        border-radius: 3px;
    }

    .mobile-navigation-toggle #bar-1 {
        top: 0px;
    }

    .mobile-navigation-toggle #bar-2 {
        top: 5px;
    }

    .mobile-navigation-toggle #bar-3 {
        top: 10px;
    }

    .mobile-navigation.is-visible .mobile-navigation-toggle .hamburger-bar #bar-1 {
        transform: rotate(45deg);
        top: 7px;
    }

    .mobile-navigation.is-visible .mobile-navigation-toggle .hamburger-bar #bar-2 {
        transform: scaleX(0);
    }

    .mobile-navigation.is-visible .mobile-navigation-toggle .hamburger-bar #bar-3 {
        transform: rotate(-45deg);
        top: 7px;
    }

    .mobile-canvas-overlay {
        z-index: -1;
        opacity: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        background: rgba(59, 81, 89, 0.6);
        -webkit-transition: opacity 0.25s ease-in-out;
        -moz-transition: opacity 0.25s ease-in-out;
        -ms-transition: opacity 0.25s ease-in-out;
        -o-transition: opacity 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out;
    }

    .mobile-navigation.is-visible .mobile-canvas-overlay {
        opacity: 1;
        z-index: 900;
        width: 100vw;
        height: 100vh;
    }

    .mobile-canvas {
        z-index: -1;
        position: fixed;
        width: 282px;
        height: 100vh;
        background-color: #fff;
        top: 0;
        left: -282px;
        /*transform: translateX(-100%);
        -webkit-transform: translateX(-100%);*/
    }

    .mobile-navigation.is-visible .mobile-canvas {
        z-index: 1000;
        /*animation: slide-in 0.5s forwards;
        -webkit-animation: slide-in 0.5s forwards;*/
    }

    .mobile-navigation.is-closing .mobile-canvas {
        z-index: 1000;
        /*animation: slide-out 0.5s forwards;
        -webkit-animation: slide-out 0.5s forwards;*/
    }

    .mobile-canvas__inner {
        position: relative;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        justify-content: space-between;
        height: 100%;
        width: 100%;
    }

    @keyframes slide-in {
        100% { transform: translateX(0%); }
    }

    @-webkit-keyframes slide-in {
        100% { -webkit-transform: translateX(0%); }
    }

    @keyframes slide-out {
        0% { transform: translateX(0%); }
        100% { transform: translateX(-100%); }
    }

    @-webkit-keyframes slide-out {
        0% { -webkit-transform: translateX(0%); }
        100% { -webkit-transform: translateX(-100%); }
    }

    .mobile-canvas .mobile-canvas__header {
        height: 60px;
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
    }

    .mobile-canvas .mobile-canvas__logo {

    }

    .mobile-canvas .mobile-canvas__logo a {
        display: block;
        height: 36px;
        width: auto;
    }

    .mobile-canvas .mobile-canvas__logo a svg {

    }

    .mobile-canvas .mobile-canvas__close {

    }

    .mobile-canvas .mobile-canvas__close button {
        background-color: transparent;
        border: 0;
        outline: none;
        padding: 0;
    }

    .mobile-canvas .mobile-canvas__close button svg {

    }

    .mobile-canvas .mobile-canvas__nav {
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: column;
        align-items: flex-start;
        justify-content: center;
        height: auto;
        max-height: calc(100% - 41px - 60px - 40px);
        width: 100%;
        overflow: hidden;
        overflow-y: scroll;
    }

    .mobile-canvas .mobile-canvas__nav > div {
        width: 100%;
        height: 100%;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu {
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: column;
        width: 100%;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu--langs {
        margin-top: 20px;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li,
    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li > a {
        width: 100%;
    }

    /* needed add extra class mobile-menu-hidden to primary menu */
    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.mobile-menu-hidden {
        display: none;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-1000100 {
        display: none;
    }
/*
    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-1000100 > ul.dropdown-menu {
        display: block !important;
        background-color: #fff;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-1000100 > ul.dropdown-menu li {
        display: block !important;
        background-color: #fff;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-1000100 > ul.dropdown-menu li a {
        color: #3D5964;
        padding: 10px 0;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 27px;
        letter-spacing: 0em;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-1000100 > ul.dropdown-menu li a .wpml-cust-image-class {
        left: 0;
        margin-right: 18px;
        height: 15px;
    }
*/
    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li > a {
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: flex-start;
        padding: 10px 0;
        color: #3D5964;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 27px;
        letter-spacing: 0em;

    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li > a:before {
        margin: 0 16px;
        color: #3685A4;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-langs > a {
        padding-left: 15px;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-langs > a svg {
        width: 25px;
        margin-right: 15px;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-langs > ul li svg {
        width: 25px;
        margin-right: 9px;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-langs > ul li a {
        font-size: 18px;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li.menu-item-langs > a:before {
        display: none;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li > a.dropdown-toggle:after {
        position: absolute;
        right: 20px;
        transform: rotate(0deg);
        background-image: url('img/mobile-menu-arrow.svg');
        background-repeat: no-repeat;
        background-position: center center;
        border: 0;
        content: '';
        height: 11px;
        width: 11px;
        -webkit-transition: transform 0.25s ease-in-out;
        -moz-transition: transform 0.25s ease-in-out;
        -ms-transition: transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out;
    }

    .mobile-canvas .mobile-canvas__nav ul#primary-menu.menu > li > a.is-visible:after {
        transform: rotate(90deg);
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu {
        display: block;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        border-radius: 0;
        border: 0;
        background-color: #3685A4;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu li {
        padding: 0 16px;
        background-color: #3685A4;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu li:hover {
        background-color: #307691;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu li a {
        text-align: left;
        color: #fff;
        padding: 6px 0;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu li a span {
        color: #fff;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu li a:hover {
        background-color: transparent;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu li a:focus {
        background-color: transparent;
        color: #d9d9d9;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu li:not(:last-child) a {
        border-bottom: 1px solid transparent;
    }

    header#masthead .mobile-canvas .mobile-canvas__nav ul#primary-menu li ul.dropdown-menu.is-visible {
        display: block;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: initial !important;
    }

    .mobile-canvas .mobile-canvas__search {
        height: 41px;
        width: 100%;
    }

    .mobile-canvas .mobile-canvas__search form {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .mobile-canvas .mobile-canvas__search form label {
        width: 100%;
        height: 100%;
    }

    .mobile-canvas .mobile-canvas__search form label span {
        position: absolute !important;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        color: #fff;
        display: block;
        clip: inherit;
        clip-path: inherit;
        z-index: 10;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: 0em;
        text-align: left;
        line-height: 43px;
        padding-left: 50px;
    }

    .mobile-canvas .mobile-canvas__search form input[type="search"] {
        height: 100%;
        width: 100%;
        padding-right: 40px;
        border: 1px solid #3685A4;
        color: #3685A4;
        position: relative;
    }

    .mobile-canvas .mobile-canvas__search form input[type="search"] {
        height: 100%;
        width: 100%;
        padding-right: 40px;
        border: 1px solid #3685A4;
        color: #3685A4;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: 0em;
    }

    .mobile-canvas .mobile-canvas__search form input[type="submit"] {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        width: 100%;
        background-color: #3685A4;
        background-image: url('img/mobile-search-icon.svg');
        background-repeat: no-repeat;
        background-position: 16px center;
        text-indent: 999999px;
        font-size: 0;
        color: transparent;
        border: 0;
        outline: none;
    }

    .mobile-canvas .mobile-canvas__search.is-focused form label span {
        z-index: -1;
    }

    .mobile-canvas .mobile-canvas__search.is-focused form input[type="submit"] {
        left: auto;
        right: 0;
        height: 40px;
        width: 40px;
        background-position: center center;
    }
}
/* End Mobile Menu */

/* Blog Fix Responsive */
@media (min-width: 576px) and (max-width: 993px) {
    .news-block .img img {

    }
    .news-block p.date {
        padding-top: 10px;
        font-size: 10px;
    }
    .news-block h2 {
        font-size: 12px;
        line-height: 14px;
    }
    .news-block .excerpt {
        max-height: 80px !important;
        font-size: 12px;
        line-height: 15px;
    }
    .news-block .excerpt p {

    }
}
@media (max-width: 420px) {
    .news-block .img img {

    }
    .news-block p.date {
        font-size: 13px;
    }
    .news-block h2 {
        font-size: 19px;
        line-height: 24px;
    }
    .news-block .excerpt {
        font-size: 15px;
        line-height: 21px;
    }
    .news-block .excerpt p {

    }
}
@media (max-width: 380px) {
    .news-block .img img {

    }
    .news-block p.date {
        font-size: 12px;
    }
    .news-block h2 {
        font-size: 17px;
        line-height: 22px;
    }
    .news-block .excerpt {
        font-size: 13px;
        line-height: 20px;
    }
    .news-block .excerpt p {

    }
}
/* End Blog Fix Responsive */