#section-1{ background-position:50% 0%; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
#section-1, #section-1 .center{ height:82px; }
#section-1 .logo { background-image:url(../img/logo-blue.svg); background-position:50% 50%; }
#section-1 .blur { position:absolute; width:100%; background-position:50% bottom; background-repeat:no-repeat; background-attachment:fixed; background-size: cover;  }

#section-2{ background:url(../img/career1-2.jpg) 50% bottom no-repeat; background-size:100%; background-attachment:fixed; height:450px; }
.safari #section-1 .blur, .safari #section-2 { background-position:50% 200%; }
#section-2 .img{ letter-spacing:3px; font:42px '__Forum_5', 'Tinos', serif; text-transform:uppercase; color:#074369; text-align:center; width:500px; height:100px; position:absolute; top:50%; left:50%; margin:-150px 0px 0px -250px; }

.text-section{ padding:75px 0 77px; }
.text-section .title{ line-height:43px; color:#3f3f3f; font:36px '__Forum_5', 'Tinos', serif; text-align:center; margin:0; padding:0px 52px 17px; background:url(../img/line-1.png) 50% 100% no-repeat; text-transform: uppercase; }
.text-section .text{ line-height:20px; color:#888; font:16px '__Myriad Set Pro_5', 'Tahoma', sans-serif; text-align:justify; margin:29px 0px 0px; padding:0px 52px 0px; }
.text-section .text p{ margin:0px 0px 20px; }

#section-3 .title { font-size:42px; letter-spacing:3px; padding-bottom:25px; background-image:url(../img/short-line.png); }
#section-3 .text { text-align:justify; color:#888; font:16px Georgia; width:915px; margin:29px auto 0; line-height:24px; }

#section-4 { position:relative; height:639px; color:#fff; overflow:hidden; }
#section-4 .back { position:absolute; height:100%; width:500%; background:url(../img/career-2-2.jpg) 40% center no-repeat; background-attachment:fixed; background-size:cover; }
#section-4 .suptitle { font:36px '__Forum_5', 'Tinos', serif; margin:80px auto 0; text-align:center; }
#section-4 .text{ position:absolute; top:50%; left:50%; width:1024px; margin:-90px 0px 0px -512px; }
#section-4 .text .title { line-height:61px; font:60px '__Forum_5', 'Tinos', serif; text-align:center; letter-spacing:3px; text-transform: uppercase; }
#section-4 .text .subtitle { line-height:20px; color:#fff; font:14px '__Myriad Set Pro_5', 'Tahoma', sans-serif; text-align:center; letter-spacing:9px; margin:2px 0px 0px; text-transform: uppercase; }
#section-4 .text .show-video{ width:52px; height:52px; display:block; margin:44px auto 0px; background:url(../img/triangle-1.svg) 21px 50% no-repeat; background-size:9px 17px; border:2px solid #fff; border-radius:50%; }
.ie8 #section-4 .text .show-video{ background-image:url(../img/triangle-1.png); }

#section-4 .title-block{ width:920px; height:325px; overflow:hidden; margin:45px auto 0; border:2px solid #fff; border-top:0px; text-align:center; padding:61px 40px 34px; position:relative; }
.ie8 #section-4 .title-block{ border:1px solid #e2e2e2; }
#section-4 .title-block .border-top { z-index:10; background:url(../img/block-border-top.png) center 0 no-repeat; width:916px; height:11px; position:absolute; top:0; left:0; }
#section-4 .title-block .title-block-back { z-index:9; height:539px; width:500vw; position:absolute; left:0; top:-166px; background:url(../img/career-2-blurred2.jpg) 0 center no-repeat; background-attachment:fixed; background-size:cover;  }

#section-4 .title-block .subtitle { width:840px; height:150px; position:relative; }
#section-4 .title-block .subtitle .item { z-index:10; position:absolute; width:100%; left:0; top:0; transition:opacity .7s ease; opacity:1; }
#section-4 .title-block .subtitle .item.hide { opacity:0; }

#section-4 .title-block .subtitle p { font:16px Georgia, serif; letter-spacing:1px; line-height:24px; }
#section-4 .title-block .subtitle p.title { margin-bottom:30px; line-height:48px; text-transform:uppercase; font:36px '__Forum_5', 'Tinos', serif; letter-spacing: 4px; }
#section-4 .value-list{ margin:65px auto 0px; text-align:center; font-family:'__Forum_5', 'Tinos', serif; }
#section-4 .value-list .col{ border-left:1px solid #fff; text-align:center; padding: 0px 30px; vertical-align: top; min-width: 80px; }
#section-4 .value-list .col:first-child{ border-left-color:transparent; }
#section-4 .value-list .col .value{ font-size:100px; line-height:120px; color:#fff; margin:-23px 0px 0px; }
#section-4 .value-list .col .value span{ font-size:36px; line-height:1; }
#section-4 .value-list .col .value-title{ font-size:30px; line-height:42px; color:#fff; text-transform:uppercase; margin:-3px 0px 0px; }
#section-4 .value-list .col .value-currency{ font-size:18px; line-height:20px; color:#fff; text-transform:uppercase; letter-spacing: 1px; margin:5px 0px 0px; }

#section-4 .title-block ul { position:absolute; z-index:10; margin:70px 0 0 -225px; width:450px; left:50%; }
#section-4 .title-block li { width:78px; height:7px; border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; border-bottom:1px solid #fff; float:left; margin:0 6px; cursor:pointer; }
#section-4 .title-block li:hover { opacity:.8; }
#section-4 .title-block li.active { border:1px solid #fff; background:#fff; opacity:1; }

#section-5 .title { font-size:42px; letter-spacing:3px; padding-bottom:25px; background-image:url(../img/short-line.png); }
#section-5 .text { text-align:justify; color:#888; font:16px Georgia; width:915px; margin-left:auto; margin-right:auto; line-height:24px; }
#section-5 .button.all-items{ width:220px; line-height:16px; padding:10px 0; margin:10px auto 0; font-size:16px; font-family:'__Forum_5', 'Tinos', serif; }

#section-1 .blur,
.fixed-block-bottom .info{ background-image:url(../img/career1-2-blurred.jpg); }
.fixed-block-bottom .submenu { background:#fff; border-bottom:1px solid #d5e5ee; }
.fixed-block-bottom .submenu ul { display:inline-block; margin-left:30px; }
.en .fixed-block-bottom .submenu ul { margin-left:-210px; }
.fixed-block-bottom .submenu li { width:auto !important; }

.fixed-block-bottom .resume-block{ position:absolute; bottom:225px; left:0; width:100%; height:645px; -webkit-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; overflow:hidden; }
@media screen and (max-height: 780px) {
	.fixed-block-bottom .resume-block{ height:595px; }
}
.en .fixed-block-bottom .resume-block { bottom:225px; }
.fixed-block-bottom .resume-block.collapsed{ height:45px; }
.fixed-block-bottom .resume-block .resume-toggle{ background-image:url(../img/resume-block-top2.jpg); height:45px; display:block; text-align:center; color:#fff; letter-spacing:2px; font:22px '__Forum_5', 'Tinos', serif; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; line-height:45px; }
.fixed-block-bottom .resume-block .resume-toggle .icon { margin-left:0px; display:inline-block; width:24px; height:24px; background:url('../img/map-close.png') 0 6px no-repeat; background-size:18px; }
.fixed-block-bottom .resume-block.collapsed .resume-toggle .icon { background:url('../img/map-open.png') 0 6px no-repeat; background-size:18px; }

*::-ms-backdrop, .fixed-block-bottom .resume-block { bottom:225px; }
.ie .fixed-block-bottom .resume-block { bottom:225px; }

#resume-form-block { width:100%; height:600px; background:url(../img/resume-block.jpg) center top no-repeat; background-size:cover; padding-top:40px; }
#resume-form-block .form { position:relative; border:1px solid rgba(226, 226, 226, 1); width:752px; margin:0 auto; padding:40px 30px; }
@media screen and (max-height: 780px) {
	#resume-form-block .form { padding:20px 30px; }
}
#resume-form-block .form .border-top { position:absolute; left:0; top:0; height:10px; width:750px; background:url("../img/title-block-border-top.png") center 0 no-repeat; background-size:cover; }
.ie8 #resume-form-block .form{ border:1px solid #e2e2e2; }
#resume-form-block .form form, #resume-form-block .form input[type=text], #resume-form-block .form textarea{ width:100%; }
#resume-form-block .form .title{ margin:0px 0px 0px; line-height:43px; color:#fff; letter-spacing: 1px; font:36px '__Forum_5', 'Tinos', serif; text-align:center; }

#resume-form-block .form select { 
	width:690px; 
	outline:none; 
	display:inline-block;
        border:0px;
        margin: 0;
        -webkit-appearance:none; 
	-moz-appearance: none;
}
#resume-form-block .form select::-ms-expand {	/* For IE10+. Hide dropdown arrow */
    display: none;
}
#resume-form-block .form select option { color:#205475; width:670px; }
#resume-form-block .form .select-outer { width: 690px; position: relative; display: inline-block; border:0px; overflow:hidden; }
#resume-form-block .form .select-outer:after {
        content: " ";
	background: url('../img/arrow-bottom.png') center 28px no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 60%;
        line-height: 30px;
        padding: 0 7px;
        color: #fff;
        
        pointer-events:none;
}   

#resume-form-block .form input[type=text], #resume-form-block .form textarea, #resume-form-block .form select { display:block; border:none; border-bottom:1px solid rgba(226, 226, 226, .55); background:transparent; font-size:16px; line-height:18px; color:#fff; font-family: Georgia, open-sans, sans-serif; font-weight:300; margin:4px 0px 0px; resize:none; padding:18px 0; }
.ie8 #resume-form-block .form input[type=text], .ie8 #resume-form-block .form textarea{ border-bottom:1px solid #e2e2e2; }
@media screen and (max-height: 780px) {
	#resume-form-block .form input[type=text], #resume-form-block .form textarea, #resume-form-block .form select { padding:15px 0; }
}
#resume-form-block .form textarea{ height:84px; }
#resume-form-block .form input[type=text]::-webkit-input-placeholder{ line-height:18px; color:#fff; font:16px Georgia, open-sans, sans-serif; font-weight:300; }
#resume-form-block .form input[type=text]::-moz-placeholder{ opacity:1; line-height:18px; color:#fff; font:16px Georgia, open-sans, sans-serif; font-weight:300; }
#resume-form-block .form textarea::-webkit-input-placeholder{ line-height:18px; color:#fff; font:16px Georgia, open-sans, sans-serif; font-weight:300; }
#resume-form-block .form textarea::-moz-placeholder{ opacity:1; line-height:18px; color:#fff; font:16px Georgia, open-sans, sans-serif; font-weight:300; }
#resume-form-block .form input[type=submit]{ padding:0 40px; height:42px; line-height:42px; color:#fff; background:none; border:1px solid #fff; cursor:pointer; font:16px '__Forum_5', 'Tinos', serif; margin:28px auto 0px; }
#resume-form-block .form input[type=submit]:hover{ background:#fff; color:#000; border-color:#fff; }
#resume-form-block .form .upload-file-container { margin-top:20px; color:#fff; position:relative; }
#resume-form-block .form .upload-file-container .selectfile { padding:0 30px; height:23px; line-height:23px; background:url(../img/clip-icon.png) 0 0 no-repeat; font:16px Georgia, open-sans; text-decoration:underline; width:270px; float:left; }
#resume-form-block .form .upload-file-container .desc { font:12px Georgia, open-sans; line-height:24px; }
#resume-form-block .form .upload-file-container .selectfile-field { position:absolute; height:23px; opacity:0; left:0; }
#resume-form-block .form .error{border-color: #FF0E10 !important;}

#resume-form-block .form .form-response-block { padding-top:50px; font:22px Georgia, open-sans, sans-serif; line-height:18px; text-align:center; color:#fff; display:none; }
#resume-form-block .form .form-response-block .response-title { font:60px '__Forum_5', 'Tinos', serif; }

#resume-form-block .form.response { border-color:transparent; }
#resume-form-block .form.response .title, #resume-form-block .form.response form { display:none; }
#resume-form-block .form.response .form-response-block { display:block; }

@media screen and (max-height: 850px) {
	#section-1, #section-1 .center{ height:77px; }
	#section-1 .blur { background-position:50% -77px; }

	#section-2{ background:url(../img/career1-2.jpg) 50% bottom no-repeat; background-size:100%; background-attachment:fixed; height:405px; }
	.safari #section-1 .blur, .safari #section-2 { background-position:50% 200%; }
	#section-2 .img{ font-size:38px; width:585px; height:180px; margin:-135px 0px 0px -293px; }

	.text-section{ padding:68px 0 69px; }
	.text-section .title{ line-height:39px; padding:0px 47px 15px; }
	.text-section .text{ line-height:18px; font-size:14px; margin:26px 0 0; padding:0 47px; }
	.text-section .text p{ margin:0 0 18px; }
	
	#section-3 .title { font-size:38px; padding-bottom:23px; }
	#section-3 .text { width:824px; margin:26px auto 0; font-size:14px; line-height:22px; }
	
	#section-4 { height:575px; }
	#section-4 .suptitle { font-size:32px; margin:72px auto 0; }
	#section-4 .text{ width:922px; margin:-81px 0 0 -461px; }
	#section-4 .text .title { line-height:55px; font-size:54px; }
	#section-4 .text .subtitle { line-height:18px; color:#fff; font-size:13px; letter-spacing:8px; }
	#section-4 .text .show-video{ width:47px; height:47px; margin:40px auto 0; background:url(../img/triangle-1.svg) 19px 50% no-repeat; background-size:8px 15px; }

	#section-4 .title-block{ width:828px; height:293px; margin:41px auto 0; padding:55px 36px 31px; }
	#section-4 .title-block .border-top { width:824px; height:10px; }
	#section-4 .title-block .title-block-back { height:485px; width:500vw; top:-149px; }

	#section-4 .title-block .subtitle { width:756px; height:135px; }
	#section-4 .title-block .subtitle p { font-size:14px; line-height:21px; }
	#section-4 .title-block .subtitle p.title { margin-bottom:27px; line-height:43px; font-size:32px; }
	#section-4 .value-list{ margin:59px auto 0; }
	#section-4 .value-list .col{ padding:0 27px; min-width:72px; }
	#section-4 .value-list .col .value{ font-size:90px; line-height:108px; margin:-21px 0 0; }
	#section-4 .value-list .col .value span{ font-size:32px; }
	#section-4 .value-list .col .value-title{ font-size:27px; line-height:38px; }
	#section-4 .value-list .col .value-currency{ font-size:16px; line-height:18px; }

	#section-4 .title-block ul { margin:63px 0 0 -205px; width:410px; }
	#section-4 .title-block li { width:70px; height:6px; margin:0 6px; }

	#section-5 .title { font-size:38px; padding-bottom:23px; }
	#section-5 .text { font-size:14px; width:824px; line-height:22px; }
	#section-5 .button.all-items{ width:198px; padding:9px 0; margin:9px auto 0; font-size:14px; line-height:14px; }
	
	.fixed-block-bottom .resume-block{ bottom:205px; height:581px; }
	.en .fixed-block-bottom .resume-block { bottom:205px; }
	.fixed-block-bottom .resume-block.collapsed{ height:41px; }
	.fixed-block-bottom .resume-block .resume-toggle{ height:41px; font-size:20px; line-height:41px; }
	.fixed-block-bottom .resume-block .resume-toggle .icon { width:22px; height:22px; background-size:16px; }
	.fixed-block-bottom .resume-block.collapsed .resume-toggle .icon { background-size:16px; }
	
	#resume-form-block { height:540px; padding-top:36px; }
	#resume-form-block .form { width:677px; padding:36px 27px; }
	#resume-form-block .form .border-top { height:9px; width:675px; }
	#resume-form-block .form .title{ line-height:39px; font-size:32px; }
	#resume-form-block .form select { width:621px; }
	#resume-form-block .form select option { width:603px; }
	#resume-form-block .form .select-outer { width:621px; }
	#resume-form-block .form .select-outer:after {
		background: url('../img/arrow-bottom.png') center 25px no-repeat;
	        line-height: 27px;
	        padding: 0 6px;
	}   
	
	#resume-form-block .form input[type=text], #resume-form-block .form textarea, #resume-form-block .form select { font-size:14px; line-height:16px; padding:16px 0; }
	#resume-form-block .form textarea{ height:76px; }
	#resume-form-block .form input[type=text]::-webkit-input-placeholder{ line-height:16px; font-size:14px; }
	#resume-form-block .form input[type=text]::-moz-placeholder{ line-height:16px; font-size:14px; }
	#resume-form-block .form textarea::-webkit-input-placeholder{ line-height:16px; font-size:14px; }
	#resume-form-block .form textarea::-moz-placeholder{ line-height:16px; font-size:14px; }
	#resume-form-block .form input[type=submit]{ padding:0 36px; height:38px; line-height:38px; font-size:14px; margin:25px auto 0; }
	#resume-form-block .form .upload-file-container { margin-top:18px; }
	#resume-form-block .form .upload-file-container .selectfile { padding:0 27px; height:21px; line-height:21px; font-size:14px; width:243px; }
	#resume-form-block .form .upload-file-container .desc { font-size:11px; line-height:22px; }
	#resume-form-block .form .upload-file-container .selectfile-field { height:21px; }
	#resume-form-block .form .form-response-block { padding-top:45px; font-size:20px; line-height:16px; }
	#resume-form-block .form .form-response-block .response-title { font-size:54px; }

	.fixed-block-bottom .menu li.active a:before { top:-16px; margin-left:-9px; width:18px; height:9px; background-size:18px; }

}

@media screen and (max-height: 780px) {
	#resume-form-block .form { padding:20px 30px; }
	#resume-form-block .form input[type=text], #resume-form-block .form textarea, #resume-form-block .form select { padding:15px 0; }
}