/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

*:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }



/* Generic */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
main { display: block; }

template { display: none; }
html { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b, strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }

a, button, input[type='submit'], input[type='button'], input[type='reset'], input[type='file'], input[type='image'],
label[for] { cursor: pointer; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

a[href^='tel'], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type='text'],
input[type='password'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='month'],
input[type='week'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='tel'],
input[type='time'],
input[type='url'],
input[type='color'],
textarea,
a[href^='tel'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button, input, optgroup, select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }

button:focus,
input:focus,
textarea:focus { outline: none; }

html, body { height: 100%; }
body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
article { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

/* Base */

a { color: #f4bd00; text-decoration: none; }
a:hover,
a[href^='tel'] { text-decoration: none; }



/* General elements */

h2 { font: 700 22px Roboto, sans-serif; }
.no-scroll { overflow: hidden; }
.yellow-btn { background: #f4bd00; color: #252525; border: none; padding: 10px 30px; border-radius: 25px; font: 16px Roboto, sans-serif; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }
.yellow-btn:hover { background: #fff; }
.gray-text { color: #c0c0c0; }
.break-word { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

@media only screen and (min-width: 1001px){
	h2 { font: 700 36px Roboto, sans-serif; }
}

@media only screen and (min-width: 1200px){
	.yellow-btn { padding: 13px 43px; }
}



.container { margin: 0 auto; padding: 0 10px; }

@media only screen and (min-width: 1001px) {
	.container { max-width: 1200px; }
}



/* Header */

.header { background: #353535; }
.header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .logo { display: block; height: 32px; font-size: 0; line-height: 0; text-indent: -9999px; }
.header .menu { background: url(images/menu.svg) no-repeat 0 0; border: none; font-size: 0; line-height: 0; text-indent: -9999px; }
.header .menu.opened { background: url(images/close.svg) no-repeat 2px 2px; }

@media only screen and (max-width: 1000px){
	.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
	.header .container { height: 55px; }
	.header .logo { position: absolute; width: 208px; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); background: url(images/logo.svg) no-repeat -11px -23px; background-size: 225px; }
	.header .menu { width: 25px; height: 25px; background-size: 25px auto; }
	.header .menu.opened { background-size: 20px auto; }
}

@media only screen and (min-width: 768px) {
	.header .logo { width: 260px; background: url(images/logo.svg) no-repeat -13px -32px; background-size: 280px; }
}

@media only screen and (min-width: 1001px) {
	.header .container { height: 76px; }
	.header .menu { display: none; }
	.header .logo { width: 325px; background: url(images/logo.svg) no-repeat -17px -46px; background-size: 352px; }
}



/* Navigation */

.navigation .nav-li a { display: block; color: #ffffff; font: 300 16px Roboto, sans-serif; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }
.navigation .nav-li a:hover { color: #ffce00; }
.navigation .nav-li.language-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
.navigation .nav-li.language-bar .lang { position: relative; padding-left: 50px; }
.navigation .nav-li.language-bar .lang.disabled { opacity: 0.2; }
.navigation .nav-li.language-bar .lang.disabled:hover { color: #ffffff; }
.navigation .nav-li.language-bar .lang:before { content: ''; width: 35px; height: 25px; display: block; position: absolute; left: 4px; top: 11px; }
.navigation .nav-li.language-bar .lang.en:before { background: url(images/260-united-kingdom.svg) no-repeat 0 -5px; background-size: 100%;  }
.navigation .nav-li.language-bar .lang.bg:before { content: '';background: url(images/168-bulgaria.svg) no-repeat 0 -5px; background-size: 100%; }
.navigation .nav-li.language-bar .lang.de:before { content: ''; background: url(images/162-germany.svg) no-repeat 0 -5px; background-size: 100%; }
.navigation .lang-bar,
.navigation .lang-bar-2 { display: none; }


@media only screen and (max-width: 1000px){
	.navigation { display: none; }
	.navigation.opened { display: block; position: fixed; width: 100%; background: rgba(0, 0, 0, 0.80); left: 0; bottom: 0; top: 54px; }
	.navigation.opened ul { background: #353535; }
	.navigation .nav-li { margin: 0 10px; border-bottom: 1px solid #555555; }
	.navigation .nav-li:last-child { border-bottom: none; }
	.navigation .nav-li a { padding: 15px 0 15px 10px; }
}

@media only screen and (min-width: 1001px){
	.navigation { display: block; }
	.navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
	.navigation .nav-li a { padding: 25px 20px; font: 300 20px Roboto, sans-serif; }
	.navigation .nav-li.language-bar { display: none; }
	.navigation .lang-bar { position: relative; width: 82px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; border: 1px solid #424242; margin: 15px 0; padding: 0 0 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.navigation .lang-bar li,
	.navigation .lang-bar-2.opened li { padding-left: 40px; }

	.navigation .lang-bar li a { position: relative; color: #ffffff; font: 300 14px Roboto, sans-serif; }

	.navigation .lang-bar li a:before,
	.navigation .lang-bar-2 li a:before { content: ''; width: 35px; height: 25px; display: block; position: absolute; left: -41px; top: -5px; }

	.navigation .lang-bar li a:after { content: ''; position: absolute; right: -12px; top: 6px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ffffff; }

	.navigation .lang-bar a.disabled { display: none; background: #424242; }
	.navigation .lang-bar a.lang.en:before { background: url(images/260-united-kingdom.svg) no-repeat 0 -5px; background-size: 100%; }
	.navigation .lang-bar a.lang.bg:before { content: '';background: url(images/168-bulgaria.svg) no-repeat 0 -5px; background-size: 100%; }
	.navigation .lang-bar a.lang.de:before { content: ''; background: url(images/162-germany.svg) no-repeat 0 -5px; background-size: 100%; }
	.navigation .lang-bar-2.opened { display: block; position: absolute; top: 43px; left: -1px; width: 82px; border: 1px solid #424242; background: #424242; padding: 0 0 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 120 }
    .navigation .lang-bar-2.opened li { padding: 12px 10px 12px 40px; pointer-events: none; opacity: .2; }
    .navigation .lang-bar-2.opened li a:after { content: none; }
}



/* Intro Text */

.intro { background: url(images/our-mission-bg.jpg) no-repeat 50%; background-size: cover; }
.intro-text h2 { color: #e4e4e4; }
.intro-text p { padding-bottom: 28px; color: #aaa9a9; }
.intro-text p:last-child { padding-bottom: 0; }
.text-block.darker { padding-bottom: 75px; background-color: rgba(37, 37, 37, 0.8); }

@media only screen and (min-width: 768px){
	.text-block.darker { padding-bottom: 180px; }
}

@media only screen and (max-width: 1000px){
	.intro-projects .intro-text { padding: 25px 0 70px; }
	.intro-projects .text-block { padding: 0; }
	.text-block { padding: 25px 0; }
	.intro { padding-top: 55px; }
	.intro-text h2 { padding-bottom: 5px; }
	.intro-text p { font: 300 14px/20px Roboto, sans-serif; }
}

@media only screen and (min-width: 1001px){
	.intro { padding-top: 25px; }
	.intro-text { padding: 60px 80px 50px 80px; }
	.intro-text h2 { padding-bottom: 15px; }
	.intro-text p { font: 300 20px/28px Roboto, sans-serif; }
	.intro-projects .intro-text { padding: 60px 80px 240px 80px; }
}



/* Boxes */

.boxes { position: relative; }
.box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 15px; border: 2px solid #f4bd00; }
.box .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 10px; }
.box .image { width: 70px; height: 70px; margin-bottom: 10px; font-size: 0; line-height: 0; text-indent: -9999px; background-position: center; }
.box .image.transparency { background: url(images/transperancy.svg) no-repeat 50%; }
.box .image.supportiveness { background: url(images/supportivness.svg) no-repeat 50%; }
.box .image.empathy { background: url(images/empathy.svg) no-repeat 50%; }
.box .title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font: 300 20px Roboto, sans-serif; color: #f5f5f5; word-break: break-all; }
.box p { font: 300 14px Roboto, sans-serif; color: #bebebe; text-align: center; }

.our-mission.boxes { background: #f4bd00; padding: 20px 0; }
.our-mission.boxes .container { margin-top: -65px; }
.our-mission .box { background: #252525; }
.jobs .box { background: #403f3f; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }
.single-job .box .image { width: 90px; }

@media only screen and (min-width: 768px){
	.our-mission.boxes .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -150px; }
	.box { width: 32%; }
}

@media only screen and (min-width: 1001px){
	.our-mission.boxes .container { padding-bottom: 30px; }
	.boxes { padding: 15px 0 75px; }
	.boxes .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: -200px; }
	.box {  padding: 20px 10px 30px; margin: 0; }
	.box .image { width: 110px; height: 92px; margin-bottom: 30px; }
	.box .title { font: 300 24px Roboto, sans-serif; margin-bottom: 15px; }
	.box p { font: 300 16px Roboto, sans-serif; }
	.single-job .box .image { width: 115px; }
}

@media only screen and (min-width: 1200px){
	.box { width: 380px; padding: 35px 35px 50px 35px; }
}


/* Consultative HR */

.consultative-hr { background: #e1e1e1; }
.consultative-hr .image { display: block; background: url(images/hr.svg) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -9999px; }
.consultative-hr h2 { color: #252525; }
.consultative-hr p { font: 300 14px Roboto, sans-serif; }

@media only screen and (max-width: 1000px){
    .consultative-hr { padding: 20px 10px; text-align: center; }
	.consultative-hr .image { width: 100px; height: 100px; background-size: 100px auto; margin: 0 auto 15px; }
	.consultative-hr h2 { padding-bottom: 5px; }
	.consultative-hr p { padding-bottom: 25px; }
}

@media only screen and (min-width: 1001px){
	.consultative-hr .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 87px 10px; }
	.consultative-hr .container .flex-wrapper:first-child { margin: 0 30px; }
	.consultative-hr .container .flex-wrapper:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
	.consultative-hr .image { width: 240px; height: 240px; }
	.consultative-hr h2 { margin-bottom: 10px; }
	.consultative-hr p { font: 300 16px Roboto, sans-serif; margin-bottom: 20px; }
}

@media only screen and (min-width: 1200px){
	.consultative-hr .container .flex-wrapper:first-child { margin: 0 85px 0 30px; }
	.consultative-hr .image { width: 295px; height: 295px; }
	.consultative-hr h2 { margin-bottom: 15px; }
	.consultative-hr p { font: 300 20px/25px Roboto, sans-serif; margin-bottom: 40px; }
}



/* Projects */

.projects { position: relative; background: #e1e1e1; padding: 20px 0; }
.projects .container { margin-top: -60px; }
.project { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.2); background: #ebebeb; margin-bottom: 35px; padding: 10px; }
.project .screenshot { display: block;  font-size: 0; line-height: 0; text-indent: -9999px; width: 100%; height: 133px; }
.project .screenshot.nodes { background: url(images/screen-nodes.jpg) no-repeat 0 0; background-size: cover; }
.project .screenshot.howtomine { background: url(images/screen-howtomine.jpg) no-repeat 0 0; background-size: cover; }
.project .screenshot.miningpools { background: url(images/screen-miningpools.jpg) no-repeat 0 0; background-size: cover; }
.project .text { padding-bottom: 25px; }
.project .text .title { font: 300 26px Roboto, sans-serif; display: block; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #f4bd00; }
.project .text p { font: 14px Roboto, sans-serif; margin-bottom: 20px; }
.project .text .coming-soon { font: 16px Roboto, sans-serif; text-transform: uppercase; }

@media only screen and (min-width: 768px){
	.project { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0; }
	.project .image-wrapper { width: 60%; }
	.project .text { padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
	.project .text .title { font: 300 22px Roboto, sans-serif; }
	.project .text p { font: 13px Roboto, sans-serif; }
}

@media only screen and (min-width: 1001px){
	.intro .intro-text.intro-projects { padding: 60px 80px 200px 80px; }
	.projects .container { margin-top: -185px; padding: 0 10px; }
	.project .image-wrapper { position: relative; }
	.project .image-wrapper:after { position: absolute; content: ''; width: 100%; height: 4px; left: 0; bottom: 0; background: #464646; }
	.project .text { padding: 15px 35px 20px; }
	.project .text .title { font: 300 30px Roboto, sans-serif; padding-bottom: 5px; margin-bottom: 20px; }
	.project .text p { font: 16px Roboto, sans-dserif; }
}

@media only screen and (min-width: 1200px){
	.project .image-wrapper { width: 740px; }
	.project .image-wrapper img { width: 100%; }
}



/* Performance-Based Hiring */

.performance-hiring { background: #ebebeb; font: 300 14px Roboto, sans-serif; padding: 20px 10px; text-align: center; }
.performance-hiring h2 { padding-bottom: 5px; }
.performance-hiring p { font: 300 14px Roboto, sans-serif; padding-bottom: 15px; }
.performance-hiring p:last-of-type { padding-bottom: 25px; }

@media only screen and (min-width: 1001px){
	.performance-hiring { padding: 50px 10px 65px; text-align: left; }
	.performance-hiring h2 { padding-bottom: 15px; }
	.performance-hiring p { font: 300 20px Roboto, sans-serif; padding-bottom: 20px; }
	.performance-hiring p:last-of-type { padding-bottom: 35px; }
}



/* Contact Us */

.article.contact-us { background: #ebebeb; margin-top: 55px; }
.contact-us .container { padding: 0 10px 40px; }
.contact-us .flex-wrapper { -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); }
.contact-us h2 { padding: 30px 0 30px; text-align: center; }
.contact-us .wpcf7 { background: url(images/contact-us-bg.jpg) no-repeat 0 0; background-size: cover; padding: 40px 25px; }
.contact-us .wpcf7 br { display: none; }
.contact-us .wpcf7-form-control-wrap { display: block; }
.contact-us .field { margin-bottom: 30px; }
.contact-us .wpcf7-not-valid-tip { display: block; float: right; }
.contact-us .wpcf7-response-output { display: none !important; }
.contact-us input.text-field { height: 30px; }
.contact-us textarea.text-field { height: 120px; resize: none; }
.contact-us input.text-field,
.contact-us textarea.text-field { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font: 300 16px Roboto, sans-serif; color: #ffffff; margin-bottom: 5px; background: none; border: none; border-bottom: 1px solid #e1e1e1; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }
        .contact-us input.text-field:focus,
        .contact-us textarea.text-field:focus { border-bottom: 1px solid #f4bd00; }
.contact-us input.yellow-btn { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 25px; }
.contact-us label { font: 300 14px Roboto, sans-serif; color: #ffffff; }
.company-info { background: #e1e1e1; padding: 20px; }
.company-info .info-block { margin-bottom: 20px; }
.company-info .info-block h3 { font: 700 16px Roboto, sans-serif; padding-bottom: 5px; }
.company-info .info-block p { font: 300 14px Roboto, sans-serif; }
.company-info .wrapper:last-child .info-block { padding-top: 20px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-top: 1px solid #cccccc; }
.company-info .wrapper:last-child .info-block p { font: 300 16px Roboto, sans-serif; }

@media only screen and (min-width: 768px) {
	.contact-us .flex-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1120px; margin: 0 auto; }
	.contact-us .wpcf7,
	.company-info { width: 50%; }
	.company-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
}

@media only screen and (min-width: 1001px) {
	.article.contact-us { margin-top: 0; }
	.contact-us h2 { padding: 70px 0 50px; }
	.contact-us label { font: 300 16px Roboto, sans-serif; color: #ffffff; }
	.contact-us textarea.text-field { height: 135px; }
	.contact-us .wpcf7 { padding: 50px 50px 50px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.contact-us .wpcf7:after { content: ''; position: absolute; width: 20px; right: -19px; top: 0; bottom: 0; background: url(images/contact-us-line.png) no-repeat 0 0; }
	.contact-us .field { margin-bottom: 28px; }
	.contact-us .container { padding: 0 10px 85px; }
	.company-info { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 20px 30px 60px; }
	.company-info .info-block h3 { font: 700 20px Roboto, sans-serif; }
	.company-info .info-block p { font: 300 18px Roboto, sans-serif; padding-bottom: 7px; }
	.company-info .info-block:last-child p { font: 300 18px Roboto, sans-serif; line-height: 30px; }
}



/* Section Job */

.single-job { margin-top: 55px; }
.single-job .box .image.cv { background: url(images/cv.svg) no-repeat 50%; }
.single-job .box .image.cover-letter { background: url(images/cover-letter.svg) no-repeat 20px 0; }
.single-job .box .image.video { background: url(images/video.svg) no-repeat 50%; }
.section-job .section__head { padding: 15px 0; }
.section-job .section__head h2 { color: #4a4a4a; font: 300 26px/27px Roboto, sans-serif; text-align: center; padding: 10px 0; }
.section-job .job__categories li { margin-bottom: 30px; }
.section-job .category__title { position: relative; font: 300 20px Roboto, sans-serif; border-bottom: 1px solid #f4bd00; padding: 7px 0; margin: 0 5px 20px 22px; }
.section-job .category__title:before { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #f4bd00; top: 50%; margin-top: -4px; left: -22px; }
.section-job .category__details { list-style: disc; padding: 0 5px 0 17px; }
.section-job .category__details li { font: 300 16px Roboto, sans-serif; margin-bottom: 15px; padding-left: 5px; }
.section-job .category__details li:last-of-type { margin-bottom: 0; }
.section-job .boxes { padding: 25px 0 35px 0; }
.section-job .btn-holder { width: 100%; height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; text-align: center; padding: 35px; margin-bottom: 35px; background: url(images/apply-now-bg.jpg) no-repeat 50%; background-size: cover; position: relative; }
.section-job .btn-holder:after { position: absolute; content: ''; border: 2px solid #f4bd00; left: 2px; bottom: 2px; top: 2px; right: 2px; display: block; pointer-events: none; }
.section-job .btn { padding: 15px 55px; display: inline-block; }

@media only screen and (min-width: 768px) {
	.section-job .section__head { padding: 0; }
	.section-job .section__head h2 { padding: 22px 0; }
	.section-job .boxes { padding: 30px 0 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
}

@media only screen and (min-width: 1001px) {
	.single-job { margin-top: 0; }
	/*.single-job .box .image.cover-letter { background: url(images/cover-letter.svg) no-repeat 0 0; }*/
	.section-job .section__head h2 { font: 300 38px Roboto, sans-serif; padding: 55px 0 40px; }
	.section-job .category__title { font: 300 26px Roboto, sans-serif; padding: 0; }
	.section-job .category__details li { font: 300 18px Roboto, sans-serif; }
	.section-job .boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0 25px 0; }
	.section-job .btn-holder { width: 100%; height: 230px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.section-job .btn-holder .yellow-btn { font: 700 30px Roboto, sans-serif; padding: 13px 72px; border-radius: 35px; }
	.jobs .box { padding: 20px; }
	.jobs .box .image { width: 115px; height: 80px; margin-bottom: 20px; }
	.jobs .box .flex-wrapper { margin-bottom: 5px; }
}

@media only screen and (min-width: 1200px) {
	.section-job .section__head h2 { font: 300 38px/29px Roboto, sans-serif; }
	/* .section-job .job__categories { padding-top: 15px; } */
	/* .section-job .job__categories li { padding-top: 10px; } */
	.section-job .category__details li  { padding-top: 0; }
	.section-job .category__title { margin: 0 5px 30px 50px; }
	.section-job .category__title,
	.section-job .category__title:first-child { font: 300 26px Roboto, sans-serif; color: #333333; }
	.section-job .category__title:before { left: -36px; }
	.section-job .category__details { padding: 0 5px 0 31px; position: relative; }
	.section-job .category__details.responsibilities:before { background-position: 0 0; }
	.section-job .category__details.requirements:before { background-position: 0 -145px; }
	.section-job .category__details.environment:before { background-position: 0 -290px; }
	.section-job .category__details li { font: 300 18px Roboto, sans-serif; margin-bottom: 8px; padding-left: 20px; }
	/* .section-job .btn-holder { padding-bottom: 65px; } */
	.section-job .btn { padding: 15px 70px; font-size: 30px; }
}



/* Footer */

.footer { -ms-flex-negative: 0; flex-shrink: 0; background: #232222; padding: 0 10px; }

@media only screen and (min-width: 768px) {
	.footer { padding: 0; }
}



/* Footer Top */

.footer__top .widgets { padding-top: 30px; }
.footer__top .widget { padding-bottom: 30px; }
.footer a:hover { text-decoration: underline; } 
.footer a { 
 -webkit-transition: .3s; 
      -o-transition: .3s; 
         transition: .3s; }
.footer__top .widget__title { position: relative; font: 18px Roboto, sans-serif; color: #fff; padding-bottom: 5px; margin-bottom: 10px; }
.footer__top .widget__title:after { content: ''; position: absolute; display: block; width: 60px; border-bottom: 1px solid #a1a1a1; left: 0; bottom: 0; }
.footer__top .widget__entry { font: 16px Roboto, sans-serif; color: #c0c0c0; }
.footer__top .widget__entry p { line-height: 24px; }
.footer__top .widget__entry a.widget__email:hover { border: 0; text-decoration: none; }
.footer__top .widget__entry a.widget__email { border-bottom: 2px solid #977614; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }
.footer__top .widget__entry .socials ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
.footer__top .widget__entry .socials ul li { margin-right: 25px; }
.footer__top .widget__entry .socials ul li:last-child { margin-right: 0; }
.footer__top .widget__entry span { 
 -webkit-transition: .3s; 
      -o-transition: .3s; 
         transition: .3s; }
.footer__top .widget__entry .ico { display: block; width: 36px; height: 36px; font-size: 0; line-height: 0; text-indent: -9999px; }
.footer__top .widget__entry .ico-twitter { background: url(images/gray-tw.svg) no-repeat -39px -1px; background-size: 115px auto; }
.footer__top .widget__entry .ico-facebook { background: url(images/gray-fb.svg) no-repeat -39px -1px; background-size: 115px auto; }
.footer__top .widget__entry .ico-gplus { background: url(images/gray-gp.svg) no-repeat -39px -1px; background-size: 115px auto; }
.footer__top .widget__entry .ico-twitter:hover { background: url(images/white-tw.svg) no-repeat -39px -1px; background-size: 115px auto; }
.footer__top .widget__entry .ico-facebook:hover { background: url(images/white-fb.svg) no-repeat -39px -1px; background-size: 115px auto; }
.footer__top .widget__entry .ico-gplus:hover { background: url(images/white-gp.svg) no-repeat -39px -1px; background-size: 115px auto; }

@media only screen and (min-width: 768px) {
	.footer__top .widgets { padding: 27px 0 35px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
	.footer__top .widgets:after { content: ''; display: block; clear: both; }
	.footer__top .widget { width: calc(25% - 10px); padding: 0 10px; float: left; padding-bottom: 0; position: relative; border-right: 2px solid #3c3b3b; }
	.footer__top .widget:last-child { border-right: none; }
}

@media only screen and (min-width: 1200px) {
	.footer__top .widgets { padding: 35px 0; }
	.footer__top .widget { width: 25%; padding: 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.footer__top .widget__title { padding-bottom: 5px; margin-bottom: 15px; }
	.footer__top .widget__entry { font: 14px/24px Roboto, sans-serif; }
}



/* Footer Bottom */

.footer__bottom { background: #1c1b1b; padding: 0 14px; }
.footer__bottom .menu { padding-top: 20px; text-align: center; }
.footer__bottom .menu li { display: inline-block; }
.footer__bottom .menu li:first-child { position: relative; padding-right: 30px; }
.footer__bottom .menu li:first-child:after { content: '|'; position: absolute; width: 1px; height: 15px; color: #eaeaea; right: 18px;
    top: 0; }
.footer__bottom .menu a { font: 18px Roboto, sans-serif; color: #fff; }
.footer__bottom .copyright { text-align: center; }
.footer__bottom .copyright p { font: 12px Roboto, sans-serif; color: #fff; padding: 20px 0; }

@media only screen and (min-width: 768px) {
	.footer__bottom { padding: 10px 14px; margin: 0; }
	.footer__bottom .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.footer__bottom:after,
	.footer__bottom .links:after { content: ''; display: block; clear: both; }
	.footer__bottom .links { float: left; }
	.footer__bottom .menu { padding-top: 0; }
	.footer__bottom .menu a { font: 14px Roboto, sans-serif; }
	.footer__bottom .copyright { float: right; }
	.footer__bottom .copyright p { padding: 0; }
}

@media only screen and (min-width: 1200px) {
	.footer__bottom .menu { padding: 0 0 0 45px; }
	.footer__bottom .copyright { padding: 0 45px 0 0; }
	.footer__bottom .copyright p { font: 14px Roboto, sans-serif; }
}




/* CAREERS PAGE */



/* Section Intro Center */

.section-intro-center { margin-top: 55px; text-align: center; background-image: url(images/section-image-1.jpg); background-position: center; padding-bottom: 140px; border-bottom: 4px solid #4b4b4b;
background-size: cover;
-webkit-box-sizing: border-box;
        box-sizing: border-box; }
.section-intro-center .container {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.section-intro-center .section__entry {
	background: rgba(248,80,50,0);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,0)), color-stop(50%, rgba(75,75,75,.3)), color-stop(100%, rgba(231,56,39,0)));
	background: -webkit-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(75,75,75,.3) 50%, rgba(231,56,39,0) 100%);
	background: -o-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(75,75,75,.3) 50%, rgba(231,56,39,0) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(248,80,50,0)), color-stop(50%, rgba(75,75,75,.3)), to(rgba(231,56,39,0)));
	background: linear-gradient(to right, rgba(248,80,50,0) 0%, rgba(75,75,75,.3) 50%, rgba(231,56,39,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=1 ); }
.section-intro-center .section__entry h1 { font-family: 'Roboto', sans-serif; line-height: 1.29; font-weight: 300; color: #fff; }
.section-intro-center .section__entry h1 strong { font-weight: 500; }

@media(max-width: 767px){
	.section-intro-center .container { height: 185px; padding: 0 20px; }
	.section-intro-center .section__entry { padding: 15px 0; }
	.section-intro-center .section__entry h1 { font-size: 20px; }
}

@media(min-width: 768px){
	.section-intro-center .container { height: 250px; padding: 0 10px; }
	.section-intro-center .section__entry { padding: 21px 70px 26px; }
	.section-intro-center .section__entry h1 { font-size: 24px; }
}

@media(min-width: 1025px){

	.section-intro-center .container { height: 404px; }
	.section-intro-center .section__entry h1 { font-size: 34px; }
	.section-intro-center .section__entry { padding: 21px 110px 26px; }
}

@media only screen and (min-width: 1001px) {
	.section-intro-center { margin-top: 0; }
}

/* Section Vacancies */

.section-vacancies { background: #ebebeb; font-family: 'Roboto', sans-serif; }
.section-vacancies [class^="ico"] { display: inline-block; vertical-align: middle;
background-size: cover; }
.section-vacancies .container.positions .section__head,
.section-vacancies .section__head { text-align: center; }
.section-vacancies .section__head h2 { font-weight: 700; line-height: 1.25; color: #252525; }
.section-vacancies .section__head p { color: #626262; font-weight: 300; }

@media(max-width: 767px){

	.section-vacancies { padding-top: 30px; }
	.section-vacancies .section__head h2 { font-size: 25px; margin-bottom: 20px; }
	.section-vacancies .container.positions .section__head, .section-vacancies .section__head { padding: 0 14px; }
	.section-vacancies .section__head p { font-size: 17px; line-height: 1.3; }
}

@media(min-width: 768px){

	.section-vacancies { padding-top: 45px; }
	.section-vacancies .section__head h2 { font-size: 36px; margin-bottom: 25px; }
	.section-vacancies .container.positions .section__head, .section-vacancies .section__head { padding: 0 30px; }
	.section-vacancies .section__head p { font-size: 20px; line-height: 1.2; }
}

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */

.ico-hr { background-image: url(images/ico-hr.svg); width: 39px; height: 39px; }
.ico-management { background-image: url(images/ico-management.svg); width: 41px; height: 41px; }
.ico-pm { background-image: url(images/ico-pm.svg); width: 43px; height: 43px; }
.ico-dm { background-image: url(images/ico-dm.svg); width: 41px; height: 41px; }
.ico-content { background-image: url(images/ico-content.svg); width: 46px; height: 43px; }
.ico-it { background-image: url(images/ico-it.svg); width: 44px; height: 44px; }
.ico-dv { background-image: url(images/ico-dv.svg); width: 42px; height: 42px; }
.ico-legal { background-image: url(images/ico-legal.svg); width: 43px; height: 41px; }
.ico-accounting { background-image: url(images/ico-accounting.svg); width: 46px; height: 46px; }

/* ------------------------------------------------------------ *\
	Accordions
\* ------------------------------------------------------------ */

.accordion { padding-bottom: 10px; }
.accordion .accordion__section + .accordion__section { position: relative; }
.accordion .accordion__section + .accordion__section:before { content: ''; position: absolute; top: 0; left: 50%; background: #ccc; height: 1px; width: calc(100% - 20px);
 -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
         transform: translateX(-50%); }

.accordion .disabled { pointer-events: none; }
.accordion .disabled .accordion__head:after { display: none; }

.accordion .accordion__head:hover { background: rgb(0,0,0,.03); }
.accordion .accordion__head { position: relative; cursor: pointer; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }
.accordion .accordion__head h5 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 20px;
	font-weight: 300;
}
.accordion .accordion__head h5 > span { display: inline-block; min-width: 47px; text-align: center; }
.accordion .accordion__head > span { font-weight: 700; color: #f4bd00; }
.accordion .accordion__head:after { content: ''; position: absolute; top: 50%; background-position: center; background-image: url(images/ico-arrow.png); top: 50%;
-webkit-transition: .3s;
     -o-transition: .3s;
        transition: .3s;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
background-size: cover; }

.accordion .accordion__body { margin-left: 10px; background: #f8f8f8; display: none; }

.accordion .current .accordion__head:after {
-webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg); }

@media(max-width: 767px){
	.accordion { padding-top: 10px; }
	.accordion .accordion__head { padding: 15px 30px 15px 67px; position: relative; cursor: pointer; display: block; }
	.accordion .accordion__head:after { width: 11px; height: 6px; right: 12px; }
	.accordion .accordion__head h5 > span { margin-right: 10px; position: absolute; top: 50%; left: 10px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%); }
	.accordion .accordion__head h5 { line-height: 1.4; }
	.accordion .accordion__head > span { display: block; line-height: 1.4; padding-top: 5px; font-size: 17px; }
}

@media(min-width: 768px){
	.accordion .accordion__head { padding: 20px 78px 20px 23px;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.accordion .accordion__head:after { width: 17px; height: 10px; right: 30px; }
	.accordion .accordion__head h5 > span { margin-right: 25px; }
	.accordion .accordion__head > span { font-size: 18px; }
}

/* ------------------------------------------------------------ *\
	Vacancies
\* ------------------------------------------------------------ */

.vacancy + .vacancy { border-top: 1px solid #dbdbdb; }

.vacancy { position: relative; }

.vacancy > a { color: inherit; position: relative; display: block; }
.vacancy > a:after { content: ''; position: absolute; top: 50%; border: 2px solid #929292; width: 6px; height: 6px; display: inline-block; border-bottom: 0; border-left: 0;
-webkit-transform: translateY(-50%) rotate(45deg);
     -ms-transform: translateY(-50%) rotate(45deg);
         transform: translateY(-50%) rotate(45deg);
-webkit-transition: .3s;
     -o-transition: .3s;
        transition: .3s; }
.vacancy > a:hover .hidden { right: 104px; }
.vacancy > a:hover:after { border-color: #ffae21; }
.vacancy h4 { font-weight: 300; }
.vacancy p { line-height: 1.5; color: #828282; font-weight: 300; }
.vacancy .hidden { opacity: 0; visibility: hidden; position: absolute; max-width: 200px; top: 50%; right: 80px; text-align: right; text-transform: uppercase; font-weight: 300; color: #828282; font-size: 16px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: .3s;
	     -o-transition: .3s;
	        transition: .3s; }
.vacancy a:before { content: ''; position: absolute; bottom: 2px; width: 10px; background: #252525; height: calc(100% - 6px); }

.vacancy--priority a:before { background: #ffae21; }
.vacancy--priority h4 { font-weight: 700; color: #404040; }
.vacancy--priority h4:after { content: attr(data-priority); text-align: center; vertical-align: middle; background: #ffae21; color: #252525; text-transform: uppercase; border-radius: 2px; letter-spacing: 0.01em; font-weight: 300; line-height: 1.2; }

@media(max-width: 767px){
	.vacancy h4 { font-size: 18px; line-height: 1.45; max-width: calc(100% - 25px); }
	.vacancy p { max-width: calc(100% - 25px); margin-top: 5px; font-size: 15px; }
	.vacancy a:before { left: -10px; }
	.vacancy a { padding: 10px 0 10px 15px; }
	.vacancy a:after { right: 15px; }

	.vacancy--priority h4:after { display: block; width: 68px; margin-left: 0; font-size: 14px; padding: 6px 11px 3px; margin-top: 0; }
}

@media(min-width: 768px){
	.vacancy h4 { font-size: 24px; max-width: 68%; }
	.vacancy p { max-width: 68%; margin-top: 0; margin-bottom: 10px; font-size: 16px; }
	.vacancy a { padding: 20px 0 20px 25px; }
	.vacancy a:before { left: -10px; }
	.vacancy a:after { right: 35px; }

	.vacancy--priority a { padding: 20px 0 10px 25px; }
	.vacancy--priority h4 { margin-bottom: 10px; }
	.vacancy--priority h4:after { display: inline-block; margin-left: 31px; font-size: 18px; padding: 8px 17px 5px; margin-top: -8px; }
}

@media(min-width: 1024px){
	.vacancy h4 { max-width: calc(100% - 200px); }
	.vacancy p { max-width: 53%; }
	.vacancy > a:hover .hidden { opacity: 1; visibility: visible; }
}

/* ------------------------------------------------------------ *\
	Boxes
\* ------------------------------------------------------------ */

.boxes.single-job { margin-top: 0; }
.boxes.single-job .container {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.boxes .boxes__title { width: 978px; max-width: calc(100% - 67px); margin: -165px auto 0; border: 2px solid rgb(244,189,0,.49); border-bottom: 0; font-size: 16px; line-height: 1.2; color: #c3c3c3; padding: 15px 10px; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 300; }

@media only screen and (min-width: 768px){
	.boxes.single-job { margin-top: 0; }

	.boxes .boxes__title { margin-top: 0; padding: 30px 20px; line-height: 1; font-size: 20px; max-width: calc(100% - 100px); }
}

/* ------------------------------------------------------------ *\
	Section Apply
\* ------------------------------------------------------------ */

.section-apply { padding: 35px 0 35px; background: #363636; }
.section-apply .container:after { content: ''; display: table; width: 100%; clear: both; }
.section-apply .section__holder { text-align: center; }
.section-apply img { border-radius: 50%; }
.section-apply .box { padding: 20px 10px 20px 10px; position: relative; margin: 40px 0 0 0; text-align: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row; }
.section-apply .box:before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; left: 50%; border-width: 18px 36px 18px 0; border-color: transparent #f4bd00 transparent transparent; top: -36px;
-webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg); }
.section-apply .box:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; left: 50%; border-width: 18px 36px 18px 0; border-color: transparent #363636 transparent transparent; top: -32px;
-webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg); }
.section-apply .box { display: block; }
.section-apply .box p { font: 20px/27px 'Roboto', sans-serif; color: #fff; font-weight: 300; margin-bottom: 15px; }
.section-apply .person__name { font: bold 24px 'Roboto', sans-serif; color: #fff; }
.section-apply .person__position { font: 18px 'Roboto', sans-serif; font-weight: 300; color: #c8c8c8; }
.section-apply .yellow-btn { font-weight: 300; min-width: 84px; text-align: center; background: #ffae21; display: inline-block; font-size: 20px;
-webkit-transition: .3s;
     -o-transition: .3s;
        transition: .3s; }
.section-apply .yellow-btn:hover { background: #fff; }

@media only screen and (min-width: 768px) {
	.section-apply { padding: 35px 0 55px; }
	.section-apply:after { content: ''; display: block; clear: both; }
	.section-apply .section__holder { float: left; }
	.section-apply .person__name { font: bold 19px 'Roboto', sans-serif; }
	.section-apply .person__position { font: 16px 'Roboto', sans-serif; }
	.section-apply .box { float: right; padding: 25px 15px; margin: 15px 0 20px 0; width: calc(100% - 210px);
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.section-apply .box:before { left: -36px; top: 20px; margin-left: 0; border-width: 18px 36px 18px 0;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none; }
	.section-apply .box:after { left: -31px; top: 20px; border-width: 18px 36px 18px 0;
		-webkit-transform: none;
		    -ms-transform: none;
		        transform: none; }
	.section-apply .box p { font: 24px/27px 'Roboto', sans-serif; text-align: left; font-weight: 300; margin-bottom: 0;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0; }
	.section-apply .box { text-align: left; }
	.section-apply .yellow-btn { font-size: 24px; }
}

@media only screen and (min-width: 1024px) {
	.section-apply .section__holder { margin-left: 15px; width: 178px; }
	.section-apply .person__name { font: bold 24px 'Roboto', sans-serif; padding-top: 5px; }
	.section-apply .person__position { font: 18px 'Roboto', sans-serif; }
	.section-apply .box { margin: 15px 30px 20px 0; padding: 30px 47px; width: 930px; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 270px); }
	.section-apply .box p { font: 24px/33px 'Roboto', sans-serif; padding: 0; font-weight: 300; }
}

@media only screen and (min-width: 1440px) {
	.section-apply .section__holder { position: relative; }
	.section-apply .section__holder:after { content: ''; position: absolute; width: 255px; height: 250px;background: -webkit-radial-gradient(circle farthest-side, #595959, #353535); background: -o-radial-gradient(circle farthest-side, #595959, #353535); background: radial-gradient(circle farthest-side, #595959, #353535); top: -51px; z-index: -1; left: 0; }
}






/* Article */

.main--article { padding-top: 55px; }

.blog-container { padding-top: 40px; padding-bottom: 40px; font: 14px/1.39 Roboto, sans-serif; background-color: #fff; color: #404040; }
.blog-container p { margin-bottom: 1.56em; }
.blog-container p:last-child { margin-bottom: 0; }
.blog-container.overview { padding-top: 80px; }

.article-single .article__head { padding-bottom: 1.89em; }
.article-single .article__title { padding-bottom: 0.79em; font-size: 2.11em; line-height: 1.05; font-weight: bold; }
.article-single .article__meta { font-size: 0.89em; font-weight: 300; color: #767474; }

.article-single .article__body { position: relative; overflow: hidden; }
.article-single .article__body img { max-width: 100%; }
.article-single .article__body h1,
.article-single .article__body h2,
.article-single .article__body h3,
.article-single .article__body h4,
.article-single .article__body h5,
.article-single .article__body h6 { line-height: 1.2; margin-bottom: .8em; }
.article-single .article__body h1 { font-size: 2.11em; font-weight: bold; }
.article-single .article__body h2 { font-size: 1.78em; font-weight: bold; }
.article-single .article__body h3 { font-size: 1.56em; font-weight: 300; }
.article-single .article__body h4 { font-size: 1.22em; font-weight: bold; }
.article-single .article__body h5 { font-size: 1.11em; font-weight: 300; }
.article-single .article__body h6 { font-size: 1em; font-weight: bold; margin-bottom: ; }
.article-single .article__body blockquote { padding-left: 1.5em; border-left: 10px solid #ffae21; margin-bottom: 1.56em; font-family:  Roboto, sans-serif; font-size: 1.11em; font-weight: 300; font-style: italic; color: #949494; }
.article-single .article__body ul { list-style: disc outside none; margin: 0 0 1.56em 1.3em; }
.article-single .article__body ol { list-style: decimal outside none; margin: 0 0 1.56em 1.3em; }


.article-single .article__body .alignleft,
.article-single .article__body .alignright,
.article-single .article__body .aligncenter,
.article-single .article__body .alignnone { display: block; margin: 5px auto; }

@media(min-width: 768px){
	.article-single .article__body .alignleft,
	.article-single .article__body .alignright,
	.article-single .article__body .aligncenter,
	.article-single .article__body .alignnone { display: block; margin: 15px 20px; }
	.article-single .article__body .alignleft { float: left; max-width: 50%; margin-left: 0; }
	.article-single .article__body .alignright { float: right; max-width: 50%; margin-right: 0; }
	.article-single .article__body .aligncenter { margin-left: auto; margin-right: auto; }
}


.article-single .article__share__title { width: 240px; border-left: 10px solid #404040; padding-left: 18px; font-size: 1.11em; line-height: 1.25; font-weight: 900; font-weight: bold; color: #404040; }
.article-single .article__share { position: relative; overflow: hidden; padding: 35px 0; margin: 1.4em 0 0; border-top: 2px solid #d7d7d7; border-bottom: 2px solid #d7d7d7; }
.article-single .article__share ul { list-style: none; margin-top: 30px; font-size: 0; white-space: nowrap; text-align: left; }
.article-single .article__share li { display: inline-block; vertical-align: top; margin-left: 20px; }
.article-single .article__share li:first-child { margin-left: 0; }
.article-single .article__share a { float: left; width: 40px; height: 40px; border-radius: 50%; font-size: 0; color: transparent; background: #d7d7d7 no-repeat center center; background-size: contain; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }
.article-single .article__share a:hover { opacity: .7; }
.article-single .article__share a.ico-facebook { background-image: url(images/ico-facebook.svg); }
.article-single .article__share a.ico-twitter { background-image: url(images/ico-twitter.svg); }
.article-single .article__share a.ico-googleplus { background-image: url(images/ico-googleplus.svg); }

.related-articles { position: relative; overflow: hidden; padding: 25px 0; }
.related-articles:last-child { padding-bottom: 0; }
.related-articles__title { padding-bottom: 25px; font-size: 2.11em; font-weight: 300; }

.articles  { margin: 0 -10px; padding: 0 10px; position: relative; overflow: hidden; }

.articles-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: relative; margin-right: -72px; }
.articles-list li { position: relative; float: left; width: calc(100% - 72px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 72px); flex: 0 0 calc(100% - 72px); margin-bottom: 15px; padding-right: 72px; }
.articles-list li:before { content: ''; position: absolute; top: 0; right: 36px; bottom: 0; display: block; width: 1px; background-color: #b7b7b7; }

.articles-list .article__image { display: block; }
.articles-list .article__image img { display: block; width: 100%; }

.articles-list .article__title { padding: 15px 0; font-size: 22px; line-height: 1.27em; font-weight: bold; }
.articles-list .article__title a { color: #404040; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }
.articles-list .article__title a:hover { color: #ffae21; }
.articles-list .article__meta { font-size: 0.89em; font-weight: 300; color: #767474; }
.articles-list .article__entry { display: none; }
.articles-list .btn { display: inline-block; min-width: 140px; padding: 10px; margin: 0 0 1em; font-size: 1em; text-align: center; color: #2c2c2c; background-color: #f4bd00; border-radius: 22px; 
-webkit-transition: .3s; 
     -o-transition: .3s; 
        transition: .3s; }
.articles-list .btn:hover { background-color: #ffff; }

.articles .articles-list li:first-child { background-color: #e1e1e1; width: calc(100% - 92px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 92px); flex: 0 0 calc(100% - 92px); padding: 10px; margin: 0 72px 2.22em 0; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); }
.articles .articles-list li:first-child:before { content: none; }
.articles .articles-list li:first-child .article__entry { display: block; }
.articles .articles-list li:first-child .article__entry p { position: relative; overflow: hidden; }

@media(min-width: 768px){
	.articles .articles-list li:first-child { background-color: #e1e1e1; width: calc(100% - 112px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 112px); flex: 0 0 calc(100% - 112px); padding: 20px; margin: 0 72px 2.22em 0; }
	.articles .articles-list li:first-child .article__entry p { max-height: 44px; }
	.articles .articles-list li:first-child .article__image { float: left; width: 385px; max-width: 46%; }
	.articles .articles-list li:first-child .article__container { position: relative; overflow: hidden; font-size: 16px; padding-left: 20px; }
	.articles .articles-list li:first-child .article__title { min-height: 60px; padding: 2px 0 10px; font-size: 1.5em; line-height: 1.21;  }

	.article-single .article__share a  { width: 54px; height: 54px; }

	.articles-list li { width: calc(50% - 72px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 72px); flex: 0 0 calc(50% - 72px); }
	.articles-list li:nth-child(3) { display: none; }
}

@media(min-width: 1001px){
	.main--article { padding-top: 0; }
	.blog-container.overview { padding-top: 40px; }
}

@media(min-width: 1024px){
	.blog-container { font-size: 18px; }

	.article-single .article__share { margin: 1.4em 0 0; }
	.article-single .article__share__title { float: left; width: 330px; }
	.article-single .article__share ul { float: right; margin-top: -3px; }

	.articles-list li { width: calc(33.33% - 72px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 72px); flex: 0 0 calc(33.33% - 72px); }
	.articles-list .article__title  { padding: 36px 0; }
	.articles-list .btn { padding: 12px; }

	.articles .articles-list li:first-child .article__image { max-height: none; }
	.articles .articles-list li:first-child .article__entry p { max-height: none; }
	.articles .articles-list li:first-child .article__title { padding-bottom: 20px; }

	.related-articles .articles-list li:nth-child(3) { display: block; }
}