@charset 'UTF-8';

@import 'base/vars';
@import 'base/fonts';
@import 'base/placeholder-selectors';
@import 'base/mixins';

*           { padding: 0; margin: 0; outline: none; }
img,
fieldset    { border: 0; }
ul          { list-style: none; }
table       { border-spacing: 0; }

html        {
    body        { overflow: visible; }
}

body        { color: $color; font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; line-height: 1.2; overflow: auto;
    @include min-breakpoint(small) {
        font-size: 16px; line-height: 1.3;
    }
}

input,
button,
select,
textarea    { color: $color; font: 16px/1.3 'PT Sans Narrow', sans-serif; }


.l-footer           { clear: both; border-top: 1px solid #ababab; padding: 10px 0 20px 17px; }
.c-nav-footer       { margin: 0; padding: 0; list-style: none; }
.c-nav-footer + .c-nav-footer   { margin-top: 20px; }
.c-nav-footer li    { display: inline-block; padding: 0 5px; }
.c-nav-footer a     { display: block; padding: 0 3px; text-decoration: none; color: #4b4d4f; border: 1px solid #fff; }
.c-nav-footer a:hover       { border-color: #ababab; }
.c-nav-footer .act,
.c-nav-footer .act:hover    { border-color: #4b4d4f; }

@media (min-width: 768px) {
    .l-footer   { display: none; }
}

#main   { @extend %clearfix; margin: 0 auto; padding: 0 20px; visibility: visible;
    @include min-breakpoint(small) {
        max-width: 956px;
    }
    @include min-breakpoint(medium) {
        padding: 0;
    }
    @include min-breakpoint(large) {
        max-width: 976px;
    }
}

#top    { @extend %clearfix; padding: 20px 0 0;
    #logo       { float: none; width: 133px; margin: 0 auto 20px;
        @include min-breakpoint(x-small) {
            margin: 0; float: left;
        }
        @include min-breakpoint(small) {
            margin: 21px 0 21px 15px;
        }
    }
    .country    { display: none;
        @include min-breakpoint(small) {
            display: block;
        }
    }
    #country    { margin: 20px 0 0; float: right; }
    #lang       { display: none;
        @include min-breakpoint(small) {
            display: block; font-size: 13px; color: #a1a1a1; margin: 10px 0 0; clear: right; float: right;
        }
    }
}


#top #country li, #top #lang li {
    float: left;
}
#top #country li a, #top #lang li a {
    color: #c3c3c3;
    font-size: 13px;
    text-decoration: none;
    padding: 0 6px;
    float: left;
}
#top #country li a.act, #top #lang li a.act {
    color: #939393;
    background: #ebebeb;
}
#top #country li a:hover, #top #lang li a:hover {
    text-decoration: underline;
}

#sidebar    { padding: 20px 0 15px 15px; overflow: hidden;
    @include min-breakpoint(small) {
        float: left; width: 195px;
    }
    @include min-breakpoint(medium) {
        width: 215px;
    }
    @include min-breakpoint(large) {
        width: 235px;
    }
    #menu       { width: 100%; margin: 0 0 20px -15px;
        @include min-breakpoint(small) {
            float: left;
        }
        > li        { float: left; width: 100%; padding: 0 0 13px; font-size: 21px; line-height: 22px;
            @include min-breakpoint(medium) {
                font-family: 'Bebas Neue', sans-serif; font-size: 24px;
            }
            > a         { width: 100%; padding: 0 0 1px 15px;color: $color; text-decoration: none; font-size: 21px; line-height: 22px;
                @include min-breakpoint(medium) {
                    font-family: 'Bebas Neue', sans-serif; font-size: 24px;
                }
            }
            ul      { display: block;
                li      { width: 100%; padding: 6px 0 0 15px; float: left;
                    a       { display: block; color: $color; font: 16px/1.1 'PT Sans Narrow', sans-serif; text-decoration: none; }
                }
            }
        }
    }

    .banner     { display: none;
        @include min-breakpoint(small) {
            display: block;
        }
    }
    .share      { display: none;
        @include min-breakpoint(small) {
            display: block; margin: 0 0 15px;
        }
        a           { display: inline-block; height: 24px; margin: 0 10px 0 0;
            &.facebook,
            &.linkedin,
            &.share_all     { background: url(../img/share_icons.png) no-repeat; }
            &.facebook      { width: 24px; background-position: 0 0; }
            &.linkedin      { width: 24px; background-position: 0 -50px; }
            &.share_all     { width: 49px; background-position: 0 -100px; }
        }
    }
    .copy       { display: none;
        @include min-breakpoint(small) {
            display: block; padding: 15px 0;
        }
    }
}

.style_1 > a {
    background: url(../img/menu_icons.png) no-repeat 0 2px;
}
.style_1 > a.act {
    background: url(../img/menu_icons.png) no-repeat -250px 0px;
}
.style_2 > a {
    background: url(../img/menu_icons.png) no-repeat 0 -98px;
}
.style_2 > a.act {
    background: url(../img/menu_icons.png) no-repeat -250px -100px;
}
.style_3 > a {
    background: url(../img/menu_icons.png) no-repeat 0 -198px;
}
.style_3 > a.act {
    background: url(../img/menu_icons.png) no-repeat -250px -200px;
}
.style_4 > a {
    background: url(../img/menu_icons.png) no-repeat 0 -298px;
}
.style_4 > a.act {
    background: url(../img/menu_icons.png) no-repeat -250px -300px;
}
.style_5 > a {
    background: url(../img/menu_icons.png) no-repeat 0 -398px;
}
.style_5 > a.act {
    background: url(../img/menu_icons.png) no-repeat -250px -400px;
}

.style_1 > ul li {
    background: url(../img/menu_icons.png) no-repeat -250px -15px;
}
.style_2 > ul li {
    background: url(../img/menu_icons.png) no-repeat -250px -115px;
}
.style_3 > ul li {
    background: url(../img/menu_icons.png) no-repeat -250px -215px;
}
.style_4 > ul li {
    background: url(../img/menu_icons.png) no-repeat -250px -315px;
}
.style_5 > ul li {
    background: url(../img/menu_icons.png) no-repeat -250px -415px;
}

.style_1 > ul li a.act {
    color: #253466;
    background: url(../img/menu_icons.png) no-repeat -250px 2px;
}
.style_2 > ul li a.act {
    color: #156292;
    background: url(../img/menu_icons.png) no-repeat -250px -98px;
}
.style_3 > ul li a.act {
    color: #BB2543;
    background: url(../img/menu_icons.png) no-repeat -250px -198px;
}
.style_4 > ul li a.act {
    color: #B7652F;
    background: url(../img/menu_icons.png) no-repeat -250px -298px;
}
.style_5 > ul li a.act {
    color: #6B1B39;
    background: url(../img/menu_icons.png) no-repeat -250px -398px;
}
#sidebar #menu > li ul li a.act {
    padding: 0 0 0 15px;
    margin: 0 0 0 -15px;
}
#sidebar #menu > li ul li a:hover {
    text-decoration: underline;
}
#sidebar a.url_newsletter {
    color: $color;
    /*font: bold 14px/1.2 Arial;*/
    font-weight: bold;
    text-decoration: none;
    background: url(../img/newsletter_icon.gif) no-repeat;
    padding: 0 15px 0 72px;
    margin: 0 0 35px -15px;
    clear: both;
    display: block;
}
#sidebar a:hover.url_newsletter {
    text-decoration: underline;
}

#content { padding: 17px 0 15px; overflow: hidden;
    img     { max-width: 100%; height: auto; }
    @include min-breakpoint(medium) {
        width: 714px; float: right;
    }
    h1 { padding: 0 0 10px; font-size: 22px; font-weight: normal;
        @include min-breakpoint(small) {
            text-align: justify;
        }
        @include min-breakpoint(medium) {
            padding: 0 0 15px; font-family: 'Bebas Neue'; font-size: 24px;
        }

        .icon   {
            @include max-breakpoint(small) {
                display: block; margin-top: 10px;
            }
        }

    }
    h2      { padding: 0 0 13px; font-size: 19px; font-weight: bold;
        @include min-breakpoint(medium) {
            text-align: justify;
        }
        small   { display: block; font-size: 16px; }
    }
    h3      { padding: 0 0 10px; font-size: 17px; font-weight: bold;
        @include min-breakpoint(medium) {
            text-align: justify;
        }
    }

    img     {
        &.starjobs-img  {
            @include min-breakpoint(x-small) {
                float: left; width: 100px; margin: 15px 20px 15px 0;
            }
            @include min-breakpoint(small) {
                width: 200px;
            }
        }
    }

    .t-reason       { padding: 0; border: 0;
        td                  { display: block; vertical-align: top;
            @include min-breakpoint(medium) {
                display: table-cell; width: 50%;
            }
        }
        .t-reason-col-1     {
            @include min-breakpoint(medium) {
                padding-right: 20px; border-right: 1px solid #dfdfdf;
            }

        }
        .t-reason-col-2     {
            @include min-breakpoint(medium) {
                padding-left: 20px;
            }
            h2                      { padding: 25px 0 13px;
                @include min-breakpoint(medium) {
                    padding: 12px 0 25px;
                }
            }
        }
        h2                  { text-align: center; }
        ul                  { padding: 0; }
    }

    .t-membership   { width: 100%; border: 0; text-align: left;
        tr              {
            @include max-breakpoint(small) {
                display: block;
            }
        }
        td              { text-align: justify; vertical-align: middle;
            @include max-breakpoint(small) {
                display: block; float: left; width: 100%;
            }
            @include min-breakpoint(small) {
                border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;
            }
            @include min-breakpoint(medium) {
                padding-bottom: 0;
            }
        }
        .t-membership-row-4     {
            td                      { border-bottom: none; }
        }
        .t-membership-col-1     {
            @include min-breakpoint(small) {
                width: 150px; padding-right: 20px;
            }
            @include min-breakpoint(medium) {
                width: 250px; padding-right: 0;
            }
        }
        .t-membership-col-2     {
            @include max-breakpoint(small) {
                 border-bottom: 1px solid #dfdfdf; padding: 0 0 20px;
            }
        }
    }

    .t-contacts-box     { max-width: 650px; }
    .t-contacts         { width: 100%;
        td                  { vertical-align: top;
            @include max-breakpoint(small) {
                float: left; width: 50%;
            }
            @include max-breakpoint(x-small) {
                width: 100%;
            }
            &.t-contacts-col-1   {
                @include min-breakpoint(x-small) {
                    width: 43%;
                }
                @include min-breakpoint(small) {
                    width: 34%;
                }
            }
            &.t-contacts-col-2,
            &.t-contacts-col-3   {
                @include min-breakpoint(x-small) {
                    width: 50%;
                }

                @include min-breakpoint(small) {
                    width: 33%;
                }
            }
        }
        p   { text-align: left; }
    }

    .info_box   { position: relative; margin: 0 0 20px; font-size: 16px; line-height: 1.2; text-transform: uppercase; color: #fff;
        @include min-breakpoint(x-small) {
            float: right; margin: 47px 0 20px 20px;
        }
        @include min-breakpoint(medium) {
            font-family: 'Bebas Neue'; font-size: 18px;
        }

        @include min-breakpoint(small) {
            &.tyle_1,
            &.tyle_2,
            &.tyle_3,
            &.tyle_4,
            &.tyle_5    { background-image: url(../img/info_box_bg.png); background-repeat: no-repeat;
                .bottom     { background-image: url(../img/info_box_bg.png); background-repeat: no-repeat; }
            }
        }

        &.tyle_1    { background-position: 0 0;
            .bottom     { background-position: -250px 100%; }
        }
        &.tyle_2    { background-position: -500px 0;
            .bottom     { background-position: -750px 100%; }
        }
        &.tyle_3    { background-position: -1000px 0;
            .bottom     { background-position: -1250px 100%; }
        }
        &.tyle_4    { background-position: -1500px 0;
            .bottom     { background-position: -1750px 100%; }
        }
        &.tyle_5    { background-position: -2000px 0;
            .bottom     { background-position: -2250px 100%; }
        }

        .bottom     { width: 219px; height: 22px; position: absolute; left: 0; bottom: -22px; }

        p { padding: 0; font-size: 16px; line-height: 1.2; text-transform: uppercase;
            @include min-breakpoint(medium) {
                font-family: 'Bebas Neue'; font-size: 18px;
            }
        }
    }

    .search_box     { background: #F8F8F8; padding: 10px;
        select          { width: 130px; background: #F7F7F7; border: 1px solid #E1E1E1; padding: 6px; }
        li              { padding: 0; display: block; background: none; overflow: hidden;
            label       { display: block; font-weight: bold;
                @include min-breakpoint(600) {
                    float: left; padding: 9px 10px 0 0;
                }
            }

            // #SearchForm_SearchForm  { width: 338px; display: inline-block; }

            .input      { width: 78%; color: $color; border: 0; padding: 8px; background: none;
                @include min-breakpoint(xx-small) {
                    width: 83%;
                }
                @include min-breakpoint(x-small) {
                    width: 88%;
                }
            }
            select      { color: $color; background: #F5F5F5; margin: 0 20px 10px 0;
                @include min-breakpoint(medium) {
                    margin: 0 33px 10px 0;
                }
                + label     {
                    @include max-breakpoint(600) {
                        clear: left;
                    }
                }
                + .filter-button    { clear: left; margin-left: 100px; }
            }
            .submit     { float: right; width: 39px; height: 39px; cursor: pointer; background: url(../img/search_box_icon.gif) no-repeat 50% 50%; border: 0; vertical-align: middle; }
            a           {
                &.url       { float: right; margin-top: 7px; padding: 4px 18px 4px 0; font-weight: bold;
                    @include min-breakpoint(medium) {
                        margin-top: -36px;
                    }
                    &.open      { background: url(../img/search_box_url_icon.gif) no-repeat right 12px; }
                    &.close     { background: url(../img/search_box_url_icon.gif) no-repeat right -13px; }
                }

            }
            #search-input-block { border: 1px solid #DFE1E4; background: #fff; overflow: hidden;
                @include min-breakpoint(600) {
                    margin: 0 0 0 100px;
                }
                @include min-breakpoint(medium) {
                    margin: 0 200px 0 100px;
                }
            }
            &.filter-additional     { padding-top: 10px;
                label                   { float: left; width: 95px; padding: 6px 5px 0 0; }
                select                  { float: left; }
                + .filter-additional    { padding-top: 0; }
            }
            #type,
            #period         { margin-right: 0; }
        }
        .filter-button  { float: left; color: $color; background: whiteSmoke; margin: 0 22px 0 0; border: 1px solid #E1E1E1; padding: 7px; cursor: pointer;
            &:hover         { background: #eee; }
        }
    }

    .advert_table   { width: 100%; margin: 0 0 20px;
        th              { font-weight: bold; text-align: left; vertical-align: top; border-left: 1px solid #dfe1e4; padding: 15px 10px 10px 10px;
            @include max-breakpoint(small) {
                display: none;
            }
            &:first-child   { display: table-cell; border-left: 0;
                @include max-breakpoint(small) {
                    float: left; width: 100%;
                }
            }
            &:nth-child(3)  {
                @include max-breakpoint(medium) {
                    display: none;
                }
            }
        }
        td              { vertical-align: top; padding: 0 10px;
            @include min-breakpoint(x-small) {
                max-width: 260px; padding: 10px;
            }
            @include min-breakpoint(small) {
                border-left: 1px solid #DFE1E4;
            }
            @include max-breakpoint(x-small) {
                float: left; width: 100%;
                &:first-child       { padding-top: 10px; }
                &:last-child        { padding-bottom: 10px; }
            }
            &:first-child   { border-left: 0; }
            &:nth-child(2)  {
                @include min-breakpoint(x-small) {
                    text-align: right;
                }
                @include min-breakpoint(small) {
                    text-align: left;
                }
            }
            &:nth-child(3)  {
                @include max-breakpoint(medium) {
                    display: none;
                }
            }
            &:nth-child(4)  {
                @include min-breakpoint(x-small) {
                    display: none;
                }
                @include min-breakpoint(small) {
                    display: table-cell;
                }
            }
        }
        .bg     {
            td      { background: #F8F8F8; }
        }
    }

}



#content p {
    padding: 0 0 15px 0;
    text-align: justify;
}
#content a {
    color: $color;
    text-decoration: none;
}
#content a:hover {
    text-decoration: underline;
}
#content .img_left {
    margin: 0 20px 15px 0;
    float: left;
}
#content a.home_url {
    width: 254px;
    color: $color;
    font-size: 21px; line-height: 1.2;
    text-align: center;
    text-decoration: none;
    padding: 280px 0 0;
    margin: 15px auto;
    display: block;
    @include min-breakpoint(medium) {
        display: inline-block; font-weight: normal; margin: 15px 50px; font-family: 'Bebas Neue'; font-size: 24px;
    }

}
#content a.home_url_1 {
    background: url(../img/workis_l.png) no-repeat;
    background-size: contain;
}
#content a.home_url_2 {
    background: url(../img/img_2.jpg) no-repeat;
}
#content a:hover.home_url {
    text-decoration: underline;
}

.c-home-url     {
    width: 254px;
    color: $color;
    font-size: 21px; line-height: 1.2;
    text-align: center;
    text-decoration: none;
    margin: 15px auto;
    display: block;
    @include min-breakpoint(medium) {
        display: inline-block; font-weight: normal; margin: 15px 50px; font-family: 'Bebas Neue'; font-size: 24px;
    }
    &:hover     { text-decoration: underline; }
}

.c-home-pic     { display: block; border-radius: 50%; margin-bottom: 20px; overflow: hidden;
    img             { display: block; }
}





#content .news_list {
    padding: 0 0 15px 0;
    display: block;
}
#content .news_list li {
    border-top: 1px solid #DFE1E4;
    padding: 15px 0 0 0;
    display: block;
}
#content .news_list li a.more {
    font-weight: bold;
    text-decoration: underline;
}
#content .news_list li:first-child {
    border-top: 0;
    padding: 0;
}
#content .staff {
    margin: 0 0 15px -33px;
    display: block;
}
#content .staff li {
    width: 216px;
    margin: 0 0 10px 33px;
    float: left;
}
#content .staff li.sep {
    width: 100%;
}
#content .staff li .foto {
    margin: 0 0 10px 0;
    display: block;
}
#content .staff li p {
    padding: 0 5px 15px 5px;
}
#content .form {
    width: 318px;
    padding: 0 0 15px 0;
    display: inline-block;
}
#content .form li {
    padding: 0 0 28px 0;
    display: block;
    background: none;
}
#content .form li.bottom {
    padding: 0 0 10px 0;
    margin: -10px 0 0 0;
}
#content .form li label {
    padding: 0 0 6px 0;
    display: block;
}
// #content .form li input.text, #content .form li textarea, #content .form li select, #content .search_box select {
//     background: #F7F7F7;
//     border: 1px solid #E1E1E1;
//     padding: 6px;
// }
#content .form li input.text, #content .form li textarea, #content .form li select {
    background: #F7F7F7;
    border: 1px solid #E1E1E1;
    padding: 6px;
}
#content .form li input.text, #content .form li textarea {
    width: 318px;
}
#content .form li select {
    width: 164px;
}
#content .form li textarea {
    height: 114px;
    overflow: auto;
}
    // #content .search_box select {
    //     width: 130px;
    // }
#content .form li .errormessage {
    color: #BB2543;
    padding: 6px 0 0 0;
    display: block;
}
#content .form li .txt {
    color: #BB2543;
    display: inline-block;
}
#content .form li .action {
    height: 28px;
    color: #FFF;
    cursor: pointer;
    background: #006957;
    border: 1px solid #E1E1E1;
    padding: 0 20px;
    margin: 0 10px 0 0;
    display: inline-block;
}
#content .form li .action:hover {
    background: #008D75;
}
#content .form li .Actions {
    display: inline-block;
}



    // #content .search_box {
    //     background: #F8F8F8;
    //     padding: 20px 10px 0 10px;
    //     display: block;
    // }
    // #content .search_box li {
    //     padding: 0 0 20px 0;
    //     display: block;
    //     background: none;
    // }
    // #content .search_box li label {
    //     font-weight: bold;
    //     padding: 0 10px 0 0;
    //     display: inline-block;
    // }
    // #content .search_box li #SearchForm_SearchForm {
    //     width: 338px;
    //     display: inline-block;
    // }
    // #content .search_box li .input {
    //     width: 334px;
    //     color: $color;
    //     border: 1px solid #DFE1E4;
    //     padding: 8px 38px 8px 8px;
    // }
    // #content .search_box li select {
    //     color: $color;
    //     background: #F5F5F5;
    //     margin: 0 12px 0 0;
    // }
    // #content .search_box li .submit {
    //     width: 19px;
    //     height: 19px;
    //     cursor: pointer;
    //     background: url(../img/search_box_icon.png) no-repeat;
    //     border: 0;
    //     vertical-align: middle;
    //     margin: 0 0 0 -30px;
    //     display: inline-block;
    // }
    // #content .search_box li a.url {
    //     font-weight: bold;
    //     padding: 0 18px 0 0;
    //     margin: 0 0 0 80px;
    // }
    // #content .search_box li a.url.open {
    //     background: url(../img/search_box_url_icon.gif) no-repeat right 4px;
    // }
    // #content .search_box li a.url.close {
    //     background: url(../img/search_box_url_icon.gif) no-repeat right -21px;
    // }




#content .country_tabs {
    width: 100%;
    padding: 0 0 15px 0;
    float: left;
}
#content .country_tabs li {
    padding: 0 10px 0 0;
    float: left;
}
#content .country_tabs li a {
    color: $color;
    text-decoration: none;
    float: left;
}
#content .country_tabs li a.act {
    font-weight: bold;
    background: #EBEBEB;
    padding: 0 10px;
}
#content .country_tabs li a:hover {
    text-decoration: underline;
}
#content .pages {
    text-align: center;
    padding: 0 0 15px 0;
    display: block;
}
#content .pages a {
    margin: 0 3px;
}
#content .pages a.prev {
    font-weight: bold;
    float: left;
}
#content .pages a.next {
    font-weight: bold;
    float: right;
}
#content .pages a.act {
    font-weight: bold;
}














#banners {
    width: 976px;
    padding: 20px 0;
    float: left;
}
#banners li {
    margin: 0 0 0 40px;
    float: left;
}
#banners li:first-child {
    margin: 0;
}
.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.clear {
    height: 0;
    clear: both;
    display: block;
}
.input, select, textarea, input.text {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.map_page {
    width: 540px;
    text-align: center;
    margin: 20px auto;
}
.map_page .logo {
    margin: 0 0 30px 0;
    display: block;
}
.map_page p {
    padding: 0 0 15px 0;
    display: block;
}
.map_page a.map_url {
    width: 168px;
    position: relative;
    display: inline-block;
}
.map_page a.map_url.es {
    height: 89px;
    background: url(../img/map_url.jpg) no-repeat;
    margin: 0 0 -20px 0;
}
.map_page a:hover.map_url.es {
    background: url(../img/map_url.jpg) no-repeat -200px 0;
    z-index: 1;
}
.map_page a.map_url.lv {
    height: 100px;
    background: url(../img/map_url.jpg) no-repeat 0 -69px;
    margin: 0 0 -30px 0;
}
.map_page a:hover.map_url.lv {
    background: url(../img/map_url.jpg) no-repeat -400px -69px;
    z-index: 1;
}
.map_page a.map_url.lt {
    height: 109px;
    background: url(../img/map_url.jpg) no-repeat 0 -139px;
}
.map_page a:hover.map_url.lt {
    background: url(../img/map_url.jpg) no-repeat -600px -139px;
    z-index: 1;
}
.map_page .copy {
    padding: 25px 0 0 0;
    display: block;
}

/* -------------------------------------
   additional.css
--------------------------------------*/


.hide {
    display: none !important;
}

#top    {
    .country    { margin: 40px 0 0 0; float: right;
        li          { float: left;
            a           { color: #C3C3C3; font-size: 13px; text-decoration: none; padding: 0 6px; float: left; }
        }
    }
}

// #top .country {
//     margin: 40px 0 0 0;
//     float: right;
// }
// #top .country li {
//     float: left;
// }
// #top .country li a {
//     color: #C3C3C3;
//     font-size: 13px;
//     text-decoration: none;
//     padding: 0 6px;
//     float: left;

// }
#top .country li a.act {
    color: #939393;
    background: #EBEBEB;
}
#top .country li a:hover {
    text-decoration: underline;
}

#content img.left {
    margin: 15px 20px 15px 0;
    float: left;
}

#content img.ico {
    position: relative;
    top: 7px;
}

#map_canvas {
   width:100%;
   height:450px;
}


#content .contact-form .form li textarea {
    overflow-y: auto;
    resize: none;
}

#content .contact-form .form li input[type="text"].error, #content .contact-form .form li textarea.error {
    border: 1px solid #BB2543;
}

.job-cont {
    padding: 0 0 15px 0;
    display: block;
}
.cont-content {
    display: block;
    padding: 0 0 10px;
}
    // #content .search_box li #search-input-block {
    //     width: 338px;
    //     display: inline-block;
    // }

.cv-form .form li.bottom {
    padding: 0 0 10px 0;
    margin: -10px 0 0 0;
}
.cv-form .form li label {
    padding: 0 0 6px 0;
    display: block;
}
.cv-form .form li input.text, .cv-form .form li textarea{
    background: #F7F7F7;
    border: 1px solid #E1E1E1;
    padding: 6px;
}
.cv-form .form li input.text, .cv-form .form li textarea {
    width: 318px;
}
.cv-form .form li textarea {
    height: 114px;
    overflow-y: auto;
    resize: none;
}
.cv-form .form li input[type="file"] {
    background: #F7F7F7;
    border: 1px solid #E1E1E1;
    padding: 0 6px;
    width: 304px;
    height:30px;
}

.cv-form .form li .errormessage {
    color: #BB2543;
    padding: 6px 0 0 0;
}
.cv-form .form li input[type="text"].error, .cv-form .form li input[type="file"].error  {
    border: 1px solid #BB2543;
}
.cv-form .form li .txt {
    color: #BB2543;
    display: inline-block;
}
.cv-form .form li .action {
    height: 28px;
    color: #FFF;
    cursor: pointer;
    background: #006957;
    border: 1px solid #E1E1E1;
    padding: 0 20px;
    margin: 0 10px 0 0;
    display: inline-block;
}
.cv-form .form li .action:hover {
    background: #008D75;
}
.cv-form .form li .Actions {
    display: inline-block;
}
#cv-success, #cv-success p {
    color: #339933;
}
#content ul {
    padding: 0 0 15px 0;
    display: block;
    @include min-breakpoint(medium) {
        text-align: justify;
    }
    a   { text-decoration: underline;
        &:hover     { text-decoration: none; }
    }
}
#content ul li {
    display: block;
    background: url(../img/list_dot.gif) no-repeat 0px 9px;
    padding: 0 0 5px 25px;
    @include min-breakpoint(medium) {
        padding: 0 0 5px 45px;
        background-position: 20px 9px;
    }
}
#content ul.table li {
    background: url(../img/list_dot.gif) no-repeat 0px 9px;
    padding: 0 0 5px 25px;
    display: block;
}

#content ol {
    padding: 0 0 15px 20px;
    text-align: justify;
}
#content ol > li {
    padding: 0 0 5px 0;
    text-align: justify;
}


#sidebar .share.share_addthis {
    width: 110px;
}
#sidebar .share.share_addthis a {
    height: 20px;
}
    // .search_box .filter-button {
    //     color: $color;
    //     background: whiteSmoke;
    //     margin: 0 12px;
    //     border: 1px solid #E1E1E1;
    //     padding: 7px;
    // }
#content .cform .form li select {
    width: 318px;
}
#sidebar .addthis_share {
    height:20px;
    padding:2px 0;
    width:100px;
    display: inline-block;
}
#sidebar .addthis_share a {
    height:20px;
}
#content #filter-empty-results {
    padding-top:15px;
}

#sidebar #menu > li, #sidebar #menu > li > a, #content h1, #content a.home_url {
    text-transform: uppercase;
}
#sidebar #menu > li ul li a {
    text-transform: none;
}
#content p {
    padding-bottom: 16px;
}

#content ul#city-list {
    margin-bottom: 10px;
}
#content ul#city-list li {
    background: none;
    float:left;
    padding:0;
    margin-right: 10px;
    line-height: 1.5;
    font-weight: normal;
    cursor: pointer;
}
#content ul#city-list li:first-child {

}
#content ul#city-list li span {
    padding:0 12px;
}
#content ul#city-list li.act {
   font-weight: bold;
    background: #ccc;

}
.hidden-coords {
    display: none;
}
#topsearch { width: 230px; margin: 0 auto 20px;
    @include min-breakpoint(x-small) {
        margin: 7px 0 0; float: right; clear: none;
    }
    @include min-breakpoint(small) {
        float: left; margin: 27px 0 0 62px;
    }
    @include min-breakpoint(medium) {
        float: left; margin: 47px 0 10px 114px; width: 550px;
    }
    #top-search-form    {
        label               { display: block; height: 27px; font-size: 21px; line-height: 1.2; text-transform: uppercase; text-align: center;
            @include min-breakpoint(small) {
                text-align: left;
            }
            @include min-breakpoint(medium) {
                float: left; padding: 2px 10px 0 0; font-size: 23px; font-family: 'Bebas Neue', sans-serif;
            }
        }
        #search-input-block { display: inline-block; border: 1px solid #dfe1e4; }
        .input              { float: left; width: 183px; margin-right: 15px; padding: 5px 8px; color: $color; border: none; }
        .submit             { float: left; width: 30px; height: 30px; padding: 0; cursor: pointer; background: url(../img/top_search_box_icon.png) no-repeat 50% 50%; border: 0; vertical-align: middle; }
    }
}

    // .search_box .filter-button {
    //     cursor: pointer;
    // }

    // .search_box .filter-button:hover {
    //     background: #EEEEEE;
    // }

/*banner*/
.banner {
    width:180px;
    height:160px;
/*    background:url(../img/banner/banner.png);*/
    float:left;
    position:relative;
    left:-15px;
    margin-right:50px;
    margin-bottom:20px;
}
.banner a, .banner a img {
    border:0;
}

.icon:before                           { content: ''; position: relative; top: 9px; display: inline-block; width: 30px; height: 26px; margin: 0 8px 0 0; background: url(../img/icons.png) no-repeat 50px 50px; border-radius: 3px; }

#content .icon-blue-dark               { color: #253466; font-weight: bold; }
.icon-blue-dark:before                 { border: 1px solid #253466; /* box-shadow: 0 0 1px rgba(25, 34, 66, .7); */ }
.icon-blue-dark:hover:before           { background-color: #253466; }
#content .icon-blue-light              { color: #156292; font-weight: bold; }
.icon-blue-light:before                { border: 1px solid #156292; /* box-shadow: 0 0 1px rgba(15, 62, 92, .7); */ }
.icon-blue-light:hover:before          { background-color: #156292; }
#content .icon-red                     { color: #bb2543; font-weight: bold; }
.icon-red:before                       { border: 1px solid #bb2543; /* box-shadow: 0 0 1px rgba(187, 37, 67, .7); */ }
.icon-red:hover:before                 { background-color: #bb2543; }
#content .icon-brown                   { color: #b76630; font-weight: bold; }
.icon-brown:before                     { border: 1px solid #b76630; /* box-shadow: 0 0 1px rgba(183, 102, 48, .7); */ }
.icon-brown:hover:before               { background-color: #b76630; }
#content .icon-purple                  { color: #6b1c3a; font-weight: bold; }
.icon-purple:before                    { border: 1px solid #6b1c3a; /* box-shadow: 0 0 1px rgba(107, 28, 58, .7); */ }
.icon-purple:hover:before              { background-color: #6b1c3a; }
#content .icon-green                   { color: #006957; font-weight: bold; }
.icon-green:before                     { border: 1px solid #006957; /* box-shadow: 0 0 1px rgba(00, 69, 57, .7); */ }
.icon-green:hover:before               { background-color: #006957; }

.icon-blue-dark.icon-facebook:before   { background-position: -2px -45px; }
.icon-blue-dark.icon-linkedin:before   { background-position: -40px -45px; }
.icon-blue-dark.icon-phone:before      { background-position: -80px -45px; }
.icon-blue-dark.icon-note:before       { background-position: -121px -45px; }

.icon-blue-light.icon-facebook:before   { background-position: -2px -87px; }
.icon-blue-light.icon-linkedin:before   { background-position: -40px -87px; }
.icon-blue-light.icon-phone:before      { background-position: -80px -87px; }
.icon-blue-light.icon-note:before       { background-position: -121px -87px; }

.icon-red.icon-facebook:before          { background-position: -2px -131px; }
.icon-red.icon-linkedin:before          { background-position: -40px -131px; }
.icon-red.icon-phone:before             { background-position: -80px -131px; }
.icon-red.icon-note:before              { background-position: -121px -131px; }

.icon-brown.icon-facebook:before          { background-position: -2px -176px; }
.icon-brown.icon-linkedin:before          { background-position: -40px -176px; }
.icon-brown.icon-phone:before             { background-position: -80px -176px; }
.icon-brown.icon-note:before              { background-position: -121px -176px; }

.icon-purple.icon-facebook:before          { background-position: -2px -218px; }
.icon-purple.icon-linkedin:before          { background-position: -40px -218px; }
.icon-purple.icon-phone:before             { background-position: -80px -218px; }
.icon-purple.icon-note:before              { background-position: -121px -218px; }

.icon-green.icon-facebook:before          { background-position: -2px -258px; }
.icon-green.icon-linkedin:before          { background-position: -40px -258px; }
.icon-green.icon-phone:before             { background-position: -80px -258px; }
.icon-green.icon-note:before              { background-position: -121px -258px; }

.icon-facebook:hover:before            { background-position: -2px -7px; }
.icon-linkedin:hover:before            { background-position: -40px -7px; }
.icon-phone:hover:before               { background-position: -80px -7px; }
.icon-note:hover:before                { background-position: -121px -7px; }


.hidden-max-x-small     {
    @include max-breakpoint(x-small) {
        display: none !important;
    }
}
.hidden-max-small     {
    @include max-breakpoint(small) {
        display: none !important;
    }
}


.about-biuro        { margin: 0 auto; overflow: hidden; }
.about-biuro-img    { position: relative; float: left; width: 100%; height: 214px; background-repeat: no-repeat;
    @include min-breakpoint(x-small) {
        width: 50%;
    }
    @include min-breakpoint(medium) {
        width: 25%;
    }
    &:before            { content: ''; position: absolute; top: 0; left: 50%; width: 178px; height: 214px; margin: 0 0 0 -89px; }

}
.about-biuro-img-1  {
    &:before            { background-position: 0 0; }
}
.about-biuro-img-2  {
    &:before            { background-position: -178px 0; }
}
.about-biuro-img-3  {
    &:before            { background-position: -356px 0; }
}
.about-biuro-img-4  {
    &:before            { background-position: -534px 0; }
}

.about-biuro-lt     {
    .about-biuro-img    {
        &:before            { background-image: url(../img/lt-apie-idarbinimo-agentura.jpg); }
    }
}
.about-biuro-lv     {
    .about-biuro-img    {
        &:before            { background-image: url(../img/lv-apie-idarbinimo-agentura.jpg); }
    }
}
.about-biuro-ee     {
    .about-biuro-img    {
        &:before            { background-image: url(../img/ee-apie-idarbinimo-agentura.jpg); }
    }
}
.about-biuro-en     {
    .about-biuro-img    {
        &:before            { background-image: url(../img/en-apie-idarbinimo-agentura.jpg); }
    }
}
.about-biuro-ru     {
    .about-biuro-img    {
        &:before            { background-image: url(../img/ru-apie-idarbinimo-agentura.jpg); }
    }
}


/*
-------------------------------------------------------------------------------- */


.advert_page    { max-width: 736px; margin: 0 auto;
    @include min-breakpoint(small) {
        margin: 20px auto; border: 1px solid #E6E6E6;
    }
    @include min-breakpoint(medium) {
        max-width: 776px;
    }
    .container      { padding: 20px; opacity: 1; visibility: visible;
        @include min-breakpoint(small) {
            padding: 30px 49px;
        }
        @include min-breakpoint(medium) {
            padding: 50px 69px;
        }

        h1              { font-weight: bold; padding: 0 0 15px 0; display: block; }
        h2              { font-weight: bold; text-transform: uppercase; text-align: center; padding: 35px 0 0 0; margin: 0 67px 30px 0; float: right; }
        h3              { font-weight: bold; padding: 0 6px 18px 0; }
        p,
        ol,
        ul              { padding: 0 0 15px 0; display: block; }
        ol li,
        ul li           { background: url(../img/list_dot.gif) no-repeat 35px 8px; padding: 0 0 0 70px; display: block; }
        a               { color: #4b4d4f; /* text-decoration: underline; */
            &:hover         { text-decoration: none; }
        }
        .company        { padding: 0 0 15px 0; display: block; }
        .cv-form        {
            .form           { width: 318px; margin-top: 20px; padding: 0 0 15px 0; display: inline-block; list-style: none;
                li              { background: none; padding: 0 0 28px 0; display: block; list-style: none; background: none; }
            }
        }
    }
}

.job-add    {
    h3          { float: left; clear: both; font-weight: bold; padding: 0 6px 15px 0; }
    span        { display: block; float: left; padding: 0 0 15px 0; }
}

#custom             { overflow: hidden;
    .biuro-header       { overflow: hidden;
        p                   { color: #006957; font-weight: bold; }
        .logo               { float: none; width: 133px; margin: 0 auto 20px;
            @include min-breakpoint(x-small) {
                float: left; margin: 0 20px 20px 0;
            }
            @include min-breakpoint(small) {
                margin: 0 20px 30px 0;
            }
        }
    }

    .biuro-title        { padding: 20px 0; visibility: hidden;
        @include min-breakpoint(small) {
            background: url(https://www.biuro.lt/job-ads/job-title.jpg) no-repeat 0 0; margin: 15px 0 30px; width: 556px; height: 155px; padding: 20px 60px 20px 20px;
        }
        @include max-breakpoint(small) {
            visibility: visible !important;
        }
    }
    .biuro-title h1     { text-align: center; text-transform: uppercase; color: #006957; font-weight: bold; overflow: hidden;
        span                {
            @include max-breakpoint(small) {
                font-size: 40px !important;
            }
        }
        @include min-breakpoint(small) {
            height: 155px;
        }
    }

    .biuro-ti           { overflow: hidden; }
    .biuro-ti-img       { display: none;
        @include min-breakpoint(x-small) {
            display: block; float: left; width: 70px;
        }
    }

    .biuro-ti-text      { overflow: hidden; }
    .biuro-ti-text h3   { color: #006957; padding: 0; }
    .biuro-ti-text li   { padding: 0 0 0 15px; background: url(https://www.biuro.lt/job-ads/list-item-disc.jpg) no-repeat 0 5px; }

    .biuro-job-contacts     {
        @include min-breakpoint(x-small) {
            margin: 0 0 0 70px;
        }
    }
    .biuro-job-valid-till   {
        @include max-breakpoint(x-small) {
            display: block;
        }
    }
}

@media only screen and (min-width: 1281px) {
    [href^="tel"]   { pointer-events: none; text-decoration: none; color: inherit; }
}
