/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

fieldset,
hr {
    border: 0;
    padding: 0
}
.container,
.wrapper {
    width: 100%
}
h1,
h3,
html {
    font-weight: 500
}
.block-1,
.block-3,
.wrapper,
ul#breadcrumbs {
    position: relative
}
.menu-wrap a,
html {
    font-family:'Open Sans', sans-serif;
}
.block-3-colleague-content,
.block-3-content,
.block-3-content-right,
.feedback-cont,
.main-text,
.menu-wrap-logo img,
.search input,
.whole-tile.colleague {
    box-sizing: border-box
}
.footer-top-text-block li,
.menu-wrap ul li,
.testim-block-item {
    list-style-type: none
}
html {
    color: #fff;
    font-size: 1em;
    line-height: 1.4
}
#ac_debug_panel,
.fc-black {
    color: #000
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}
::selection {
    background: #51cdd9;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0
}
#functionSelect,
#professionalSelect,
.hide-desktop,
.show-mobile {
    display: none
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}
fieldset {
    margin: 0
}
textarea {
    resize: vertical
}
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

p{
    margin:0;
}
.fc-blue {
    color: #51cdd9
}
.fc-purple {
    color: #4f2d7f
}
.fc-white {
    color: #fff
}
.fc-green {
    color: #a7b300
}
.fc-l-grey {
    color: #b2b2b2
}
.fc-dark-grey {
    color: #7f7f7f
}
.fc-d-purple-pink {
    color: #85267e
}
.fc-orange {
    color: #f70
}
.fc-gray-blue{
    color: rgb(235,239,242);
}
.fc-dark-gray{
    color: rgb(174,174,174);
}
.fc-darker-gray{
    color:#465a65;
}
.fc-light-blue{
    color: rgb(81,205,215);
}

.bg-white {
    background-color: #fff
}
.bg-l-grey {
    background-color: #aeaeae
}
.bg-d-grey {
    background-color: #999
}
.bg-l-blue {
    background-color: #a6c1dd
}
.bg-blue {
    background-color: #4e84bb
}
.bg-d-blue {
    background-color: #2265aa
}
.bg-d-blue-80 {
    background-color: rgba(34, 101, 170, .8)!important
}


.bg-v-l-purple {
    background-color: #cea8cb
}
.bg-l-purple {
    background-color: #b8aacb
}
.bg-list-purple {
    background-color: #8a69a7
}
.bg-purple {
    background-color: #725698
}
.bg-d-purple {
    background-color: #4e2c7e
}
.bg-d-purple-80 {
    background-color: rgba(78, 44, 126, .8)
}
.bg-d-purple-pink {
    background-color: #85267e
}
.bg-l-purple-pink {
    background-color: #cea8cb
}
.bg-l-orange {
    background-color: #ff9232
}
.bg-orange {
    background-color: #f70
}
.bg-d-orange-80 {
    background-color: rgba(255, 119, 0, .8)
}
.bg-l-green {
    background-color: #b9c232
}
.bg-green {
    background-color: #a7b300
}
.bg-d-green-80 {
    background-color: rgba(167, 179, 0, .8)
}
.bg-light-gray {
    background-color: rgb(246, 246, 246);
}
.bg-dark-gray{
    background-color: rgb(174,174,174);
}
.bg-light-blue{
    background-color: rgb(81,205,215);
}
.bg-d-light-blue-80{
    background-color: rgba(81,205,215,0.8);
}
.bg-d-light-blue-90{
    background-color: rgba(81,205,215,0.9);
}
.bg-gray-blue{
    background-color: rgb(235,239,242);
}

.tpl-coworker_overview .background-color-slider,
.tpl-home .background-color-slider,
.tpl-landing .background-color-slider,
.tpl-page_listing .background-color-slider,
.tpl-page_media_blocks .background-color-slider,
.tpl-vacancy_landing .background-color-slider {
    /*background-color: rgba(78, 44, 126, .8)*/
}
.tpl-page_blocks .background-color-slider,
.tpl-page_media_list .background-color-slider {
    background-color: rgba(255, 119, 0, .8)
}
.wrapper {
    max-width: 1400px;
    margin: 0 auto;

}
/*.wrapper .text-block img{width:100%!important;height:auto!important}*/

body.tpl-vacancy_detail > .wrapper,body.tpl-vacancy_search > .wrapper {
    padding-bottom: 3%;
}

@media only screen and (max-width: 700px) {
    .wrapper .text-block img {
        width: 100%!important;
        height: auto!important;
    }
}
.wrapper p a {
    color: #fff;
    text-decoration: underline
}
.menu-wrap a,
a {
    text-decoration: none
}
.wrapper .text-block a {
    color: grey
}
.border-radius-t-l {
    border-top-left-radius: 8px
}
.border-radius-t-r {
    border-top-right-radius: 8px
}
.border-radius-b-l {
    border-bottom-left-radius: 8px
}
.border-radius-b-r {
    border-bottom-right-radius: 8px
}
.border-0 {
    border: 0
}
.border-radius-t-l-0 {
    border-top-left-radius: 0
}
.border-radius-b-r-0 {
    border-bottom-right-radius: 0
}
.border-radius-0 {
    border-radius: 0
}
.border-radius-8 {
    border-radius: 8px
}
.border-radius-60 {
    border-radius: 60px
}
h1 {
    font-size: 1.8em;
    line-height: 1.2em
}
h2 {
    font-size: 1.5em;
    line-height: 1.4em
}
h3 {
    font-size: 1.14em;
    line-height:1;
}
.block-3-colleague-content h3,
.block-3-content-right h3,
.main-text h1 {
    font-weight: 700
}
.no-padding {
    padding: 0!important
}
.margin-0 {
    margin: 0
}
.margin-t-10 {
    margin-top: 10px
}
.margin-t-20 {
    margin-top: 20px
}
.margin-t-22 {
    margin-top: 22px
}
.margin-t-30 {
    margin-top: 30px
}
.margin-t-40 {
    margin-top: 40px
}
.margin-t-50 {
    margin-top: 50px
}
.margin-r-10 {
    margin-right: 10px
}
.margin-r-20 {
    margin-right: 20px
}
.margin-r-22 {
    margin-right: 22px
}
.margin-r-30 {
    margin-right: 30px
}
.margin-r-40 {
    margin-right: 40px
}
.margin-r-50 {
    margin-right: 50px
}
.margin-b-10 {
    margin-bottom: 10px!important
}
.margin-b-20 {
    margin-bottom: 20px
}
.margin-b-22 {
    margin-bottom: 22px
}
.margin-b-30 {
    margin-bottom: 30px
}
.margin-b-40 {
    margin-bottom: 40px
}
.margin-b-50 {
    margin-bottom: 50px
}
.margin-l-10 {
    margin-left: 10px
}
.margin-l-20 {
    margin-left: 20px
}
.margin-l-22 {
    margin-left: 22px
}
.margin-l-30 {
    margin-left: 30px
}
.margin-l-40 {
    margin-left: 40px
}
.margin-l-50 {
    margin-left: 50px
}
.padding-l-10 {
    padding-left: 10px
}
ul#breadcrumbs {
    margin: 0;
    padding: 0
}
#breadcrumbs li {
    display: inline-block
}
#breadcrumbs a {
    font-size: 11px
}
.last-crumb a {
    color: #767777!important
}
.tpl-home .slider-media {
    /*margin-top: 22px;*/
    text-align:center;
    height:165px;
    margin: 0;
}
.block-1 {
    width: 100%;
    height: 308px;
    margin-bottom: 20px;
    overflow: hidden
}
.block-1.whole {
    margin-bottom: 0
}
.block-1-media {
    width: 68.2%;
    height: auto
}
.block-1-media-f-right {
    float: right
}
.block-1-media img {
    width: 100%;
    height: auto
}
.block-2 {
    width: 65.9075%;
    float: left
}
.block-2 img {
    width: 100%;
    height: auto
}
.block-2.no-marg {
    width: 68.2075%
}
.block-2.whole,
.block-3.whole {
    height: 308px
}
.block-3 {
    width: 31.815%;
    float: left;
    vertical-align: top;
    margin-left: 2.2775%;
    margin-bottom: 20px
}

.block-3-content-text h3,
.block-3.no-margin {
    margin: 0
}
.linkedin-olx .block-3 {
    margin-bottom: 0
}
.linkedin-olx .block-1 {
    height: 381px
}
.block-3:nth-child(3n+1) {
    margin-left: 0;
}
.block-3-content {
    padding: 30px 20px 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.block-3-content-left,
.block-3-content-right {
    display: inline-block;
    vertical-align: middle
}
.block-3-content-left {
    width: 25%
}
.block-3-content-left img {
    width: 80%;
    height: auto
}
.block-3-content-right {
    width: 68%;
    position: absolute;
    right: 0;
    padding-right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%)
}
@-moz-document url-prefix() {
    .block-3-content-right {
        top: 20%;
        transform: translateY(0)
    }
}
.block-3-content-right h3,
.block-3-content-right p {
    margin: 0;
    line-height: 1.3rem
}
.block-3-content-text {
    text-align: center;
    position: absolute;
    bottom: 15px;
    width: 85%
}
.reason-content-text {
    height: 115px;
    overflow: hidden
}
.block-3-colleague {
    width: 31.815%;
    height: 220px;
    float: left;
    vertical-align: top;
    margin-left: 2.2775%;
    margin-bottom: 20px;
    position: relative
}
.block-3-colleague:nth-child(3n+1) {
    margin-left: 0
}
.block-3-colleague-content h3,
.block-3-colleague-content p {
    margin: 0
}
.block-3-colleague-content h3,
.block-3-colleague-content-text h2 {
    margin-top: 10px!important
}
.block-3-colleague-content {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10px;
    height: 100%;
    width: 100%
}
.block-3-colleague-content-pic {
    width: 35%;
    height: auto;
    max-width: 105px;
    margin: 20px auto 0
}
.block-3-colleague-content-pic img {
    width: 100%;
    height: auto;
    border-radius: 60px;
}
.menu-wrap ul.sub-menu{

    border-radius: 8px;
}
.block-3-glassdoor {
    width: 31.815%;
    float: left;
    margin-left: 2.2775%
}
.glassdoor-olx-content {
    width: 43%;
    text-align: center;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 63px
}
.glassdoor-olx-content h3 {
    margin-bottom: 0
}
.two-and-three .block-1 {
    height: auto;
    overflow: hidden
}
.two-and-three .block-1>img {
    width: 100%;
    height: auto
}
.two-and-three .block-2,
.two-and-three .block-3 {
    position: absolute;
    height: 100%
}
.two-and-three .info-right .block-3 {
    top: 0;
    right: 0;
    left: auto
}
.two-and-three .info-left .block-3,
.two-and-three .info-right .block-2 {
    right: auto;
    left: 0;
    top: 0
}
.two-and-three .info-left .block-2 {
    top: 0;
    left: auto;
    right: 0
}
.two-and-three .info-left .block-2 h2,
.two-and-three .info-left .block-3 h2,
.two-and-three .info-right .block-2 h2,
.two-and-three .info-right .block-3 h2 {
    margin: 20px 10px 5px 20px
}
.two-and-three .info-left .block-2 p,
.two-and-three .info-left .block-3 p,
.two-and-three .info-right .block-2 p,
.two-and-three .info-right .block-3 p {
    margin: 5px 10px 10px 20px
}
.black-gradient {
    background-color: #7f7f7f!important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .45)), color-stop(33%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, .45) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 100%);
    /*filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#73000000', endColorstr='#00000000', GradientType=0);*/
}
.half-tile,
.overlay-big,
.overlay-medium,
.overlay-tall,
.overlay-tile-nine-blocks,
.overlay-tile-search,
.overlay-tile-two-blocks,
.overlay-whole-width,
.whole-tile {
    background-size: cover;
    background-position: center center
}
.half-tile {
    background-image: url(../img/overlay-tile-half.png)
}
.whole-tile {
    background-image: url(../img/overlay-tile.png);
    height: 264px
}
.overlay-big {
    background-image: url(../img/overlay-tile-big.png);
    background-size: 308px 484px
}
.overlay-medium {
    background-image: url(../img/overlay-tile-medium.png)
}
.overlay-tall {
    background-image: url(../img/overlay-tile-tall.png)
}
.whole-tile.colleague {
    background-image: url(../img/overlay-tile-col.png);
    height: 100%;
    min-height: 210px;
    position: relative
}
.vacancies .testim-block .whole-tile.colleague {
    height: 100%;
    min-height: 180px;
    position: relative
}
.vacancies .testim-block .whole-tile.colleague .align-text {
    position: absolute;
    top: 50%;
    width: 94%;
    padding: 0 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}
.overlay-whole-width {
    background-image: url(../img/overlay-tile-questionaire.png)
}
.overlay-tile-search {
    background-image: url(../img/overlay-tile-search.png)
}
.overlay-tile-two-blocks {
    height: 88px;
}
.overlay-tile-nine-blocks {

}
.block-1>.tile-align-r {
    left: inherit;
    top: 0!important;
    right: 0!important
}
.closeBut,
.feedback-cont {
    right: 0;
    position: absolute
}
.row p a {
    color: grey
}
.menu-wrap {
    max-width: 1400px;
    max-height: 143px;
    background-color: rgb(37,193,208);
    padding-top:1.5%;
    padding-bottom:1.5%;
}
.full-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}
.menu-wrap ul li,
.menu-wrap-logo {
    display: inline-block;
    position: relative;


}



.menu-wrap-logo {
    /*width: 7%;*/
    /*height: 70px;*/
    margin-left:5%;
}
/*.menu-wrap-logo img {
    width: 180%;
    height: auto;
    padding: 5px 0 0 25px
}*/
.menu-wrap ul {
    max-width: 1400px;
    /*padding: 0 350px 0 0;*/
    margin: 10px auto;
    text-align: center;
    display: inline-block;
    float: right;

}

.menu-wrap ul  {
    max-width: 1400px;
    padding: 0;
    margin: 10px auto;
    text-align: center;
    display: inline-block;
    float: right;

}

/*header > nav > ul > li{
    margin-right:40px;
}*/

/*header > nav > ul > li:first-child{*/
    /**/
/*}*/

header > nav > ul > li.last{

    border-radius: 30px;
    color: black;
    background-color:white;
    margin-right:90px
}

header > nav > ul > li.last > a{
    color: black;
    margin: 0 20px 0 20px;
    padding:15px 5px 15px 5px;
}


.menu-wrap ul li.menu-highlight-item {
    margin: 0 0 0 25px
}
.menu-wrap a.menu-highlight-link {
    border-radius: 8px;
    padding: 17px 25px
}
.menu-wrap a.menu-highlight-link:hover {
    background-color: #4e84bb
}

nav ul.navigation li.sub-page > a {
    background: url(../img/arrow-down.png) no-repeat scroll 100% 50% transparent;
}
.menu-wrap a {
    padding: 13% 7% 13% 0;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    /*margin-left: 50px;*/
}
.menu-wrap a.full-link {
    padding: 0
}
.menu-wrap ul.sub-menu {
    margin: 0;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 3;
    width: 150%;
    text-align: center;
    padding: 0;
    left: -25%;

}
.menu-wrap li:hover .sub-menu {
    display: block;
}

.menu-wrap ul.sub-menu li {
    
    display:block;
    position: relative;
    padding-left:15px;
    padding-right:15px;
}

.menu-wrap ul.sub-menu li a{
    border-top:1px solid #51cdd9;
    font-size: .85rem;
    display: block;
    padding:20px 10px;
}


.menu-wrap ul.sub-menu li:first-child a{
    border-top:0;
}

/*.menu-wrap ul.sub-menu li:before {
    content: "";
    top: -1px;
    height: 1px;
    background: #2265aa;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    position: absolute
}*/
.menu-wrap ul.sub-menu li:hover {
    /*background-color: #4e84bb;
    z-index: 2*/
}
/*.menu-wrap ul.sub-menu li:hover:before {
    background: #4e84bb;
    width: 100%
}*/

.menu-wrap ul.sub-menu li a:hover {
/*
    color: #fff;
    background-color: #51cdd9;
*/
}
.menu-mobile {
    position: absolute;
    width: 25px;
    height: 19px;
    padding: 10px;
    /*left: 10px;*/
    top: 38px;
    -webkit-transition: background .2s;
    transition: background .2s;
    cursor: pointer;
    display: none;
    right:24px;
    background-color: white;
    border-radius: 10px;
}
.mobile-icon span {
    -webkit-transition: background 0s .2s;
    transition: background 0s .2s
}
.menu-mobile span {
    display: block;
    position: relative;
    top: 8px;
    width: 25px;
    left: 0;
    height: 3px;
    background-color: #51cdd9;
    border-radius: 2px
}
.mobile-icon span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform
}
.mobile-icon span::after,
.mobile-icon span::before {
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s
}
.menu-mobile span::before {
    top: -8px
}
.menu-mobile span::after {
    bottom: -8px
}
.menu-mobile span::after,
.menu-mobile span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color:#51cdd9;
    content: "";
    border-radius: 5px
}
.mobile-icon.menuActive span {
    background: 0 0
}
.mobile-icon.menuActive span::after,
.mobile-icon.menuActive span::before {
    -webkit-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s
}
.mobile-icon.menuActive span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.mobile-icon.menuActive span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.mobile-icon span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform
}
.feedback-cont {
    top: 50px;
    width: 116px;
    height: 154px;
    background: url(../img/feedback-bg.png);
    z-index: 10;
    background-size: 116px 154px;
    border-bottom-left-radius: 8px
}
a.beta-button {
    padding-top: 28px;
    display: block;
    height: 100%;
    width: 100%
}
.closeBut {
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../img/close.png) no-repeat;
    background-size: 13px 13px;
    cursor: pointer;
    background-position-x: 10px;
    background-position-y: 5px
}
@-moz-document url-prefix() {
    .closeBut {
        background-position: 10px 5px
    }
}
.feedback-cont span {
    width: 80px;
    margin: 0 auto;
    display: block;
    text-align: center
}
.feedback-cont span.first {
    line-height: 1.2em
}
.feedback-cont span.second {
    line-height: 1.1em;
    font-size: .9em
}
.feedback-cont span.third {
    line-height: 1.1em;
    font-size: .8em;
    margin-top: 16px
}
.feedback-cont span.fourth {
    font-size: .8em;
    position: relative
}
.feedback-cont span.fourth:after {
    content: "";
    position: absolute;
    bottom: -5px;
    height: 1px;
    width: 71%;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: auto
}
.menuActive .shade-on-menu,
.menuActive .shade-slider {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 30;
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    left: 0
}

.menuActive .shade-on-menu {
    display: block
}
.shade-slider {
    display: none
}
.menuActive .shade-slider {
    display: block
}
.flexslider {
    border: 0
}
.flex-control-nav {
    bottom: 7px;
    text-align: left;
    z-index: 2;
    padding-left: 15px
}
.flex-control-paging li a {
    background: 0 0;
    width: 13px;
    height: 13px
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
    background: #fff
}
.slider-media {
    /*max-width: 968px;*/
    width: 100%;
    position: relative;
    /*margin-bottom: 20px*/
}
.flex-viewport,
.flexslider,
.flexslider .slides>li,
.main-text,
.slides {
    height: 100%;
    position: relative
}
.flex-viewport {
    max-width: 100%
}
.testim-wrapper .flex-viewport,
.tpl-coworker_detail .testimonial-slider .flex-viewport {
    max-width: 656px;
    margin: 0 auto
}
.coworker-small .flex-viewport {
    max-width: 100%
}
.slider-media img {
    width: 100%;
    height: auto;
    /*border-top-left-radius: 8px*/
}
.slider-media .flexslider {
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
    margin-bottom: 0;

}
.slider-media .flex-direction-nav {
    /*display: none*/
}
.bg-cover {
    height: 100%;
    background-size: cover;
    background-position: center center;
    position: relative
}
.videoPopup {
    height: 84px;
    width: 84px;
    position: absolute;
    top: 40%;
    right: 30%
}
.videoPopup img {
    width: 100%;
    height: auto
}
.slider-media.lower .videoPopup,
.two-and-three .block-2 .videoPopup {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}
.videoPopupLeft {
    height: 84px;
    width: 84px;
    position: absolute;
    top: 40%;
    left: 30%
}
.videoPopupLeft img {
    width: 100%;
    height: auto
}
.slider-media.lower .videoPopupLeft {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto
}
.errorField {
    border: 2px solid red!important;
    color: red
}
.main-text {
    width: 33%;
    height: 22%;
    position: absolute;
    font-size: 1rem;
    left: 32%;
    top: 6%;
    z-index: 1;
    padding: 20px;
    text-align: center;
    border-radius: 10px;

}
.middle {
    width: 75%;
    margin: 0 auto
}
.search-field {
    position: relative;
    border-radius: 25px;
    border: solid rgb(81,205,217) 2px;
    width:37%;
    margin-bottom: 20px;
}
.search input {
    border: 0;
    outline: 0;
    height: 39px;
    width: 80%;
    border-color: #00A6C7;
}
.search .search-but {
    position: absolute;
    right: 3%;
    top: 7%;
    width: 30px;
    text-align: center;
    height:35px;
}
.search .search-but-2 {
    position: relative;
    border-radius: 8px!important;
    width: 205px;
    text-align: center;
    margin-left: 23px
}
.dd-options,
.dd-select,
.dd-selected {
    border: 0!important;
    text-align: center
}
.search .middle .select-inputs>div {
    float: left;
    margin-left: 23px
}
.search .middle .select-inputs>div:first-child {
    margin-left: 0
}
.dd-options,
.search .middle .select-inputs>div {
    /*width: 205px!important;*/
    box-sizing: border-box
}
.dd-select,
.dd-selected {
    background-color: #fff;
    color: white!important;
    border-radius: 25px!important;
    font-weight: bold!important;
}
.dd-options {
    top: 35px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: scroll;
    max-height: 174px;

}
.dd-option:after {
    content: "";
    bottom: -1px;
    height: 1px;
    background: #465a65;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    display: block;
    z-index: 1;
    position: absolute
}
.dd-option.dd-option-selected:after,
.dd-option:hover:after {
    width: 100%
}
.dd-options a,
.dd-options label,
.dd-options li {
    cursor: pointer!important
}
.dd-options>li:first-child {
    background-color: #465a65!important;
    color: white !important
}
.dd-options>li:first-child:after {
    background: 0 0
}
.dd-option {
    overflow: visible!important;
    background-color: #fff;
    color: #465a65 !important;
    border: 0!important;
    position: relative
}
.search-block .button,
.search-block-2 .button {
    text-align: center;
    border: none;
    display: block;
    box-sizing: border-box
}
.dd-option-selected,
.dd-option:hover {
    background-color: #465a65!important;
    color: #fff!important;
    position: relative
}
.search-block {
    width: 100%;
    max-width: 636px;
    margin: 0 auto 20px
}
.search-block>form>ul {
    padding: 0;
    margin-bottom: 0
}
.search-block>form>ul>li {
    height: 176px;
    width: 48.42767295597616%;
    float: left;
    margin-bottom: 20px;
    text-align: center;
    list-style: none;
    position: relative
}
.search-block>form>ul>li:nth-child(even) {
    margin-left: 3.14465408804768%
}
.search-block h3 {
    padding: 10px 20px
}
.input-cont {
    position: absolute;
    width: 230px;
    height: 42px;
    right: 0;
    left: 0;
    bottom: 40px;
    margin: auto
}
.insta-middle,
.top-bar {
    position: relative;
    line-height:1;
}
.search-block .dd-options,
.search-block .dd-select,
.search-block .input-cont>div {
    width: 100%!important;
    box-sizing: border-box
}
.search-block .button {
    width: 100%;
    padding: 10px 20px;
    color: #fff
}
.search-block-2 .button {
    width: 105%;
    padding: 10px 20px;
    color: #fff
}
.insta,
.linkedin-olx,
.search,
.slider-testimonials,
.testimonial-slider,
.testimonials {
    /*margin-bottom: 20px;*/
    position: relative
}
.top-bar {
    padding: 10px 0 10px 0;
    text-align: center;
}
.top-bar h3 {
    margin: 0 10px 0 0;
    color:rgb(174,174,174);
}
.top-bar h4{
    color: rgb(174,174,174);
    font-size: 23px;
}
.top-bar hr{
    width: 2%;
    margin-left: 48%;
    height:0;
    border: solid rgb(81,205,215) 6px;
}

.bottom-bar,
.vacancy-bottom-bar {
    padding: 10px 20px;
    border-bottom-right-radius: 8px;
    text-align: right
}
.apply-form .contact-button-wrap,
.block-1 .linkedin-widget,
.contact-info-block-type,
.contact-info-block-type h3,
.quest .block-3,
.quest .progress,
.quest h1,
.quest-intro-content,
.slider-media.lower .main-text,
.testim-top-content {
    text-align: center
}
.slider-testimonials .flex-direction-nav .flex-prev,
.testimonial-slider .flex-direction-nav .flex-prev {
    left: 20px;
    opacity: 1;
    font-size: 0
}
.slider-testimonials .flex-direction-nav .flex-next,
.testimonial-slider .flex-direction-nav .flex-next {
    right: 20px;
    opacity: 1;
    font-size: 0
}
.slider-testimonials .flex-direction-nav a {
    opacity: 1;
    -webkit-transition: none;
    height: 44px;
    font-size: 0
}
.flex-direction-nav a:before {
    content: ""!important;
    background: url(../img/arrows-sliderv2.png);
    width: 15px;
    height: 26px;
    background-size: 33px 26px
}
.flex-direction-nav a.flex-next:before {
    background-position: -18px 0
}
.flex-direction-nav a.flex-prev:before {
    background-position: 0 0

}
.slider-testimonials-content {
    width: 85%;
    margin: 20px auto 30px
}
.slider-testimonials-content .left,
.slider-testimonials-content .right {
    display: inline-block;
    vertical-align: top
}
.slider-testimonials-content .left {
    width: 12%
}
.slider-testimonials .left img {
    width: 100%;
    height: auto;
    margin-top: 10px;
    border-radius: 60px;
    max-width: 85px
}
.slider-testimonials-content .right {
    width: 75%;
    margin-left: 5%
}
.slider-testimonials-content .right a {
    color: #fff
}
.slider-testimonials a,
.slider-testimonials h2,
.slider-testimonials h4,
.slider-testimonials p {
    margin-bottom: 0;
    margin-top: 0
}
.slider-testimonials h4 {
    margin-bottom: 10px
}
.slider-testimonials .flex-control-nav {
    display: none
}
.flex-control-nav {
    display: none;
}
.testim-block,
.work-reasons-wrap li {
    display: inline-block
}
.ratio-blank {
    width: 100%;
    height: auto
}
.snapwidget-widget {
    position: absolute;
    width: 100%;
    height: 100%!important;
    top: 0;
    left: 0
}
#instimg-iframe {
    width: 100%!important
}
.imageDiv {
    width: 33.33%!important;
    height: 50%!important
}
.slider-media.lower .flexslider {
    left: auto;
    right: 0;
    width: 68.185%
}
.slider-media.lower>.flex-control-nav {
    bottom: 11px;
    margin-left: 33%
}
.slider-media.lower .main-text>.block-3-colleague-content-pic {
    margin-top: 45px
}
.slider-media.lower .main-text h2,
.slider-media.lower .main-text p {
    margin: 0
}
.quest-intro-content {
    width: 51%;
    margin: 0 auto;
    padding: 20px
}
.quest-intro-button {
    margin-top: 40px
}
.quest-intro-content .quest-intro-button a {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    position: relative;
    padding: 10px 40px;
    background-color: #FFF;
    color: #a7b300;
    border-radius: 8px
}
.quest-intro-content .quest-intro-button a:after {
    background-image: url(../img/quest-button.png);
    width: 8px;
    content: "";
    height: 14px;
    position: absolute;
    right: 10px;
    top: 11px
}
.quest .progress {
    margin: 0
}
.quest h1 {
    font-weight: 700;
    margin: 0 auto 30px;
    width: 100%;
    max-width: 450px
}
.quest .block-3 {
    height: 176px;
    cursor: pointer;
    padding: 0 10px;
    box-sizing: border-box
}
.question .border-radius-60 {
    height: 67px;
    width: 67px;
    margin: 20px auto 10px;
    line-height: 67px;
    font-size: 30px
}
.work-reasons-wrap {
    margin-bottom: 20px
}
.work-reasons-wrap ul {
    margin: 0;
    padding: 0
}
.work-reason-first {
    height: 176px
}
.tpl-page_listing .work-reason-first {
    background-position: center center
}
.reason-content-first {
    width: 67%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 10%;
    transform: translateX(25%)
}
.work-reasons-reason p {
    color: #000;
    margin-top: 5px
}
.work-reasons-reason p a {
    color: grey
}
.tpl-page_media_list .block-3 p a {
    color: #fff!important
}
.contact-info p a {
    color: grey
}
.question p {
    margin: 0
}
.bg-orange .question .border-radius-60 {
    color: #f70
}
.bg-green .question .border-radius-60 {
    color: #a7b300
}
.bg-purple .question .border-radius-60 {
    color: #4e2c7e
}
.quest .result {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 308px
}
.quest .result img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0
}
.ratio-blank {
    position: relative!important
}
.next-question {
    float: right;
    padding: 10px 20px;
    margin-top: 20px;
    cursor: pointer
}
.quest-intro-content.last a {
    text-decoration: underline;
    color: #fff
}
.linkedin-widget {
    height: 290px;
    overflow-y: hidden;
    margin-top: -6px;
    -webkit-overflow-scrolling: touch
}
.text-block {
    width: 100%;
    margin: 0 auto;
    max-width: 636px
}
.popup-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, .6)
}
.testim-two-and-three {
    padding: 0;
    width: 661px;
    margin: 0 auto
}
.testim-block {
    width: 308px;
    margin: 20px 10px;
    overflow: hidden
}
.testimonial-slider ol.flex-control-nav,
.testimonial-slider>.flexslider>.flex-control-nav {
    display: none
}
.testim-block-item:nth-child(odd) .testim-block {
    float: right
}
.testim-block-item:nth-child(even) .testim-block {
    float: left
}
.testim-top-content {
    padding-top: 20px;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vacancy-block .testim-top-content {
    padding: 0;
    padding-left:2%;
    padding-right:2%;
}
.vacancy-block .testim-top-content h3,
.vacancy-block .testim-top-content p {
    margin: 0;
}
.testim-top-content-img img {
    border-radius: 60px;
    height: 100px!important;
    width: 100px!important;
    margin: 0 auto
}
.center-vertical {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%)
}
.testim-top-content h3,
.testim-top-content p {
    margin: 0
}
.testim-top-content h3 {
    margin-top: 10px;
    font-weight: 700;
    font-size:1.4em;
    line-height: 1.2em;
}
.testim-bottom-content {
    padding: 20px;
    height: 135px;
    box-sizing: border-box;
    overflow: hidden
}
.vacancy-block .testim-bottom-content {
    padding: 10px 20px;
    height: 210px;
    box-sizing: border-box;
    overflow: hidden;
    border-right: 1px solid;
    border-left: 1px solid;
    border-right: none;
    border-left: none;
    text-align: center;
    font-weight: bold;
}
.vacancies .testim-bottom-content {
    min-height: 250px;
    color: #4f2d7f
}
.testim-bottom-content p {
    margin: 0;
    font-size: 1.1em;
}
.testimonial-slider .flexslider {
    margin: 0
}
.testimonial-slider .flexslider .testim-block-wrap {
    width: 661px!important;
    margin: 0 auto
}
.tpl-coworker_detail .flex-direction-nav a {
    top: 50%
}
.contact-info {
    margin-bottom: 25px;
    /*max-width:630px*/
}
.contact-info h1 {
    margin-top: 0
}
.contact-info p {
    color: #000
}
.contact-info-block {
    margin: 10px 0
}
.contact-info-block-type {
    background-color: #4e2c7e;
    max-width: 308px;
    width: 100%;
    height: 88px;
    display: inline-block;
    vertical-align: top
}
.contact-info-block-type h3 {
    width: 30%;
    margin: 0 auto;
    padding: 15px
}
.contact-info-block-type-text {
    width: 40%;
    display: inline-block;
    color: #000;
    margin-left: 25px
}
.contact-info-block-type-text p {
    margin: 0
}
.contact-info-block-type-text p a {
    color: grey
}
.apply-form input.contact-style,
input.contact-style,
select.contact-style {
    border: none;
    margin-right: 15px;
    color: #465a65;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
}
input.contact-style {
    padding: 11px;
    width: 38%
}
.apply-form input.contact-style {
    padding: 11px;
    width: 55%
}
select.contact-style {
    height: 40px;
    background-color: #FFF
}
input.contact-style::-webkit-input-placeholder {
    color: rgb(174,174,174);
}
input.contact-style::-moz-placeholder {
    color: rgb(174,174,174);
}
input.contact-style:-ms-input-placeholder {
    color: rgb(174,174,174);
}
input.contact-style input:-moz-placeholder {
    color: rgb(174,174,174);
}
textarea.contact-style::-webkit-input-placeholder {
    color: rgb(174,174,174);
}
textarea.contact-style {
    width: 97%;
    min-height: 150px;
    padding: 11px;
    color: #465a65;
    border: none;
    box-sizing: border-box
}
textarea.contact-style-submit {
    width: 55%
}
.apply-form button.contact-style,
button.contact-style {
    background-color: #465a65;
    border: none;
    padding: 12px 55px
}
.apply-form button.contact-style {
    width: 100%
}
.contact-horizontal-wrap {
    padding: 10px 0 10px 20px
}
.contact-textarea-horizontal-wrap {
    padding: 10px 0 5px
}
.contact-horizontal-wrap p,
.contact-textarea-horizontal-wrap p {
    display: inline-block;
    margin: 0;
    width: 70px
}
.tpl-form_contact .contact-form-top .contact-horizontal-wrap:first-child p {
    width: 100%
}
.contact-option-country {
    width: 240px;
    margin-top: 10px
}
.dd-options,
.tpl-form_contact .dd-select {
    /*width: 235px!important*/
}
.tpl-form_contact .dd-selected {
    padding: 9px
}
.apply-form {
    width: 50%;
    max-height: 90%;
    word-wrap: break-word;
    overflow: auto;
    position: fixed;
    margin: 0 auto;
    top:10%;
    /*border-top-left-radius: 10px;*/
    /*border-bottom-right-radius: 8px;*/
    border-radius: 10px;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .5);
}
.apply-form .contact-form-top {
    margin-bottom: 0
}
#popup-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    background: rgba(0, 0, 0, .6)
}
.applyButton {
    background-image: url(../img/linkedin_apply/Apply-Large---Default.png);
    height: 40px;
    width: 205px;
    display: block;
    background-size: 100%;
    cursor: pointer
}
.applyButton:hover {
    background-image: url(../img/linkedin_apply/Apply-Large---Hover.png)
}
.apply-form .top-bar span {
    width: 20px;
    height: 20px;
    background: url(../img/x-apply.png);
    background-size: 20px 20px;
    cursor: pointer;
    position: absolute;
    top: 13px;
    right: 13px
}
.apply-form .top-bar {
    padding-left: 0;
}
.apply-form .top-bar h3 {
    padding-left: 20px;
    display: inline-block
}
.apply-form .contact-horizontal-wrap p {
    display: inline-block;
    margin: 0;
    width: 150px
}
#applySuccess,
.vacancy-search-list {
    display: none
}
.apply-form label {
    color: #465a65;
}
.apply-form .contact-button-wrap {
    position: relative;
    padding: 20px 20px 10px;
    box-sizing: border-box
}
.contact-textarea-horizontal-wrap p {
    width: 100%;
    margin: 0
}
.contact-form-middle,
.contact-form-top {
    padding: 10px 0;
    margin-bottom: 20px
}
.contact-form-bottom {
    padding: 10px 0
}
.contact-textarea-wrap {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box
}
.contact-button-wrap {
    width: 100%;
    position: relative;
    padding: 15px 25px 15px 0;
    text-align: right;
    box-sizing: border-box
}
.contact-button-wrap > p >strong > a {
    color: #465a65;
    text-decoration: underline;
}



.form-submit-text {
    padding: 5px 20px;
    text-align: center
}
.form-submit-new-button-wrap {
    width: 145px;
    margin: 0 auto 20px
}
.form-submit-new-button {
    border-radius: 8px;
    background-color: #fff;
    border: none;
    padding: 12px
}
.mask-loading {
    /*widows: 100%;*/
    background-color: rgba(0, 0, 0, .4)
}
.spinner {
    width: 50px;
    height: 50px;
    position: relative;
    margin: 0 auto
}
.img-404,
.vacancy-search-input-wrap {
    margin-top: 20px
}
.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}
@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
.contact-form-top {
    position: relative
}
.loading-overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999
}
input.feedback-style {
    color: #85267e
}
input.feedback-style::-webkit-input-placeholder {
    color: #aa67a5
}
input.feedback-style::-moz-placeholder {
    color: #aa67a5
}
input.feedback-style:-ms-input-placeholder {
    color: #aa67a5
}
input.feedback-style input:-moz-placeholder {
    color: #aa67a5
}
textarea.feedback-style::-webkit-input-placeholder {
    color: #aa67a5
}
textarea.feedback-style {
    color: #85267e
}
button.feedback-style {
    background-color: #85267e;
    border: none;
    padding: 12px 55px
}
.img-404 {
    width: 90px!important;
    height: 90px!important
}
.search .vacancy-search-wrap {
    padding: 20px 43px 25px
}
.vacancy-search-wrap {
    padding: 43px;
    margin-bottom: 0;
    padding-bottom: 5%;
}
input.vacancy-style {
    border: none;
    padding: 14px;
    width: 78%;
    color: #4e2c7e
}
input.vacancy-style::-webkit-input-placeholder {
    color: #aa67a5
}
input.vacancy-style::-moz-placeholder {
    color: #aa67a5
}
input.vacancy-style:-ms-input-placeholder {
    color: #aa67a5
}
input.vacancy-style input:-moz-placeholder {
    color: #aa67a5
}
textarea.vacancy-style::-webkit-input-placeholder {
    color: #aa67a5
}
textarea.vacancy-style {
    width: 93%;
    min-height: 150px;
    margin: 0 0 0 20px;
    padding: 11px;
    color: #85267e;
    border: none
}
button.vacancy-style {
    background-color: #4e2c7e;
    border: none;
    padding: 12px 55px
}
.input-cont-vacancy {
    width: 203px;
    height: 42px;
    margin-right: 30px;
    float: left
}
.input-cont-vacancy:last-child {
    margin-right: 0
}
.vacany-search-input-option-wrap {
    width: 45%;
    margin: 0 auto;
}
.vacancy-search-style {
    background-color: #4e2c7e;
    border: none;
    width: 205px;
    height: 42px;
    margin-right: 23px;
    float: left;
    text-align: center;
    line-height: 42px;
    cursor: pointer
}
.vacancy-search-style.active {
    background-color: #465a65
}
.vacancy-search-style:last-child {
    margin-right: 0!important;
    background-color: rgb(174,174,174);
    margin-left:23%;
    border-radius: 21px;
    color: rgb(235,239,242);
    font-weight: 600;
    font-size: 25px;
    text-transform: none;
    width: 53%;
    padding-bottom: 1%;
    padding-top: 1%;
    margin-top: 8%;
}
#functionSelect a.dd-selected,
#professionalSelect a.dd-selected {
    background-color: grey
}
.vacancy-search-maps {
    margin-top: 20px
}
#map {
    width: 100%;
    height: 550px
}
.arrow-link {
    width: 11px;
    height: 16px;
    display: inline-block;
    background-size: 8px;
    background: url(../img/link-arrow.png) no-repeat center;
    position: relative;
    top: 3px
}
.vacancy-block:nth-child(3n+1) {
    margin-left: 0
}
.vacancy-block:nth-child(3n+3) {
    margin-right: 0
}
.apply-now,
.vacancy-block .read-more {
    padding: 18px 5px;
    min-height: 56px;
    width: 50%;
    text-align: center;
    float: left;
    box-sizing: border-box;
    cursor: pointer
}
.vacancy-block .read-more {
    border-bottom-right-radius: 8px
}
.no-search-results-text {
    color: #465a65;
    padding: 20px;
    display: none;
    margin: 0 auto;
    margin-left: 25%;
    margin-right: 25%;
    font-size: 1.1em;
    padding-bottom: 50px;
}
.alert-box {
    display: inline-block;
    vertical-align: top;
    width: 49%
}
.alert-box h3 {
    margin-bottom: 15px;
    margin-left: 20px;
    font-weight: 600;
    font-size: 1.3rem
}
.alert-box p {
    display: inline-block;
    margin: 0;
    width: inherit!important
}
.alert-box input {
    margin-right: 10px
}
.select-plus-button .dd-options>li:before {
    background-image: url(../img/plus-button.png);
    height: 20px;
    width: 20px;
    position: absolute;
    display: block;
    right: 14px;
    top: 8px;
    content: "";
    background-size: 20px 20px
}
.select-plus-button .dd-options>li:first-child:before {
    background-image: none
}
.google-infowindow {
    overflow: auto;
    margin-right: 15px
}
.google-block {
    margin-top: 10px;
    margin-bottom: 65px
}
.google-infowindow-apply {
    float: left;
    margin-top: 3px
}
.google-infowindow-read-more {
    float: right
}
.google-infowindow-related-block {
    width: 255px
}
.google-infowindow a .vacancy-detail-related-block {
    margin: 5px 0 0
}
.google-infowindow-related-info {
    min-height: 50px!important
}
.reason-content {
    padding: 18px 10px 10px 90px;
    height: 100%;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 90%
}
.work-reasons-reason h2 {
    margin: 0;
    font-size: 1.2em;
    font-weight: 300
}
/*.share-box {

    position: absolute;
    width: 270px;
    padding-top: 5px;
    box-sizing: border-box;
    border-radius: 8px;
    top: 374px;
    height: 1.3%;
    text-align: center;
    display: inline;

}*/
.addthis_sharing_toolbox {
    width: 55%;
    margin-top:7%;
    display: inline;
    text-align: center;
}

.shareBox sharebox{
    display: inline;
}
.vacancy-detail-section-left {
    width: 50%;
    float: left;
    padding-left: 7%;
}
.vacancy-info-intro {
    width: 100%
}
.vacancy-info-intro h1{
    font-weight: bold;
}
.vacancy-info-intro p{
    font-weight: bold;
}
.vacancy-info-wrap {
    padding: 10px 0 10px 15px;
}
.vacancy-info-block {
    padding: 10px 0;
    margin-left: 2%;
}
.vacancy-info-block img {
    display: inline-block;
    margin-right: 10px
}
.vacancy-info-block p {
    display: inline-block;
    margin: 0
}
.vacancy-detail-section-right {
    width: 32%;
    float: left;
    margin-left:5%;
    margin-top: 2%;
}
.vacancy-info-main-text{
    margin-top: 6%;
    color: rgb(174,174,174);
}
.vacancy-info-main-text p a {
    color: grey
}
.vacancy-action-wrap {
    min-height: 376px;
    padding: 20px
}
.vacancy-detail-button-style,
.vacancy-detail-button-style-white {
    display: block;
    color: white;
    border: none;
    padding: 10px 0;
    text-align: center;
    width: 100%
}
.vacancy-action-wrap h2 {
    margin: 0;
    text-align: center;
    color: rgb(174,174,174);

}
.vacancy-detail-button-style {
    margin: 20px 0
}
.vacancy-detail-button-style:last-child {
    margin-bottom: 0
}
.vacancy-detail-button-style-white {
    margin: 20px 0
}
.subscribeArea {
    padding: 20px;
    box-sizing: border-box
}
.subscribeArea input {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 20px
}
.subscribeArea button {
    float: right;
    padding: 12px 20px
}
.related-job-department,
.related-job-location {
    background-repeat: no-repeat;
    padding-left: 30px
}
.related-job-location {
    background-image: url(../img/location-icon-white.png);
    background-size: 12px 20px;
    /*background-position-y: 30%;*/
    padding-bottom: 15px
}
.related-job-department {
    background-image: url(../img/department-icon-white.png);
    background-size: 12px 17px;
    padding-bottom: 5px
}
.related-job-title {
    font-weight: bolder
}
.related-job-font-size {
    font-size: 1.1em
}
.related-jobs-overflow-y-box {
    height: 700px;
    overflow-y: scroll
}
.related-job-inline {
    display: inline-block!important;
    width: 70%
}
.related-job-block {
    padding: 0 0 10px
}
.related-job-block2 {
    padding: 0
}
.related-job-read-more {
    padding: 3px 20px;
    padding-bottom: 3%;
}
.related-job-detail-block {
    padding: 5px 20px 5px 15px!important
}
.vacancy-detail-related-block {
    margin: 15px 0
}
.vacancy-detail-related-block-top {
    padding: 23px 10px;
    box-sizing: border-box
}
.vacancy-detail-related-block .left {
    float: left;
    width: 10%
}
.vacancy-detail-related-block .left img {
    width: 100%;
    height: auto;
    margin-top: 5px
}
.vacancy-detail-related-block .right {
    float: right;
    width: 85%
}
.vacancy-detail-related-block-top h3,
.vacancy-detail-related-block-top p {
    margin: 0 0 -10px;
    line-height: 1.3em;
    padding-top: 2%;

}
.vacancy-detail-related-block-bottom {
    background-color: purple;
    text-align: right;
    padding: 10px 20px 10px 10px
}
.vacancy-detail-related-block-bottom a {
    margin: 0;
    color: #fff
}
.tpl-vacancy_detail .overlay-tile-two-blocks {
    height: 100%!important
}
.tpl-vacancy_detail .vacancy-detail-related-block-top {
    padding: 10px 20px
}
footer {
    background-color:rgb(174,174,174);
    /*padding-bottom:4%;*/
}


footer div.footer-logo{
    margin-bottom:2%;
    margin-left:5%;
}

footer div.footer-container{
    padding:4%;
    position: relative;
    min-height: 150px;
}


footer div.footer-social-icons {
    width:43%;
    position: absolute;
    /*bottom:0;*/
    left:8.5%;
}
footer div.footer-nav{
    width:50%;
    position: absolute;
    bottom:24%;
    right:9%;
    text-align:right;
}
footer div.footer-bottom{
}

footer div.footer-social-icons img {
}


footer div.footer-logo img{


}

footer div.footer-social-icons a{
    display:inline-block;
    }

/*footer div.footer-social-icons a img {
    background-color: rgb(129, 129, 129);
    border-radius: 50%;


}*/


footer div.footer-nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
footer div.footer-nav li{
    margin: 0;
    border: 0;
    vertical-align: baseline;
    display: inline;
    padding: 0 0 0 2%;
}
footer div.footer-nav a{
    color:white;
}


.footer-bottom-wrap p {
    margin-left: 30px
}
.footer-bottom-wrap {
    color: #000;
    font-size: .8em
}
.tpl-vacancy_search .overlay-tile-two-blocks {
    height: 100%;
    min-height: 105px;
}
.media-grid.grid3 li {
    width: 50%!important
}
@media only screen {
    .center-vertical {
        top: 5%
    }
    .block-3-content-right {
        top: 25%
    }
    .menu-wrap ul.sub-menu li:last-child {
        top: -1px
    }
}
@media only screen and (max-width: 1024px) {
    .feedback-cont {
        right: 0
    }
    .share-box {
        position: relative;
        top: 0;
        width: 100%
    }
    .addthis_sharing_toolbox {
        /*width: 108px*/
    }
}
@media only screen and (min-width: 990px) {
    .slider-media.lower .main-text>.block-3-colleague-content-pic {
        margin-bottom: 20px;
        margin-top: 25px;
        width: 40%
    }
    .block-3-colleague-content-text h2 {
        font-size: 1.7em
    }
    .block-3-colleague-content-text p {
        font-size: 1.2em
    }
}
@media only screen and (max-width: 990px) {
    .search .middle .select-inputs>div,
    .search .search-but-2 {
        margin-left: 2.6%;
        width: 31.6%!important
    }
    .wrapper {
        /*padding: 0 20px;*/
        box-sizing: border-box
    }
    .search .search-but-2 {
        height: 42px
    }
    .tpl-vacancy_search .vacany-search-input-option-wrap .vacancy-search-style {
        width: 31.6%!important;
        margin-right: 2.6%;
        height: 42px;
        line-height: 42px
    }
    .dd-options,
    .search-block .input-cont>div {
        width: 100%!important
    }
    .feedback-cont {
        right: 20px
    }
    .whole-tile.colleague {
        min-height: 0
    }
    .block-3-colleague-content-pic {
        margin-top: 10px!important
    }
    .colleague-text {
        padding: 0 10px
    }
    .tpl-coworker_detail .testim-block .whole-tile.colleague {
        height: 100%;
        padding-bottom: 10px
    }
    .tpl-vacancy_search .read-more {
        padding-bottom: 8px!important
    }
}
@media only screen and (max-width: 970px) {
    html {
        font-size: .9em;
        line-height: 1.3em
    }
    .apply-form {
        width: 92.524%;
        top: 20px;
        max-height: 95%
    }
    .apply-form .top-bar span {
        top: 10px;
        right: 10px
    }
    .search .search-but-2 {
        width: 31.6%!important;
        margin-left: 2.6%;
        height: 38px
    }
    .tpl-vacancy_search .vacany-search-input-option-wrap .vacancy-search-style {
        width: 31.6%!important;
        margin-right: 2.6%;
        height: 38px;
        line-height: 38px
    }
}
@media only screen and (max-width: 870px) {
    html {
        font-size: .8em;
        line-height: 1.2em
    }
    .apply-form .top-bar span {
        top:13px;
        right: 7px
    }
    .vacancies .testim-bottom-content {
        min-height: 200px
    }
    .search .search-but-2 {
        height: 35px
    }
    .tpl-vacancy_search .vacany-search-input-option-wrap .vacancy-search-style {
        width: 31.6%!important;
        margin-right: 2.6%;
        height: 35px;
        line-height: 35px
    }
}
@media only screen and (max-width: 768px) {
    ul.navigation {
        padding-right: 0!important
    }
    .main-text {
        width: 50%
    }
    .slider-media.lower .main-text {
        width: 31.819%
    }
    .search .middle .select-inputs>div {
        width: 48.7%!important
    }
    textarea.contact-style {
        width: 100%
    }
    .tpl-vacancy_search .vacany-search-input-option-wrap .vacancy-search-style {
        width: 100%!important;
        margin-bottom: 10px;
        display: block;
        margin-right: 0;
        height: 35px;
        line-height: 37px
    }
    .arrow-link {
        background-size: 7px;
        height: 13px
    }
    .search .middle .select-inputs>div:nth-child(3n) {
        margin-left: 2.6%
    }
    .search .middle .select-inputs>div:nth-child(-n+2) {
        margin-bottom: 10px
    }
    .search .search-but-2 {
        width: 100%!important;
        margin-left: 0;
        margin-top: 5px;
        height: 35px
    }
    .tpl-form_contact .contact-form-top .contact-horizontal-wrap:first-child p {
        text-align: left
    }
    .contact-option-country {
        margin-top: 10px;
        margin-right: inherit;
        margin-left: inherit;
        margin-bottom: inherit;
    }
    .apply-form input.contact-style {
        width: 100%;
        margin-right: 0
    }
    .apply-form .contact-horizontal-wrap p {
        width: auto;
        margin-right: 50px
    }

    .tpl-form_contact .menuActive .wrapper,
    .tpl-form_feedback .menuActive .wrapper,
    .tpl-quest_intro .menuActive .wrapper,
    .tpl-vacancy_detail .menuActive .wrapper,
    .tpl-vacancy_search .menuActive .wrapper {
        margin-top: 0
    }
    input.contact-style {
        display: block;
        margin-top: 10px;
        width: 100%;
        box-sizing: border-box
    }
    .contact-horizontal-wrap {
        padding-right: 20px
    }
    .contact-info-block {
        max-width: 308px
    }
    .contact-info-block-type-text {
        width: 100%;
        margin-top: 10px;
        margin-left: 0
    }
    .vacancy-block .testim-bottom-content {
        height: 180px
    }
    .hide-mobile {
        display: none
    }
    .work-reasons-reason.block-3 {
        width: 48%;
        margin-left: 2%;
        min-height: 176px
    }
    .testim-wrapper .flex-viewport,
    .tpl-coworker_detail .testimonial-slider .flex-viewport {
        max-width: 500px
    }
    .testim-wrapper .flex-viewport .testim-block,
    .tpl-coworker_detail .testimonial-slider .testim-block {
        width: 230px
    }
}
@media only screen and (max-width: 740px) {
    .block-3-content-right h3,
    .block-3-content-right p {
        line-height: 1.2rem
    }
    .block-3-content-right p {
        margin-top: 5px;
        font-size: .7em
    }
}
@media only screen and (max-width: 670px) {
    .youtubeContainer {
        width: 300px;
        margin: 0 auto;
        display: block;
        height: 200px
    }
    .main-text a,
    .wrapper p a {
        color: grey!important;
        text-decoration: underline
    }
    .tpl-quest_intro .container .main-text {
        background-color: #FFF;
        border-radius: 0
    }
    .linkedin-olx.glassdoor .block-2,
    .linkedin-olx.glassdoor .block-3 {
        width: 100%;
        margin-left: 0
    }
    .menuActive .wrapper {
        margin-top: -20px
    }
    .menuActive .slider-media {
        margin-top: 0
    }
    .tpl-vacancy_search .block-3 {
        width: 49%;
        margin-left: 2%!important
    }
    .tpl-vacancy_search .block-3:nth-child(1n) {
        margin-left: 2%!important
    }
    .tpl-vacancy_search .block-3:nth-child(2n+1) {
        margin-left: 0!important
    }
    .tpl-quest_intro .mian-text {
        background-color: #fff;
        border-top-left-radius: 0
    }
    .quest-intro-content .quest-intro-button a {
        border: 1px solid
    }
    .border-radius-b-r,
    .feedback-cont {
        border-bottom-right-radius: 5px
    }
    .tpl-quest_main .quest-intro-content .quest-intro-button a {
        background-color: #A8B400;
        color: #fff!important
    }
    .border-radius-t-l {
        border-top-left-radius: 5px
    }
    .border-radius-b-l {
        border-bottom-left-radius: 5px
    }
    .border-radius-t-r {
        border-top-right-radius: 5px
    }
    .form-submit-new-button-wrap {
        width: 121px
    }
    .closeBut,
    .feedback-cont span.first,
    .feedback-cont span.second {
        display: none
    }
    .feedback-cont span.first {
        margin-top: 14px
    }
    a.beta-button {
        padding-top: 0
    }
    .feedback-cont span.third {
        line-height: 1em;
        font-size: .8em;
        margin-top: 8px
    }
    .feedback-cont {
        width: 80px;
        height: 45px;
        top: 15px;
        border-bottom-left-radius: 0
    }
    .flexslider .slides img.border-radius-b-r,
    .main-text.c404 {
        border-radius: 0
    }
    .google-infowindow-apply,
    .google-infowindow-read-more {
        width: 100%;
        text-align: center;
        padding: 10px;
        display: block;
        float: none
    }
    .google-infowindow-related-block {
        width: 100%;
        float: none
    }
    .main-text,
    .slider-media .flexslider {
        position: relative
    }
    .slider-media ul.slides {
        height: 210px
    }
    .tpl-coworker_detail .slider-media ul.slides {
        height: 100%
    }
    .slider-media .flex-control-nav {
        height: 25px
    }
    .slider-media.lower .flexslider,
    .slider-media.lower .main-text {
        position: absolute
    }
    .flex-control-nav {
        box-sizing: border-box;
        bottom: 0;
        /*background-color: rgba(78, 44, 126, .8);*/
        height: 25px;
        text-align: center
    }
    .slider-media .flex-control-nav li {
        margin: 9px 3px
    }
    .slider-media .ratio-blank {
        display: none
    }
    .tpl-coworker_overview .background-color-slider,
    .tpl-home .background-color-slider,
    .tpl-landing .background-color-slider,
    .tpl-page_listing .background-color-slider,
    .tpl-page_media_blocks .background-color-slider,
    .tpl-vacancy_landing .background-color-slider {
        background-color: #fff;
        color: #4f2d7f
    }
    .tpl-coworker_overview .flex-control-nav,
    .tpl-home .flex-control-nav,
    .tpl-landing .flex-control-nav,
    .tpl-page_listing .flex-control-nav,
    .tpl-page_media_blocks .flex-control-nav,
    .tpl-vacancy_landing .flex-control-nav {
        background-color: rgba(78, 44, 126, .8)
    }
    .fixed-special_landing.tpl-landing .flex-control-nav {
        background-color: rgba(34, 101, 170, .8)
    }
    .fixed-special_landing.tpl-landing .testim-wrapper .flex-control-nav {
        background-color: #4e2c7e
    }
    .tpl-page_blocks .background-color-slider,
    .tpl-page_media_list .background-color-slider {
        background-color: #fff;
        color: #f70
    }
    .tpl-page_blocks .flex-control-nav,
    .tpl-page_media_list .flex-control-nav {
        background-color: rgba(255, 119, 0, .8)
    }
    .bg-d-blue-80 {
        background-color: #fff!important;
        color: rgba(34, 101, 170, 1)!important
    }
    .main-text {
        background-color: transparent;
        background-image: none;
        width: 100%;
        text-align: center;
        color: #2265aa;
        padding-top: 5px
    }
    .main-text h1 {
        margin: 0;
        font-weight: 700;
        padding: 0 10px
    }
    .main-text p {
        margin-bottom: 0;
        font-size: 1.1em;
    }
    .main-text.c404 {
        /*background-color: rgba(78, 44, 126, .8);*/
        color: #fff;
    }
    .slider-media.lower .main-text.overlay-medium {
        background-image: url(../img/overlay-tile-medium.png)
    }
    .slider-media.lower .main-text>.block-3-colleague-content-pic {
        margin-top: 25px
    }
    .slider-media.lower .bg-d-purple {
        background-color: #4e2c7e
    }
    .videoPopup {
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto
    }
    .block-3-content {
        padding: 30px 10px 20px
    }
    .block-3-colleague-content-pic {
        margin-top: 0
    }
    .quest-intro-content {
        width: 90%;
        padding: 20px 20px 20px 10px
    }
    .contact-info-block-type-text {
        width: 80%;
        height: 136px
    }
    .blocks .block-3 {
        width: 100%;
        margin-left: 0
    }
    .blocks .block-3-content {
        font-size: 18px
    }
    .block-3-content-right h3,
    .block-3-content-right p {
        line-height: 1.7rem
    }
    .vacancy-search-style {
        width: 100%;
        margin: 5px 0
    }
    .top-bar {
        padding: 10px 0 10px 0;
        border-top-left-radius: 5px
    }
    .tpl-coworker_overview .block-3-colleague {
        height: 100%!important;
        width: 48%;
        margin-left: 0
    }
    .tpl-coworker_overview .block-3-colleague:nth-child(2n+2) {
        margin-left: 4%
    }
    .testim-block {
        margin: 0;
        left: 0;
        width: 100%!important
    }
    .testim-wrapper .flex-viewport,
    .tpl-coworker_detail .testimonial-slider .flex-viewport {
        max-width: 100%
    }
    .vacancies .testim-block .whole-tile.colleague {
        min-height: 90px
    }
    .vacancies .testim-block .whole-tile.colleague .align-text h3 {
        margin-top: 0
    }
    .vacancies .testim-top-content {
        border-radius: 0;
        text-align: left
    }
    .testim-top-content h3 {
        font-size: 1.5em;
        font-weight: 700
    }
    .testim-top-content p {
        font-size: 1.1em
    }
    .vacancies ol.flex-control-nav {
        display: block;
        background-color: #fff!important
    }
    .other-testimonials .flex-control-nav,
    .other-testimonials .testim-bottom-content,
    .other-testimonials li .bottom-bar,
    .vacancies .flex-direction-nav {
        display: none
    }
    .whole-tile.colleague {
        height: 70px;
        padding: 3px 10px 0 12px!important
    }
    .vacancies .whole-tile {
        background-size: 50%;
        background-position: top left
    }
    .vacancies .testim-bottom-content {
        padding: 12px 12px 0;
        background-color: #b9abcc;
        font-size: 1.1em;
        min-height: 175px
    }
    .vacancies .flex-control-nav {
        position: relative;
        background-color: #fff
    }
    .bottom-bar,
    .vacancy-bottom-bar {
        padding: 5px 12px;
        border-bottom-right-radius: 5px
    }
    .vacancies .bottom-bar,
    .vacancies .vacancy-bottom-bar {
        bottom: 0;
        width: inherit;
        border-bottom-right-radius: 0;
        box-sizing: border-box
    }
    .vacancies .bottom-bar {
        position: absolute;
        -moz-box-sizing: border-box
    }
    .vacancies .vacancy-bottom-bar {
        position: relative;
        -moz-box-sizing: border-box
    }
    .vacancies .flex-control-nav {
        padding-top: 7px
    }
    .vacancies .flex-control-nav a {
        border: 1px solid #4e2c7e;
        text-align: center
    }
    .flex-control-nav li {
        margin: 0 3px
    }
    .flex-control-paging li a {
        width: 7px;
        height: 7px;
        border: 1px solid
    }
    .vacancies .flex-control-nav a.flex-active {
        background-color: #4e2c7e
    }
    .apply-form .top-bar h3 {
        width: 80%;
        line-height: 1.5rem
    }
    .block-1 .block-3 {
        font-size: .85em
    }
    .block-1 .block-3 h2 {
        margin-top: 10px!important
    }
    .slider-testimonials-content {
        width: 94%
    }
    .slider-testimonials .flex-direction-nav .flex-prev,
    .testimonial-slider .flex-direction-nav .flex-prev {
        left: 12px
    }

    .flex-direction-nav .flex-prev{
        font-size: 0;
    }

    .slider-testimonials .flex-direction-nav .flex-next,
    .testimonial-slider .flex-direction-nav .flex-next {
        right: 12px
    }
    .flex-direction-nav a.flex-next:before {
        background-position: -8px 0
    }
    .flex-direction-nav a:before {
        width: 11px;
        height: 15px;
        background-size: 19px 15px
    }
    #breadcrumbs {
        padding: 5px 0 5px 20px!important;
        box-sizing: border-box
    }
    .flex-direction-nav .flex-prev:before {
        width: 10px
    }
    .other-testimonials .testim-block-wrap,
    .other-testimonials .testimonial-slider .flexslider .testim-block-wrap {
        width: 100%!important
    }
    .other-testimonials .whole-tile.colleague {
        height: 100%;
        background-color: #a6c1dd;
        background-image: none;
        padding-top: 20px!important;
        padding-bottom: 15px!important
    }
    .other-testimonials .slides img {
        height: 100%!important;
        max-width: 65px
    }
    .other-testimonials .testim-top-content h3 {
        font-size: 1.2em;
        font-weight: 700
    }
    .other-testimonials .testim-top-content p {
        font-size: 1em
    }
    .other-testimonials .flex-direction-nav a {
        top: 57%
    }
    .tpl-form_contact #breadcrumbs,
    .tpl-form_feedback #breadcrumbs,
    .tpl-quest_intro #breadcrumbs {
        padding-left: 0!important
    }
    .tpl-vacancy_search .read-more {
        padding-bottom: 9px!important;
        padding-left: 0;
        padding-right: 0
    }
    .tpl-coworker_detail .menuActive .wrapper {
        margin-top: 0
    }
    .footer-top-content-block.social-icons {
        margin-left: 30px;
        margin-bottom: 20px
    }
    .block-3-glassdoor {
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }
    .insta .block-2 {
        width: 100%
    }
}
@media only screen and (max-width: 550px) {
    .search-block>form>ul>li {
        width: 100%;
        height: 136px
    }
    .search-block>form>ul>li:nth-child(even) {
        margin-left: 0
    }
    .slider-media .flex-control-nav {
        height: 25px;
        padding-left: 0
    }
    .insta,
    .linkedin-olx,
    .slider-testimonials,
    .testimonial-slider,
    .testimonials {
        margin-bottom: 10px
    }
    .two-and-three .block-1>img {
        display: none
    }
    .block-2 img {
        border-bottom-right-radius: 0;
        border-top-left-radius: 5px
    }
    .two-and-three .block-2,
    .two-and-three .block-3 {
        position: relative
    }
    .block-2.no-marg {
        width: 100%
    }
    .two-and-three .info-left .block-3,
    .two-and-three .info-right .block-3 {
        border-top-left-radius: 0;
        border-bottom-right-radius: 5px;
        padding-bottom: 10px
    }
    .block-1 .block-3 {
        width: 100%;
        font-size: 1em
    }
    .block-3-colleague-content-pic {
        margin-top: 0!important
    }
    .work-reasons-reason.block-3 {
        width: 100%;
        margin-left: 0;
        min-height: 100%
    }
    .middle,
    .vacany-search-input-option-wrap {
        width: 95%
    }
    .contact-option-country {
        width: 100%
    }
    .contact-option-country .dd-container,
    .dd-options,
    .tpl-form_contact .dd-select {
        width: 100%!important
    }
    .vacancy-info-block p {
        display: block;
        margin-top: 10px;
        margin-right: 10px
    }
    .reason-content-text {
        height: initial
    }
    .tpl-vacancy_search .block-3 {
        width: 100%;
        margin-left: 0!important
    }
    .tpl-vacancy_search .block-3:nth-child(1n) {
        margin-left: 0!important
    }
    .addthis_sharing_toolbox {
        /*width: 73px*/
    }
}
@media only screen and (max-width: 450px) {
    .block-3,
    .search .middle .select-inputs>div:nth-child(3n) {
        margin-left: 0
    }
    .hide-desktop,
    .show-mobile {
        display: block
    }
    .search input {
        height: 31px;
        width: 73%;
        padding-right: 0!important
    }
    .search-but,
    .search-but-2 {
        width: 20%!important;
        padding-left: 0!important
    }
    .feedback-cont span.third {
        line-height: 1em;
        margin-top: 6px;
        width: 100%;
        font-size: .8em
    }
    .contact-option-country {
        width: 100%
    }
    .vacancies .testim-block .whole-tile.colleague .align-text {
        width: inherit
    }
    .footer-top-text-block.last {
        width: inherit;
        margin-bottom: 10px
    }
    .feedback-cont span.fourth {
        width: 100%;
        line-height: .9em;
        font-size: .8em
    }
    .feedback-cont {
        width: 60px;
        height: 44px;
        right: 15px;
        top: 17px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 5px
    }
    .youtubeContainer {
        width: 100%
    }
    .videoPopup {
        height: 50px;
        width: 50px
    }
    .block-2,
    .block-3,
    .block-3-colleague,
    .vacancy-detail-section-left,
    .vacancy-detail-section-right,
    .vacancy-info-intro,
    .vacancy-info-wrap {
        width: 100%;
        box-sizing: border-box
    }
    .block-1,
    .block-2.whole,
    .block-3.whole {
        height: 100%;
        margin-bottom: 10px
    }
    .block-3 {
        margin-bottom: 10px
    }
    .search .middle .select-inputs>div:nth-child(-n+2),
    .search-field {
        margin-bottom: 15px
    }
    .block-3-content {
        padding: 20px
    }
    .block-3-content-left {
        max-width: 50px
    }
    .block-3-content-left img {
        width: 40px
    }
    .search .search-but,
    .search .search-but-2 {
        width: 70px
    }
    .middle {
        padding: 15px 12px 0
    }
    .search .middle .select-inputs>div {
        width: 100%!important;
        margin-left: 0;
        margin-bottom: 15px
    }
    .slider-testimonials-content {
        margin-top: 10px;
        margin-bottom: 20px
    }
    .slider-testimonials-content .left {
        width: 100%;
        text-align: center
    }
    .slider-testimonials .left img {
        margin: 10px auto;
        max-width: 65px
    }
    .slider-testimonials-content .right {
        width: 70%;
        margin: 0 auto;
        text-align: center;
        display: block
    }
    .block-3-colleague .ratio-blank,
    .slider-testimonials p,
    .slider-testimonials-content .right div,
    .slider-testimonials-content .right span {
        display: none
    }
    .slider-testimonials h2 {
        font-size: 1.2em
    }
    .slider-testimonials h4 {
        font-size: 1em;
        font-weight: 400;
        line-height: .9em
    }
    .block-3-colleague {
        margin-left: 0
    }
    .colleague-text {
        float: left;
        width: 70%
    }
    .colleague-text .text {
        margin: 8px 0 10px
    }
    .block-3-colleague-content {
        position: relative;
        padding: 15px 13px 0;
        text-align: left
    }
    .block-3-colleague-content-pic {
        width: 20%;
        max-width: 45px;
        float: left;
        margin-right: 10px
    }
    .block-3-colleague-content h3 {
        margin-top: 0!important
    }
    .tpl-coworker_overview .block-3-colleague {
        height: 100%!important;
        width: 100%;
        margin-left: 0!important
    }
    .tpl-coworker_overview .whole-tile.colleague {
        padding-right: 0!important;
        padding-left: 0!important
    }
    .tpl-coworker_detail .slider-media.lower {
        margin-bottom: 0
    }
    .slider-media.lower .main-text {
        display: block;
        width: 100%;
        border-top-left-radius: 0
    }
    .slide-available.slider-media.lower .main-text,
    .slider-media.lower .flexslider {
        display: none
    }
    .slide-available.slider-media.lower .flexslider {
        display: block;
        width: 100%
    }
    .slider-media>img,
    .tpl-coworker_detail .slider-media .block-3-colleague-content-text {
        display: none
    }
    .slider-media.lower {
        height: 220px;
        max-height: 210px;
        margin-top: 0
    }
    .slider-media.lower .main-text>.block-3-colleague-content-pic {
        margin: 5px auto;
        float: none;
        width: 100%;
        max-width: 140px;
        margin-top: 30px!important
    }
    .slider-media.lower .main-text>.block-3-colleague-content-pic img {
        border-radius: 70px;
        border-top-left-radius: 70px!important
    }
    .text-block {
        text-align: center;
        padding: 0 10px;
        box-sizing: border-box
    }
    .text-block ul {
        text-align: left
    }
    .vacancy-block .testim-bottom-content {
        height: auto
    }
    .tpl-coworker_detail .text-block .block-3-colleague-content-text h2,
    .tpl-coworker_detail .text-block .block-3-colleague-content-text p {
        color: #000
    }
    .tpl-coworker_detail .text-block .block-3-colleague-content-text h2 {
        margin-bottom: 0
    }
    .tpl-coworker_detail .text-block .block-3-colleague-content-text p {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 1.4em
    }
    .contact-button-wrap {
        padding: 15px 25px
    }
    .contact-button-wrap button {
        width: 100%
    }
    .footer-top-content-block {
        min-width: 100%;
        text-align: center
    }
    .footer-top-content-block:first-child img {
        margin: auto;
        left: 0;
        right: 0;
        top: 10px;
        width: 100px;
        height: 50px
    }

    .footer-top-text-block.first {
        margin-left: auto;
        margin-top: 50px
    }
    .footer-top-text-block p {
        margin-top: 10px
    }
    .footer-top-text-block ul {
        margin-bottom: 10px
    }
    .footer-top-content-block.social-icons {
        width: 82px;
        display: block;
        margin: 0 auto
    }
    .footer-top-content-block.social-icons img {
        margin-right: 5px
    }
    .footer-top-content-block.social-icons a:last-child img {
        margin-right: 0
    }
    .footer-top-content-block:last-child img {
        margin: 20px auto 30px;
        position: relative;
        z-index: 1
    }
    .footer-bottom-wrap {
        background-color: #f5f5f5;
        position: absolute;
        bottom: 0;
        padding-right: 20px
    }
    .footer-top-wrap:after,
    .footer-top-wrap:before {
        height: 500px;
        top: 0;
        bottom: auto;
        background-size: cover
    }
    .footer-bottom-wrap p {
        margin-left: 20px
    }
    .footer-top-wrap {
        height: 500px
    }
    .footer-top-wrap:before {
        background-image: url(../img/footer-mobile-left.png);
        width: 81px
    }
    .footer-top-wrap:after {
        background-image: url(../img/footer-mobile-right.png);
        width: 180px;
        transform: inherit
    }
     .vacancy-search-wrap {
        padding: 20px
    }
    .share-box {
        width: 100%
    }
    .addthis_sharing_toolbox {
        /*width: 216px!important*/
    }
    .linkedin-widget {
        margin-top: 6px
    }
}
@media only screen and (max-width: 360px) {
    .quest-intro-content .quest-intro-button a:after,
    .tpl-vacancy_search .container .arrow-link {
        display: none
    }
    .input-cont {
        bottom: 30px
    }
    .block-3-content {
        padding: 20px 10px
    }
    .blocks .block-3-content {
        font-size: 15px
    }
    .block-3-content-right h3,
    .block-3-content-right p {
        line-height: 1.4rem
    }
    .whole-tile.colleague {
        padding: 20px
    }
    .quest-intro-content .quest-intro-button a {
        padding: 10px
    }
    .quest-intro-button {
        margin-bottom: 40px
    }
    .tpl_quest-intro .main-text {
        background-color: #fff;
        border-top-left-radius: 0
    }
    .next-question {
        float: none;
        text-align: center
    }
}
@media only screen and (max-width: 330px) {
    .addthis_sharing_toolbox {
        width: 108px!important
    }
}
.hidden {
    display: none!important
}
.visuallyhidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}
.clearfix:after {
    clear: both
}
.noDisplay {
    display: none
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    :after,
    :before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }



}

/* New Homepage */

section.image-and-slogan{
    position:relative;
    z-index: -100;
}

section.image-and-slogan .mobile,section.olx-timeline .mobile{
    display:none;
}

section.image-and-slogan img{
    display:block;
    width:100%;
}

section.image-and-slogan h3{
    font-size:5em;
    font-weight:bold;
    position:absolute;
    line-height: 1.2em;
    top:23%;
    left:8%;
    z-index:100;
}

section.vacancy-search-homepage{
    padding-top: 5%;
    text-align: center;
}


section.vacancy-search-homepage .first-block{
    width:100%;
    display: inline-block;
}


section.vacancy-search-homepage .before-search-label{
    display: inline-block;
    margin:0 2% 0 0;
    font-weight: bold;
    font-size: 1.8em;
    color: rgb(167,167,167);
    margin-right: 9%;
}

div.first-block > *{
    vertical-align: middle;
}

#countrySelect-homepage{
    background-color:rgb(81,205,217);
    border-radius: 25px;
    border-color: rgb(81,205,217);
    padding: 7px;
    font-weight: bold;

}

section.vacancy-search-homepage .search-field-homepage{
    position: relative;
    border-radius: 25px;
    border: solid rgb(81,205,217) 2px;
    width: 18%;
    display: inline-block;
    margin-left: 4%;
}


#search-input-homepage{
    font-style: normal;
    color: rgb(81,205,217);
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 10px;
}

#search-input-homepage::placeholder{

    font-style: italic;
    color: rgb(174,174,174);
    font-weight: normal;
    height:33px;
}

div.search-field-homepage > input.searchBut.search-but.js-searchMapBut-homepage{
    width: 30px;
    margin-right: 3%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../img/search-magnifierv2.png);
    background-attachment: scroll;
    background-color: white;
}


@media only screen and (max-device-width : 1400px){
    section.image-and-slogan h3 {
        font-size: 6.5vw;
    }
}

@media only screen and (max-width : 970px){
    section.image-and-slogan h3 {
        font-size: 4em;
    }
}

@media only screen and (max-width : 500px){
    section.image-and-slogan h3 {
        font-size: 2em;
    }
}

section.olx-group h3{
    font-size:35px;
    font-weight:bold;
    color:rgb(174,174,174);
    text-align: center;

}

section.olx-group span{
    font-size:1.3em;
    color:rgb(174,174,174);
    text-align: center;
    display:block;
    margin-left: 16%;
    margin-right: 16%;
}

section.olx-brands{
    display:block;
    text-align: center;
}
section.olx-brands h3 {
    font-size: 2.1em;
    font-weight: bold;
    color: rgb(167, 167, 167);
    text-align: center;
    display: block;
    margin-top: 0;
}

section.olx-brands > div.brands > *:first-child{
    margin-left:0;
}

section.olx-brands > div.brands > *{
    display: inline-block;
    margin-left: 2%;
}

section.olx-numbers span {
    font-size: 40px;
    line-height:1.2em;
    color: rgb(81, 205, 217);
    font-weight: bold;
    border-right: 1px solid rgb(154, 154, 154);
    display: block;
    padding-bottom:0.4em;
}
section.olx-numbers h3  {
    font-size: 20px;
    color:rgb(174, 174, 174);
    margin:0;
}

section.olx-numbers ul {
    padding: 0;
    margin-bottom: 0;
}

section.olx-numbers li{
    width:25%;
    text-align: center;
    display: inline-block;
}

section.olx-numbers li:last-child span{
    border-right: 3px solid white;
}

section.olx-story span{
    font-size:1.3em;
    color:rgb(174,174,174);
    text-align: center;
    display:block;
    margin-left: 5%;
    margin-right: 5%;
}

section.olx-timeline img {
    width: 100%;
}
section.olx-timeline ul li h3{
   font-size:1.6em;
    color: rgb(81, 205, 217);
    font-weight: bold;
}
section.olx-timeline ul li span{

    padding-bottom:0.8em;
    color: rgb(174,174,174);
    font-size:1em;
}

section.olx-timeline ul li{
    width: 11%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-left:11%
}

section.olx-timeline ul {
    width: 100%;
    padding: 0;
    height: 180px;

}
section.slider-media > div > div > ul > li > hr{
    width:4%;
    display: block;
    height: 1px;
    border-top: 3px solid #ccc;
    margin: 0 auto;
    margin-bottom: 5%;
}

section.slider-media > div > div > ul > li>h4{
    font-size: 1.8em;
    color: rgb(81, 205, 217);
    font-weight: bold;
    margin-bottom: 5%;
}
section.slider-media > div > div > ul > li>span{
    padding-bottom: 0.8em;
    color: rgb(174,174,174);
    font-size: 1em;
}

section.working-at-olx {
    background-color: white;
    display: block;
}

section.working-at-olx div.item{
    display: inline-block;
    vertical-align: top;
    position:relative;
    width:28%;
    background-color:rgb(247,247,247);
    margin-top:5%;
    margin-left:14%;
}

section.working-at-olx div.item:nth-child(3){
    margin-left:25%;
}

section.working-at-olx h4 {
    margin-left: 25%;
    color:rgb(128,128,128);
}

section.working-at-olx div.item p{

    margin-left:25%;
    margin-right:10%;
    margin-bottom:10%;
    color:rgb(128,128,128);

}

section.working-at-olx > div > div.text-before > span{
    font-size: 1.3em;
    color: rgb(174,174,174);
    text-align: center;
    display: block;
    margin-left: 5%;
    margin-right: 5%;

}

section.working-at-olx .circular{
    position:absolute;
    top:50%;
    left:0;
    width:40%;
    background-color:white;
    border-radius:50%;
    transform:translateX(-50%) translateY(-50%);
    box-shadow:0px 0px 15px #E0E0E0;
}

section.engage-with-us h3{
    color:rgb(167,167,167);
    text-align: left;
    font-size: 2em;
    font-weight:bold;
    margin-left: 8%;
    display: inline-block;
}

section.engage-with-us{
    background-color:rgb(247,247,247);
    margin-top: 8%;

}
section.engage-with-us > .engage-blocks{
    display: inline-block;
    width:68%;
}

section.engage-with-us .engage-blocks img {
    display: inline-block;
    margin-left: 16%;
}

section.see-what{
    background-color:rgb(247,247,247);
    color:rgb(167,167,167);
    padding-top: 4%;
    padding-bottom: 7%;
}

section.see-what h3{
    margin-left: 7%;
    font-size: 35px;
    margin-right: 20%;
    font-weight: bold;
    margin-bottom:1.5em;
    margin-top: 14%;
}

section.see-what p{
    margin:10% 30% 0 8%;
}

body > div.wrapper.clearfix > section.see-what > div.seewhat > a > input{
    background-color: rgb(81,205,217);
    border-radius: 25px;
    color: white;
    padding: 2%;
    border-color: transparent;
    font-size: 1em;
    font-weight: bold;
    margin-left: 8%;
    margin-top: 14%;
    width:58%;
}

section.see-what div.youtube{
    width:52%;
    height:445px;
    display: inline-block;
    margin:0;
    float:left;
    margin-left: 8%;
}

section.see-what div iframe{
    width:100%;
    height:100%;
}

/*section.see-what a{
    margin-left: 62%;
    color:rgb(174,174,174);
    font-weight: bold;
    display: block;
    margin-top:5%;
    font-size:11px;
}*/

section.see-what .hl{

    width:5%;
    height:0;
    border-top:1px solid rgb(167,167,167);
    margin-left: 2.5%

}
body > div.wrapper.clearfix > section.see-what > div.seewhat{
    width:32%;
    display: inline-block;
    background: white;
    height: 445px;
}


section.olx-group h3,
section.olx-story h3,
section.working-at-olx h3
{
    font-weight: bold;
    font-size:2.1em;
    color:rgb(167,167,167);
    text-align:center;
    margin-top: 0;

}

body.tpl-home section{
    padding-top: 5%;
}

body.tpl-home section.image-and-slogan{
    padding-top:0;
}

/* /New Homepage */

/* New Menu */
ul.navigation a{
    text-transform: uppercase;
    white-space: nowrap;
}

ul.navigation > li.last a{
    text-transform: none;
}

ul.navigation > li{
    margin-right:1.5em;
}

ul.navigation > li.sub-page a{
    padding-right:1em;
}
/* /New Menu */


.arrow-search-link {
    width: 33px;
    height: 15px;
    background-image: url(../img/search-arrow-redesigned.png) ;
    background-position: center bottom;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
}

input.searchBut{
    width: 12%;
    margin-right: 1%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../img/search-magnifier.png);
    background-attachment: scroll;
}


#search-input{
    width:80%;
    border-radius: 5px;
    height:36px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#search-input::placeholder{
    background-color: rgb(246,246,246);
    font-style: italic;
    color: rgb(174,174,174);
    font-weight: normal;
    margin-left: 3%;
}

div.select-inputs{
    width: 46%;
    float:right;
    margin-top: 0.5%;
}


#countrySelect > div > a,#departmentSelect > div > a {
    background-color:rgb(81,205,217);

}

#countrySelect > div > span,#departmentSelect > div > span {
    background-image: url(../img/search-open-redesigned.png);
    width: 15px;
    background-repeat: no-repeat;
    height: 8px;
    background-size: 100%;
    background-position:center;
}

#countrySelect > ul{
    width: 205px;
    display: none;
}

body.tpl-vacancy_search .top-bar h3{
    margin:3% 0 0 0;
    color: rgb(174,174,174);
    font-size: 40px;
    font-weight: bold;
}

.search-field, .select-inputs, .search-separator{
    display:inline-block;
    width:7%;
    color: rgb(81,205,217);
    font-weight: bold;
}

.search-separator {
    text-transform: uppercase;
    text-align: center;
}
.based-on-your-search{
    text-align: center;
    color:rgb(174,174,174) ;
    padding-top: 3%;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.2em;
}
.vacancy-search-list{
    padding-top: 3%;
    padding-left: 7%;
    padding-right: 7%;
    padding-bottom: 3%;
}
div.vacancy-block a{
    border: solid rgb(81,205,217) 2px;
    border-radius: 25px;
    padding-bottom: 3%;
    padding-top: 2%;
    padding-left: 8%;
    font-weight: bold;
    color: rgb(140,140,138);
}
.apply-now, .vacancy-block .read-more {
    padding: 0;
    min-height: 56px;
    width: 50%;
    text-align: center;
    float: left;
    box-sizing: border-box;
    cursor: pointer;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgb(246,246,246);
    margin:0 auto;
}
div.vacancy-block-header h3 {
    /*padding-top: 1.1em;*/
}

div.vacancy-block-header p {
    padding: 0 3% 0 3%;
}
section.vacancy-info > div{
    margin-top: 5%;
}
.border-radius-buttons-fields{
    border-radius: 25px;
}

.first-line{
    text-align:center;
    margin-bottom:2%;
    display: inline-block;
    width:99%;
}
.second-line{
    display:inline-block;
    width:100%;
    text-align: center;

}

.second-line-search-style{
    background-color: rgb(174,174,174);
    color: rgb(235,239,242);
    border-radius: 21px;
    padding-bottom: 1%;
    padding-top: 1%;
    text-align: center;
    width: 13%;
    margin: 0 auto;
    font-weight: bold;
    cursor: pointer;
}
div.second-line > input.reset{
    width:110px;
    background-color: rgb(174,174,174);
    color: rgb(235,239,242);
    font-weight: bold;
    display: inline-block;
    font-size: 1em;

}

div.second-line > input.apply{
    width: 110px;
    background-color: #465a65;
    color: rgb(235,239,242);
    font-weight: bold;
    display: inline-block;
    margin-right: 6%;
    font-size: 1em;
}

.search-field{
    width:30%;
    height: 39px;
}

.search-separator {
    width: 5%;
    margin:0 auto;
}

.search-but {
    border-radius:50%;
}

.vacancy-search-wrap {
    padding-bottom: 5%;
}
#countrySelect, #departmentSelect{
    vertical-align: middle;
    display: inline-block;
    margin:0 auto;
}


#countrySelect, #departmentSelect{
    vertical-align: middle;
    display: inline-block;
    margin:0 auto;
}

.middle {
    width: 100%;
}

div.select-inputs{
    width: 46%;

}
.top-bar hr {
    margin-left: 0;
    margin: 0 auto;
}

body.tpl-home > div.wrapper{
    padding-top:0;
}

nav{
    position:relative;
}

nav ul.navigation{
    position:absolute;
    right:0;
    z-index: 100;
    width:87%;
}

section.job-alert-activation-ok ul.slides  img{
    width:100%;
}

section.job-alert-activation-ok div.main-text{
    height:auto;
    left:25%;
    width:50%;
    /*
    position:static;
    margin:0;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:0 auto;
    */
}

body.tpl-404 div.main-text{
    position: static;
    height:auto;
    width:60%;
    top:0;
    left:0;
    margin:5% auto 5% auto;
    color:white;
    padding-top:2%;
    padding-bottom:2%;
}
body.tpl-404 div.main-text h2{
    background-color:white;
    font-size:2.5em;
    font-weight: bold;
    color:rgb(81,205,215);
    display:inline-block;
    padding:4%;
    border-radius: 50%;
    margin-bottom:0;
    margin-top:0;
    width:2em;
    height:2em;
    line-height: 1.9em;
}
body.tpl-404 div.main-text h3{
    font-weight: bold;
    font-size:2em;
}
body.tpl-404 div.main-text div{
    margin-top:5%;
    font-size:1.2em;
    line-height:2em;
    text-align: center;
}

body.tpl-page div.wrapper div.simple-page-wrapper{
    padding-left:10%;
    padding-right:10%;
    line-height:1.5em;
}

body.tpl-page div.wrapper div.simple-page-wrapper h4{
    font-size:1.8em;
}

div.vacancy-info-main-text p{
    margin-bottom:0.8em;
    line-height:1.5em;
}

/* Mobile XPTO*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 740px) {

    /* STYLES GO HERE */

    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }
    section.image-and-slogan{
        margin-top:0;
        line-height: 0;
    }
    section.image-and-slogan img.desktop{
        display:none;
    }
    section.image-and-slogan img.mobile{
        display:block;
    }
    section.olx-timeline img.desktop{
        display:none;
    }
    section.olx-timeline img.mobile{
        display:block;
        width:90%;
        margin:0 auto;
    }

    section.image-and-slogan h3{
        margin-top:1em;
        line-height: 1.2em;
        font-size:2em;
        display:block;
    }
    body > div.wrapper > section{
        margin-top:3em;
        margin-left: 0;
        margin-right: 0;
    }
    body > div.wrapper > section.image-and-slogan{
        margin-top:0;
        padding-top:0;
    }
    body > div.wrapper > section.vacancy-detail-section-left{
        width:86%;
        padding-left:0;
        padding-right:0;
        margin-left:7%;
        margin-right:7%;
    }

    .search .search-but {
        top:0;
    }

    body > div.wrapper > section.vacancy-detail-section-left .vacancy-info .vacancy-info-block p{
        display: inline-block;
    }
    body > div.wrapper > section.vacancy-detail-section-right{
        margin-right:5%;
        width:86%;
        margin-right: 7%;
        margin-left: 7%;
    }
    body > div.wrapper > section.vacancy-detail-section-right .vacancy-action-wrap{
        min-height: auto;
    }
    body > div.wrapper > section.vacancy-detail-section-right .vacancy-info-block p{
        display: inline-block;
    }
    body > div.wrapper > section.vacancy-detail-section-right .related-jobs-overflow-y-box{
        overflow-y: auto;
        height:auto;
    }
    body > div.wrapper > section > h3{
        margin:0;
        display:block;
        font-size:2.0em;
        line-height:1.2em;
        margin-bottom: 5%;
    }
    body > div.wrapper > section.image-and-slogan h3{
        margin-top:0.6em;
        font-size:3em;
    }
    body > div.wrapper > section> span{
        line-height:1.2em;
    }
    section.olx-brands  img{
        max-width:75px;
        max-height: 36px;
    }

    section.olx-brands > * {
        display: inline-block;
        margin-right: 3%;
        margin-left: 3%;
    }
    section.olx-numbers ul li span{
        font-size:1.6em;
        padding-bottom:0.8em;
    }
    section.olx-numbers ul li h3{
        font-size:1em;
    }

    section.slider-media > div > div > ul > li > span > p{
        margin-left: 5%;
        margin-right:5%;
    }


    section.working-at-olx div.group{
        margin-top:2em;
    }

    section.working-at-olx h3{
        font-size: 2em;
    }

    section.working-at-olx > div > div.text-before > span{
        line-height: 1.2em;
    }
    section.working-at-olx div.group div.item{
        margin:0;
        margin-left:20%;
        width:60%;
        display:block;
        padding:1em 2em 1em 1em;
        margin-bottom:2em;
    }
    section.working-at-olx div.group div.item:nth-child(2n){
        margin-left:25%;

    }
    section.working-at-olx div.item p{
        font-size:1em;
    }

    body > div.wrapper.clearfix > section.working-at-olx > div > div.text-before{
        margin-bottom: 15%;
    }
    body > div.wrapper.clearfix > section.working-at-olx{
        margin-top: 0;
    }
    section.engage-with-us{
        padding-bottom:20px;
    }

    section.engage-with-us > .engage-blocks {
        text-align: center;
        width: 100%;
    }

    body > div.wrapper > section.engage-with-us > h3{
        padding:1em;
        text-align: center;
    }
    section.engage-with-us > .engage-blocks > a{
        margin-bottom:20px;
    }
    section.engage-with-us .engage-blocks >  a > img{
        margin:0;
        width:25%;
        margin-right:5%;
    }
    section.engage-with-us > .engage-blocks > a:last-child > img{
        margin-right:0;
    }
    section.see-what .hl{
        margin-top: 1em;
        margin-left: 5%;
    }
    section.see-what{
        margin-top:0;
    }
    section.see-what a{
        margin-left:5%;
    }
    section.see-what > div.youtube{
        display:none;
    }
    div.wrapper section.see-what{
        margin-top:0;
    }
    section.see-what > div.youtube{
        width:100%;
        height:250px;
        margin:0;
        display: block;
    }
    section.see-what > div.youtube> iframe{
        width:100%;
        height:100%;
    }

    body > div.wrapper.clearfix > section.see-what > div.seewhat{
        width:100%;
        height:0;
        /*padding-bottom: 5%;*/
    }


    body > div.wrapper.clearfix > section.see-what > div.seewhat > h3{
        clear:both;
        margin:0;
        padding:5% 5% 0 5%;
        font-size: 2.0em;
    }

    body > div.wrapper.clearfix > section.see-what > div.seewhat > p{
        margin:0;
        font-size:1em;
        line-height:1.4em;
        padding:5%;
        margin-top:1em;
    }

    body > div.wrapper.clearfix > section.see-what > div.seewhat > a > input{
         margin-left: 0;
         margin-top: 0;
    }


    body > div.wrapper.clearfix > section.see-what > div.seewhat> .morevideos{
        margin:0 auto;
        margin-left: 5%;
    }

    footer div.footer-container{
        position: static;
        padding:0;
        padding-top:5%;
    }
    footer div.footer-container div.footer-left{
        width:50%;
        float:left;
        padding-left:5%;
    }
    footer div.footer-container div.footer-logo{
        margin-left:0;
    }
    body > footer > div.footer-container div.footer-social-icons{
        position:static;
        width:auto;
        margin-top:1.5em;
        margin-left: 0;
    }
    body > footer > div > div.footer-social-icons a:last-child{
        margin-right:0;
    }
    body > footer > div > div.footer-nav{
        position:static;
        width:45%;
        margin-left:50%;
        padding-right:5%;
        text-align:right;
    }
    body > footer > div div.footer-nav > ul > li{
        display:block;
        margin-top:1em;
        padding: 0;
        font-size: 1em;
    }
    body > footer > div div.footer-nav > ul > li:first-child{
        margin-top:0;
    }

    div.vacancy-search-wrap div.search-field{
        width:77%;
        margin:0 auto 5% auto;
        display:block;
    }
    div.vacancy-search-wrap div.search-separator {
        width: 100%;
        margin: 0 auto 5% auto;
        display: block;
    }
    div.vacancy-search-wrap div.select-inputs{
        width: 100%;
        margin: 0 auto 5% auto;
        display: block;
    }
    div.vacancy-search-wrap div.vacany-search-input-option-wrap{
        width: 100%;
        margin: 0 auto 5% auto;
        display: block;
    }
    div.vacancy-search-wrap div.js-resetBut{
        margin: 0 auto 5% auto;
        display: block;
        background-color: rgb(174,174,174);
        color: rgb(235,239,242);
        border-radius: 21px;
        padding-bottom: 2%;
        padding-top: 2%;
        text-align: center;
        width: 50%;
        margin: 0 auto;
        font-weight: bold;
        cursor: pointer;
    }
    #countrySelect, #departmentSelect{
        margin-bottom:2%;
    }
    body.tpl-home #countrySelect{
        margin-bottom: 0;
    }
    section.vacancy-search-homepage.search > form > div > div{
        display: inline-block;
        width: 52%;
    }

    section.vacancy-search-homepage.search > form > div > h3 {
        width: 100%;
        margin-bottom: 14%;
        font-size: 2.4em;
        line-height: 1.2em;
    }

    .vacancy-block .testim-bottom-content {
        padding: 27px 20px;
    }
    .testim-bottom-content p {
        font-size: 1.2em;
        margin-top: 2%;
    }

    .vacancy-info-main-text {
        font-size: 1.6em;
        line-height: normal;
    }
    .vacancy-info-block p {
        font-size: 1.4em;
    }
    .vacancy-info-intro p {
        font-size: 1.4em;
        line-height: normal;
    }
    .vacancy-detail-button-style, .vacancy-detail-button-style-white {
        font-size: 1.3em;
    }

    .vacancy-detail-related-block-top h3, .vacancy-detail-related-block-top p {
        font-size: 1.4em;
    }

    .related-job-font-size {
        font-size: 1.4em;
    }




    footer div.footer-logo img {
        width:50%;
    }
    footer div.footer-social-icons a {
        margin-left:-5%;
    }
    footer div.footer-social-icons a:first-child {
        margin-left:0;
    }
    footer div.footer-social-icons img {
        width:75%;
    }

    body.tpl-home #countrySelect > div > a{
        padding:10px 15px 10px 5px;
    }

    .apply-form .top-bar {
        padding-top: 4%;
        /*margin-top: 65%;*/
    }

    body > div.wrapper.clearfix > section.contact-top > div.contact-info1{
        margin-left: 3%;
        margin-right: 3%;
        text-align: justify;
    }

    section.olx-timeline ul li {
        width: 20%;
        margin-left: 3%;
    }

    .first-line {
        text-align: center;
        margin-bottom: 0;
    }
    .first-line #countrySelect {
        margin-left: 0;
    }
    div.second-line > input.apply, div.second-line >input.reset {
        width: 31%;
        margin-right: 0%;
        text-align: center;
        padding: 0;
    }
    .tpl-home .slider-media {
        height:135px;
    }

    .flex-direction-nav a {
        top:54%;
        margin-right: 13px;
    }

    .no-search-results-text {
        font-size: 1.2em;
        line-height: initial;
        margin-bottom: 15%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
    }
    .based-on-your-search {
        padding-top: 13%;
        padding-bottom: 5%;
    }

    .job-alert-activation-ok{

    }

    .job-alert-activation-ok  ul.slides{
        display: none;
    }

    .job-alert-activation-ok  div.main-text{
        color:rgb(37,193,208);
        left:0;
        padding-bottom:10%;
    }
    .job-alert-activation-ok  div.main-text h1{
        margin-bottom:5%;
    }
    .job-alert-activation-ok  div.main-text > div{
        color:#465a65;
    }

    body.tpl-404 div.main-text{
        color:#465a65;
        width:100%;
    }
    body.tpl-404 div.main-text h2{
        background-color:rgb(37,193,208);
        color:white;
    }
    body.tpl-404 div.main-text div{
        line-height:1.5em;
        font-size:1em;
    }
}
/* navigation */


@media only screen and (max-width:890px) {
    .menu-wrap {
        padding: 25px;
    }

    .menu-wrap-logo {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .menu-mobile {
        display: block;
    }

    body > header > nav > div.menu-wrap-logo > img {
        height: 65px;
    }

    header {
        position: fixed;
        width: 100%;
        z-index: 9997;
    }

    body > div.wrapper{
        top:115px;
    }
    body > footer{
        margin-top:115px;
    }

    nav ul.navigation {
        display: none;
        position: fixed;
        top: 115px;
        padding: 0;
        margin: 0;
        border: 0;
        width: 100%;
        background-color:rgb(37,193,208);
        border-top:7px solid white;
        border-bottom:7px solid white;
        text-align:right;
        font-size:1.5em;
        line-height: 1.4em;
        height:100%;
    }

    nav ul.navigation li {
        display: block;
        margin: 0;
        padding: 0;
        margin-top:1em;
        padding-right:2em;
    }

    nav ul.navigation li a {
        padding: 0;
        font-size:inherit;
    }
    nav ul.navigation li.sub-page a{
        padding:0;
    }
    nav ul.navigation li.sub-page > a{
        background:none;
        margin-bottom: 5%;
    }
    nav ul.navigation li.sub-page > a > span.arrow {
        display: none;
    }
    nav ul.navigation ul.sub-menu{
        margin:0;
        padding:0;
        border:0;
        display:block;
        width:auto;
        position:static;
        left:auto;
        top:auto;
        float:none;
        background: none;
        border-radius:0;
        text-align: right;
    }
    nav ul.navigation ul.sub-menu li{
        top:0;
        position:static;
        padding:0;
        margin:0;
    }
    nav ul.navigation ul.sub-menu li:last-child {
        top:0;
    }
    nav ul.navigation ul.sub-menu li a{
        border:none;
        font-size:1em;
        color:white;
        font-weight: normal;
    }
   /* nav ul.navigation ul.sub-menu li a:after{
        content:" -";
    }*/
    nav ul.navigation li:last-child{
        margin-bottom:1em;
    }
    nav ul.navigation li.last{
        background: none;
        padding:0;
        border-radius:0;
        margin:0;
        padding-right:2em;
        margin-top:2em;
        margin-bottom:1em;
    }
    nav ul.navigation > li.last a{
        padding:0;
        margin:0;
        text-transform:lowercase;
        background-color:white;
        display: inline-block;
        font-size:0.8em;
        padding:1em 2em 1em 2em;
        border-radius:2em;
    }
}

/*@media only screen and (min-width:320px) and (max-width:768px) {
    !*  .menu-wrap{
          padding-bottom:39px;
          max-height:none;
      }
      .menu-wrap-logo img{
          margin-top:30px;
          margin-left: 13px;
      }

      .menu-wrap li:hover .sub-menu{
          display: block;
      }
      header nav{
          padding-bottom:5px;
      }
      header nav div.menu-wrap-logo > a{
          border-top:0;
      }
      header > nav.menu-wrap > ul.navigation{
          !*position:fixed;*!
          z-index:100;
          padding-left:0;
      }
      header > nav.menu-wrap > ul.navigation > li{
          display: block;
          margin:0 auto;
          padding:0;
          width:85%;
      }
      body.tpl-home .menu-wrap{
          background-color: #51cdd9;
      }
      .menu-wrap{
          background-color:#51cdd9;
      }
      .menu-wrap ul{
          background-color: #51cdd9;
      }
      .menu-wrap ul a{
          text-decoration: none;
      }
      .menu-wrap ul.sub-menu{
          display: block;
          background-color:inherit;
          position:static;
          width:45%;
      }
      .menu-wrap ul.sub-menu li a{
          padding:0;
      }
      .menu-wrap ul span.arrow{
          display:none;
      }
      .menu-wrap ul.navigation{
          padding-bottom:20px;
      }
      .menu-wrap ul.navigation > li > a{
          border-top:1px solid white;
          text-align:left;
      }
      .menu-wrap ul.navigation > li:last-child a {
          text-align: center;
      }
      .menu-wrap ul.navigation > li.sub-page{
          padding-bottom:10px;
      }
      .menu-wrap ul.navigation > li.sub-page > ul.sub-menu li a{
          padding-top:10px;
          padding-bottom:10px;
          text-align:left;
      }
  *!
}*/

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* STYLES GO HERE */
    body > div.wrapper > section.olx-group> span{
        line-height:1.2em;
        margin-left: 5%;
        margin-right:5%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* STYLES GO HERE */
    body > div.wrapper > section.image-and-slogan h3 {
        line-height: 1.2em;
        font-size: 2em;
        display: block;
    }

    .search input {
        height: 2.5em;
    }
        body > div.wrapper > section > h3{
        margin:0;
        display:block;
        font-size:2.0em;
        line-height:1.2em;
        margin-bottom: 7%;
    }
    body > div.wrapper > section.engage-with-us >.engage-blocks {
        padding-top: 3em;
        width:100%;
        text-align: center;
    }

    body > div.wrapper > section.engage-with-us > h3 {
        text-align: center;
    }

    body > div.wrapper > section.engage-with-us > .engage-blocks > a {
        display: inline-block;
    }

    section.engage-with-us > div > a:nth-child(1), section.engage-with-us > div > a:nth-child(2){
        margin-right: 7%;
    }

    body > div.wrapper > section.see-what {
        margin-top: 0;
        padding-bottom: 6em;
    }

    section.see-what .hl {
        display: none;
    }

    section.see-what > div {
        width: 100%;
        height: 500px;
        margin: 0;
        display: block;
    }

    section.see-what > div > iframe {
        width: 100%;
        height: 100%;
    }

    section.see-what > h3 {
        clear: both;
        margin: 0;
        margin-top: 1em;
        padding: 1em 5%;
    }

    section.see-what > p {
        margin: 0;
        font-size: 2em;
        line-height: 1.4em;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 1em;
    }

    body > div.wrapper > section.see-what > a {
        margin: auto;
        float: none;
        font-size: 1.2em;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 1em;
    }

    div.vacancy-search-wrap div.search-field {
        margin-left: 0;
        width: 60%;
    }

    div.vacancy-search-wrap div.search-field input.searchBut {
        width: 10%;
    }

    div.vacancy-search-wrap div.search-separator {
        width: 4%;
    }

    div.vacancy-search-wrap div.select-inputs {
        width: 55%;
        font-size: 0.9em;
    }

    .search .middle .select-inputs > div {
        width: 185px !important;
    }

    div.vacancy-search-wrap div.departmentSelect {
        margin-left: 2%;
    }

    .js-resetBut {
        padding: 1%;
    }

    .search-separator {
        display: block;
        margin-bottom: 2%;
    }

    footer div.footer-container {
        height: 113px;
    }

    footer {
        padding-bottom: 7%;
    }

    footer div.footer-logo {
        margin-bottom: 5%;
    }

    footer div.footer-logo img {
        width: 18%;
    }

    footer div.footer-social-icons {
        width: 23%;
        left: 7.5%;
    }

    footer div.footer-nav li {
        font-size: 1.2em;
    }

    footer div.footer-nav {
        width: 70%;
        right: 4%;
    }

    body.tpl-home #countrySelect > div > a {
        padding: 10px 15px 10px 5px;
    }

    section.vacancy-search-homepage .search-field-homepage {
        width:22%;
    }

    div.search-field-homepage > input.searchBut.search-but.js-searchMapBut-homepage {
        height: 2.5em;
        width: 17%;
    }

    .apply-form .top-bar {
        padding-top: 20%;
    }

    .first-line #countrySelect {
        margin-left: 0;
    }

    .first-line {
        text-align: center;
    }

    div.second-line > input.apply, div.second-line > input.reset {
        width: 15%;
    }

    section.slider-media > div > div > ul > li > h4 {
        margin-bottom: 3%;
    }

    section.slider-media > div > div > ul > li>h4 {
        margin-bottom:2%;
    }

    .flex-direction-nav .flex-prev {
        left:15px;
    }

    .flex-direction-nav .flex-next {
        right: 30px;
    }

    section.olx-story span {
        line-height: 1.2em;
    }

    section.working-at-olx > div > div.text-before > span {
        line-height:1.2em;
    }
    body > div.wrapper > section {
        margin-top: 0;
    }
    div.wrapper.clearfix > section.working-at-olx > div{
        padding-bottom: 10%;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    /* STYLES GO HERE */
    body > div.wrapper > section.image-and-slogan{
        line-height: 0;
    }
    header > nav > div.menu-wrap-logo > a{
        border-top:0;
    }
    header > nav > ul > li.last{
        margin-right:2em;
    }
    body.tpl-home > div.wrapper > section.image-and-slogan{
        margin-top:0;
    }

}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 768px) and (orientation : portrait) {
    /* STYLES GO HERE */
    section.image-and-slogan{
        margin-top:0;
    }
    body > div.wrapper > section.olx-numbers > ul > li > span{
        padding-bottom:0.5em;
    }
    .block-3{
        width:48%;
    }
    .block-3{
        width:48%;
    }
    .vacancy-block:nth-child(3n+1) {
        margin-left: 2.2775%;
    }
    .vacancy-block:nth-child(2n+1) {
        margin-left: 0;
    }
    .tpl-vacancy_search .overlay-tile-two-blocks{
        min-height: 70px;
    }
    .apply-now, .vacancy-block .read-more {
        min-height: 42px;
    }
    .vacancy-block .testim-bottom-content{
        height: 150px;
    }
    div.vacancy-block-header p {
        padding: 0 10% 0 10%;
    }
}

/* /Mobile */

.shade-on-menu {
    display: none !important;
}

@media only screen and (min-device-width : 800px){
    body > header > nav > ul > li.last{
        margin-right:1%;
    }
    body > header > nav > div.menu-wrap-logo{
        margin-left:1%;
    }
    .menu-wrap ul{
        width:90%;
        text-align:right;
    }
}

@media only screen and (min-device-width : 1100px)  {
    body > header > nav > ul > li.last{
        margin-right:7%;
    }
    body > header > nav > div.menu-wrap-logo{
        margin-left:5%;
    }
    .menu-wrap ul{
        width:81%;
        text-align:right;
    }
}

.menu-wrap a.full-link{
    border-top: none;
}

/*body.tpl-404 div.wrapper, body.tpl-vacancy_detail div.wrapper, body.tpl- div.wrapper{
    padding-top:1%;
}*/

.content-button-wrap{
    padding: 0 2% 2% 2%;
}

#js-alert-form-header{
    color:white;
    font-size: 1.5em;

}
/*#applySuccess > div > div > h3{
    color: white;
}*/




.dd-options{
    margin-top:-35px !important;
}

#applyResult div.top-bar h3.fc-white{
    color: white;
}