.container:not(#nav-container) .row {
    max-width   : 980px;
    margin-left : auto;
    margin-right: auto;
}

/*<editor-fold desc="FAQ" defaultstate="collapsed">*/

#tips h3 {
    margin-bottom: 15px;

}




#tips .table-scroll {
    border: 1px solid #ebebeb
}

#tips .table-scroll-head {
    position        : relative;
    padding         : 20px;
    font-weight     : bold;
    background-color: #fff;
    cursor          : pointer;
    padding-right   : 50px;
}

#tips .table-scroll-head:hover {
    background-color: #f6f6f6
}

#tips .table-scroll:not(:last-child) {
    border-bottom: none;
}

#tips .table-scroll-head:after,
#tips .table-scroll-head:before {
    transition-property: transform;
    transition-duration: 0.4s;
    position           : absolute;
    content            : "";
    height             : 15px;
    width              : 2px;
    background-color   : #464646;
    top                : 50%;
    margin-top         : -8px;
    right              : 30px;

}

#tips .table-scroll-head:before {
    -webkit-transform: rotate(90deg);
    transform        : rotate(90deg);
}

#tips .table-scroll-head:after {
    -webkit-transform: rotate(180deg);
    transform        : rotate(180deg);
}

#tips .table-scroll-content {
    padding         : 10px;
    background-color: #f6f6f6;
    display         : none;
}

#tips .table-scroll-content>p {
    padding: 20px !important;
    margin : 0 !important;
}

#tips .table-scroll.scrolled .table-scroll-head {
    color: #E30000;
}

#tips .table-scroll.scrolled .table-scroll-head:before {
    -webkit-transform: rotate(135deg);
    transform        : rotate(135deg);
    background-color : #e30013;
}

#tips .table-scroll.scrolled .table-scroll-head:after {
    -webkit-transform: rotate(225deg);
    transform        : rotate(225deg);
    background-color : #e30013;
}

#tips .column {
    padding: 0;
}

a.arrow {
    z-index            : 4;
    top                : 75vh;
    left               : 90vw;
    position           : fixed;
    transition-property: opacity;
    transition-duration: 0.2s;

}

a#back-link {
    position: absolute;
    right   : 0;
    top     : -15px;
    color   : #ccc;
}

a#back-link:before {
    content     : url(../../icon/arrows-gray.svg);
    width       : 20px;
    height      : 27px;
    display     : inline-block;
    margin-right: 6px;
    transform   : rotate(180deg);
}

/*</editor-fold>*/
/*<editor-fold desc="benefits" defaultstate="collapsed">*/
.grid {
    position       : relative;
    width          : 100%;
    max-width      : 520px;
    margin-left    : auto;
    margin-right   : auto;
    justify-content: space-around;
}

.grid>* {
    width  : 33%;
    display: inline-block;
    padding: 15px 0;
}

.grid img {
    margin-left  : auto;
    margin-right : auto;
    height       : 154px;
    width        : 154px;
    display      : block;
    border-radius: 50%;
}

.grid p,
.grid strong {
    padding: 0 15px;
}

.grid>*:nth-child(2n+1) {
    background-color: #f6f6f6;
}

#filter {
    max-width      : 980px;
    margin         : auto;
    justify-content: center;
}

#filter>* {
    padding  : 0;
    flex-grow: 0;
}

#filter .btn {
    white-space  : nowrap;
    border-radius: 30px;
    font-size    : 16px;
    display      : inline-block;
    min-width    : 0px;
    width        : auto;
    padding      : 0px 30px;
    height       : 37px;
    margin       : 0 7px;
    line-height  : 2.5;
    transition   : all .2s ease-in-out;
}

#filter .btn:not(.red):hover {
    background: #d8d8d8;
}

/*<editor-fold desc="default" defaultstate="collapsed">*/
#employment-table {
    border-top   : 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}

#employment-table>.position {
    display      : block;
    /*    padding: 12px 22px;*/
    position     : relative;
    cursor       : pointer;
}

#employment-table span.icon {
    width : 18px;
    height: 22px;
}

#employment-table span.title {
    color: #e30013;
}

#employment-table span.title:after {
    content: '/';
    color  : #000;
    margin : 0 7px;
}

#employment-table>.position:after,
#employment-table>.position:before {
    content         : '';
    right           : 30px;
    position        : absolute;
    display         : block;
    height          : 14px;
    width           : 2.5px;
    background-color: #c3c3c3;
}

#employment-table>.position:after {
    transform: rotate(45deg);
    top      : 19px
}

.position:hover {
    border-radius: 20px;
    background   : #e30013
}

.position>a {
    width  : 100%;
    height : 100%;
    padding: 12px 22px;
    display: block
}

#employment-table>.position:before {
    transform: rotate(-45deg);
    top      : 10px
}

#employment-table>.position:hover,
.position:hover .title,
.position:hover .title:after {
    color: #fff !important;
}

.position:hover .title {
    font-weight: bold;
}

#employment-table>.position:hover:after {
    content        : 'detail nabídky';
    text-decoration: underline;
    transform      : none;
    right          : 40px;
    width          : auto;
    background     : none;
}

#employment-table>.position:hover:before,
#employment-table>.position:hover .icon {
    display: none;
}

/*</editor-fold>*/
/*<editor-fold desc="form" defaultstate="collapsed">*/

/*</editor-fold>*/
iframe {
    width    : 100%;
    max-width: 980px;
}

.confirm {
    display            : none;
    background-image   : url(/assets/desert.jpg);
    background-size    : 30% auto;
    background-position: 20px calc(100% - 20px);
    height             : 300px;
    width              : 500px;
    position           : fixed;
    top                : calc(50% - 150px);
    left               : calc(50% - 250px);
    z-index            : 999;
    background-color   : #fff;
    background-repeat  : no-repeat;
    box-shadow         : 0px 0px 7px #707070 inset;
    padding            : 25px 20px;
}

.confirm>.cross {
    top  : 10px;
    right: 10px;
}

.confirm>.cross:after,
.confirm>.cross:before {
    height          : 15px;
    background-color: #e30013;
}

.confirm .btn {
    position   : absolute;
    bottom     : 30px;
    right      : 10px;
    font-weight: bold;
}

.confirm>p {
    margin-top: 10px;
}

.confirm>strong {
    font-size: 15px;
}

#en-warn {
    position  : fixed;
    left      : calc(50% - 235px);
    top       : calc(50% - 150px);
    width     : 470px;
    background: #fff;
    z-index   : 100;
    border    : 1px solid #e9e9e9;
    padding   : 20px;
    z-index   : 11;
    display   : none;
}

#en-warn>*:not(.cross) {
    margin-top: 20px;
}

#shadow {
    position  : fixed;
    height    : 100vh;
    width     : 100vw;
    display   : none;
    z-index   : 10;
    background: black;
    opacity   : 0.3;
    top       : 0;
    left      : 0;
}

#en-warn>a:not(.btn) {
    text-decoration: underline;
    cursor         : pointer;
}

#en-warn .cross {
    width   : 7px;
    height  : 7px;
    position: absolute;
    top     : 14px;
    right   : 14px;
    cursor  : pointer;
}

#en-warn .cross:before,
#en-warn .cross:after {
    height    : 15px;
    background: #e30013;
}

#en-warn .btn {
    display      : inline-block;
    line-height  : 3.3;
    width        : 210px;
    margin-left  : 30px;
    padding      : 0 !important;
    font-weight  : 800;
    height       : 40px;
    border-radius: 30px;
}

#introduction .column:nth-child(1) {
    line-height: 1.2;
    flex-grow  : 1.3;
}

#introduction iframe {
    width  : 70%;
    display: block;
    height : 300px;
}

@media(max-width: 900px) {
    #filter .btn {
        padding: 1px 7px;
        margin : 0 3px;
    }


    #tips h3 {
        padding: 0 1rem;

    }
}

@media(max-width: 650px) {
    span.location {
        display: block;
    }

    .employment-row>span.location::before {
        margin : 0 !important;
        content: '' !important;
    }

    .employment-row>a.arrow {
        left: calc(100% - 30px);
    }

    .employment-row {
        margin-top  : 5px;
        padding     : 3px 15px !important;
        padding-left: 30px !important;
    }

    .employment-row:hover::before {
        top: 14px !important;
    }

    #filters-container {
        margin-bottom: 0;
    }

    #filters-container+.container {
        margin-top: -30px;
    }

    #filter {
        position  : fixed;
        bottom    : 0;
        left      : 0;
        background: #bc0000;
        z-index   : 5;
        width     : 100%;
        height    : 50px;
        padding   : 0 0px;
    }

    #filter .btn {
        min-width    : 100px;
        padding      : 10px 0;
        margin       : 0;
        font-size    : 14px;
        height       : 100%;
        border-radius: 30px;
        color        : #fff;
    }

    #filter .btn:first-child {
        padding: 10px 13px;
    }

    #filter .btn:hover {
        background: #e30013 !important;
    }

    #filter .column {
        padding: 0;
    }

    #filter .column:nth-child(1) {
        display: none;
    }

    #introduction.row {
        display: block;
    }

    #introduction.row video,
    #introduction.row iframe {
        max-width: none;
        min-width: 100%;
    }

    #en-warn {
        width: 100%;
        left : 0;
    }

    #en-warn .btn {
        display: block;
        margin : auto;
    }
}

#detail {
    margin-top: -30px;
}

@media(max-width: 650px) {
    div#filters-container {
        position  : fixed;
        bottom    : 0;
        left      : 0;
        background: #bc0000;
        z-index   : 5;
        width     : 100%;
        //height    : 50px;
        padding   : 0 0px;
    }
}