/*
======================================================================
Reset
======================================================================
*/
@font-face {
	font-family: 'Impact';
	src: url('../font/Impact.eot');
	src: url('../font/Impact.eot?#iefix') format('embedded-opentype'),
		url('../font/Impact.woff2') format('woff2'),
		url('../font/Impact.woff') format('woff'),
		url('../font/Impact.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

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;
}

/*
----------------------------------------------------------------------
HTML5 display definitions
----------------------------------------------------------------------
*/

/*
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/*
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio, canvas, video {
	display: inline-block;
	* display: inline;
	* zoom: 1;
}

/*
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/*
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
	display: none;
}

/*
----------------------------------------------------------------------
Base
----------------------------------------------------------------------
*/

/*
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Always force a scrollbar in non-IE.
 * 3. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 4. Remove the default tap-highlight colour Mobile Safari applies.
 */

html {
	font-size: 100%; /* 1 */
	overflow-y: scroll; /* 2 */
	-webkit-text-size-adjust: 100%; /* 3 */
		-ms-text-size-adjust: 100%; /* 3 */
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* 4 */
}

/*
 * 1. The user could have set a different default background color in browser's settings.
 */

body {
	background: #fff; /* 1 */
	line-height: 1;
}

button, input, select, textarea {
	font: inherit;
}

button {
	margin: 0;
	padding: 0;
}

/*
----------------------------------------------------------------------
Links
----------------------------------------------------------------------
*/

/*
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

/*
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/*
----------------------------------------------------------------------
Typography
----------------------------------------------------------------------
*/

/*
 * For IE 7.
 */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

/*
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

/*
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title],
acronym[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/*
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

blockquote {
	margin: 1em 40px;
}

/*
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}

/*
 * Address differences between Firefox and other browsers.
 * No IE 6/7 normalization.
 */

hr {
	height: 0;
	-moz-box-sizing: content-box;
		 box-sizing: content-box;
}

/*
 * Address styling not present in IE 6/7/8/9.
 */

mark {
	background: #ff0;
	color: #000;
}

/*
 * Address margins set differently in IE 6/7.
 */

p, pre {
	margin: 1em 0;
}

/*
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code, kbd, pre, samp {
	font-size: 1em;
	font-family: Monospace, Serif;
	_font-family: Courier New, Monospace;
}

/*
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*
 * Address CSS quotes not supported in IE 6/7.
 */

blockquote, q {
	quotes: none;
}

/*
 * Address `quotes` property not supported in Safari 4.
 */

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}

/*
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/*
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/*
----------------------------------------------------------------------
Lists
----------------------------------------------------------------------
*/

/*
 * Address margins set differently in IE 6/7.
 */

dl, menu,
ol, ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/*
 * Address paddings set differently in IE 6/7.
 */

menu, ol, ul {
	padding: 0 0 0 40px;
}

ol {
	list-style-position: inside;
}

/*
 * Correct list images handled incorrectly in IE 7.
 */

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

/*
----------------------------------------------------------------------
Embedded content
----------------------------------------------------------------------
*/

/*
 * Improve image quality when scaled in IE 7.
 */

img {
	-ms-interpolation-mode: bicubic;
}

/*
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}

/*
----------------------------------------------------------------------
Forms
----------------------------------------------------------------------
*/

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	* margin-left: -7px; /* 3 */
}

/*
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button, input, select, textarea {
	font-size: 100%; /* 1 */
	font-family: inherit;
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	* vertical-align: middle; /* 3 */
}

/*
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet.
 */

button, input {
	line-height: normal;
}

/*
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button, select {
	text-transform: none;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
	* overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/*
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	* height: 13px; /* 3 */
	* width: 13px; /* 3 */
}

/*
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-webkit-box-sizing: content-box; /* 2 */
	   -moz-box-sizing: content-box;
			box-sizing: content-box;
}

/*
 * Remove inner padding and search cancel button in Safari 5 and Chrome on OS X.
 */

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

/*
 * Remove inner padding and border in Firefox 3+.
 */

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

/*
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/*
----------------------------------------------------------------------
Tables
----------------------------------------------------------------------
*/

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

/*
======================================================================
Custom default styles
======================================================================
*/

/*
 * Use `rem` and fallback to `px`.
 */

body {
	font: 14px/1.3 Sans-serif;
	font-size: 1rem;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 */

::-moz-selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #333;
	color: #fff;
	text-shadow: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.5;
	margin: 0 0 1em;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	line-height: 1.1;
}

ins {
	text-decoration: none;
}

/*
 * 1. Fix missing pointer cursor on IE7 on the entire link area
 */

a {
	text-decoration: none;
	cursor: pointer; /* 1 */
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #bbb;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/*
======================================================================
Helper classes
======================================================================
*/

/*
 * Chrome Frame prompt
 */

.chromeframe {
	margin: 0;
	background: #ddd;
	color: #000;
	padding: 0.3em 1em;
	border-bottom: 1px solid #aaa;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	line-height: 1.5;

	-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
			box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
}

.chromeframe a {
	text-decoration: underline;
}

/*
 * No script prompt
 */

.noscript {
	padding: 1em 0;
	color: #fff;
	background: #ff1e1e;
	font-weight: bold;
	border-bottom-color: #888;
}

.noscript a {
	color: #333;
}

/*
 * For replacement with background image.
 */

.ir {
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
	text-align: left;
	direction: ltr;
}

.hidden {
	display: none;
}

/*
 * Hide only visually, but have it available for screenreaders.
 */

.out {
	position: fixed;
	left: -1000em;
}

/*
 * Extends the .out class to allow the element to be focusable when navigated to via the keyboard.
 */

.out.focusable:active,
.out.focusable:focus {
	position: static;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Hide when JavaScript is disabled
 */

.nojs .nojs-hide {
	display: none;
}

/*
 * Show as block element when JavaScript is disabled
 */

.nojs .nojs-show {
	display: block;
}

/*
 * Show as inline element when JavaScript is disabled
 */

.nojs .nojs-show-inline {
	display: inline;
}

/*
 * Clear: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clear` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clear:before,
.clear:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clear:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clear {
	* zoom: 1;
}

/*
 * Prevent callout
 *
 * On iPhone OS, when you touch and hold a touch target such as a link,
 * Safari displays a callout containing information about the link.
 * This property allows you to disable that callout.
 */

.nocallout {
	-webkit-touch-callout: none;
}

/*
 * Display inline-block across browsers
 */

.inline-block {
	display: inline-block;
	* display: inline;
	* zoom: 1;
}

/*
 * A hack for HTML5 contenteditable attribute on mobile
 */

textarea[contenteditable] {
	-webkit-appearance: none;
}

/*
======================================================================
Author's custom styles ('mobile first')
======================================================================
*/

html {
	font-size: 62.5%;
}

body {
	font: 100%/1.2 Arial, Helvetica, sans-serif;
	color: #69717c;
	overflow:auto !important;
}

h2 {
	color: #173153;
	font-size: 20px;
	font-size: 2rem;
}

.flleft {
	float: left;
}

.flright {
	float: right;
}

img {
	max-width:100%;
}

.wrapper {
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
}


.container {
	max-width: 1145px;
	margin: 0 auto;
	padding: 0 10px;
}

.header {
	padding-top: 33px;
}

.sprite {
	background: url(../images/sprite.png) no-repeat;
}

.logo {
	width: 211px;
	height: 123px;
	float: left;
}

.container-menu {
	float: right;
	margin-top: 35px;
}

.menu {
	border: 1px solid #e3e6ea;
	padding:0 30px;
	position: relative;
}

.menu:before {
	content: '';
	background: #eaecef; 
	width: 36px;
	height: 7px;
	position: absolute;
	right: -1px;
	top: -3px;
}

.menu:after {
	content: '';
	background: #eaecef; 
	width: 7px;
	height: 36px;
	position: absolute;
	right: -3px;
	top: -3px;
}

.item-menu {
	display: inline-block;
	padding-right: 20px ;
}

.item-menu:last-child {
	padding-right: 0;
}

.link-menu {
	padding: 21px 0;
	color: #69717c;
	display: inline-block;
}

.link-menu:hover,
.link-menu:active,
.is-active .link-menu {
	color: #173153;
	border-bottom: 4px solid #eaecef;
}

.box-left {
	width: 38.68%;
	float: left;
}

.title {
	font-family: Impact, sans-serif;
	font-size: 78px;
	font-size: 7.8rem;
	line-height: 1;
	text-transform: uppercase;
	color: #173153;
}

.btn {
	background: url(../images/btn.png) no-repeat;
	display: block;
	width: 147px; 
	padding: 19px;
	color: #173153;
}

.arrow {
	background-position: 0 -305px;
	padding-left: 30px;
	display: block; 
}

.container-banner {
	margin-bottom: 22px;
}

.container-banner-home {
	width: 60.8%;
	float: right;
	margin: 0 0 64px 0;
}

.banner {
	max-width: 100%;
	height: auto;
}

.blockquote {
	font-style: italic;
	width: 495px;
	text-align: right;
	color: #173153;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.2;
	float: right;
	margin: 15px 20% 0 0;

}

.blockquote:before {
  color: #173153;
  /*content: "\201C";*/
  font-size: 60px;
  line-height: 14px;
  vertical-align: -21px;
}

.blockquote span {
	font-weight: bold;
	font-style: normal;
}

.list-summary-career{
	margin-bottom: 15px;
	font-size: 19px;
	font-size: 1.9rem;
	color: #173153;
	line-height: 1;
}

.summary-career {
	background: url(../images/sprite-career.png) no-repeat 4px 5px;
	height: 44px;
	display: block;
    position: relative;
    z-index: 2;
    padding: 18px 14px 14px 85px;
}

.summary2-career {
	background-position: 16px -92px;
}

.summary3-career {
	background-position: 14px -181px;
}

.item-summary-career {
	border: 1px solid #e3e6ea;
	width: 263px;
	height: 74px;
	position: relative;
	float: left;
}

.item-summary-career a {
	color:#173153;
}

.item-inner {
	border-right: 0;
}

.item-summary-career:before,
.item-summary-career:after {
	content: '';
	background: #eaecef; 
	position: absolute;
	z-index: 1;
} 

.item-summary-career:before {
	width: 7px;
	height: 36px;
	left: -3px;
	bottom: -1px;
}

.item-summary-career:after {
	width: 26px;
	height: 7px;
	left: -3px;
	bottom: -3px;
}

.accordion {
	overflow: hidden;
	height: 560px;
	margin-bottom: 15px;
	position: relative;
	color: #fff;
}

.item-accordion {
	font-family: Impact, sans-serif;
	width: 50%;
	height: 560px;
	position:relative;
    cursor:pointer;
	overflow: hidden;
	font-size: 56px;
	font-size: 5.6rem;
	z-index: 1;
}

.item-right-accordion {
	text-align: right;
	position: absolute;
	right: 0;
}

.item-right-accordion img {
	z-index: 1;
}

.item-skew-accordion {
	width: 50%;
	position: absolute;
	top: -13px;
	left: 20%;
	background: #fff;
	border: 13px solid #fff;
	z-index: 4;

	-webkit-transform:skewX(160deg);
	   -moz-transform:skewX(160deg);
		 -o-transform:skewX(160deg);
	  	   transform: skewX(160deg);

}

.content-skew-accordion {
	margin-left: -90px;

    -webkit-transform:skewX(-160deg);
	   -moz-transform:skewX(-160deg);
		 -o-transform:skewX(-160deg);
	  	   transform: skewX(-160deg);
}

.item-accordion img {
	position: relative;
	height: auto;
	max-width:none;
}

.heading-accordion {
	background: #000;
	overflow: hidden;
	padding: 10px 40px 15px;	
	width: 150px;
	
	-webkit-transform:skewX(170deg);
	   -moz-transform:skewX(170deg);
		 -o-transform:skewX(170deg);
	  	   transform: skewX(170deg);
}

.heading-skew-accordion {

	-webkit-transform:skewX(-170deg);
	   -moz-transform:skewX(-170deg);
		 -o-transform:skewX(-170deg);
	  	   transform: skewX(-170deg);
	font-size:35px;
	font-size:3.5rem;

}

.heading-accordion  span {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
}

.heading-left-accordion {
	left: -3%;
	top: 360px;
}

.heading-middle-accordion {
	left: 18%;
	top: 230px;
}

.heading-right-accordion {
	right: -2%;
	bottom: 60px;
	text-align: left;
}

.description-accordion {
	left: 22%;
	top: 300px;
	text-transform: uppercase;
	display: none;
	text-align: left;
}

.description-accordion a {
	color:#fff;
}

.description-accordion a:hover {
	text-decoration:underline;
}

.description-accordion-left {
	left: 5%;
}

.pos-abs {
	position: absolute;
	z-index: 6;
}

.marg-right {
	margin-right:0;
}

.active-accordion {
	cursor: default;
}

.active-accordion .heading {
	display: none;
}

.active-accordion .heading-accordion {
	display: none;
}

.active-accordion .description-accordion {
	display: block;
}


.breadcrumb {
	background:url(../images/dot.gif) repeat-x 0 30px;
	margin:0 0 15px;
}

.breadcrumb ul {
	border:1px solid #eaecef;
	padding:20px;
	float:left;
	background:#fff;
}

.breadcrumb li {
	float:left;
	background:url(../images/tilted_separator.gif) no-repeat 0 4px;
	padding:0 0 0 8px;
	margin:0 0 0 4px;
}

.breadcrumb li:first-child {
	background:none;
	padding:0;
	margin:0;
}

.breadcrumb li a {
	color:#69717C;
}

.breadcrumb li a:hover {
	text-decoration:underline;
}

.sidebar {
	float:left;
	width:24%;
}

.sidebar .item-summary-career {
	width:100%;
	margin:0 0 8px;
}

.side-title {
	font-family: Impact;
	color:#173153;
	font-size:40px;
	font-size:4.0rem;
	text-transform:uppercase;
	margin:10px 0 30px;
}

.side-title span {
	font-style:italic;
	font-size:14px;
	font-size:1.4rem;
	text-transform:none;
	display:block;
	margin:18px 0 0;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.side-test-now {
	margin:10px 0 0;
}

.side-test-now img {
	max-width: 100%;
	height: auto;
}

.side-test-now h4 {
	font-family: Impact;
	color:#173153;
	font-size:48px;
	font-size:4.8rem;
	text-transform:uppercase;
	margin:5px 0 10px;
}

.button {
	display:block;
	background: url(../images/btn_long.png) no-repeat;
	/*color:#173153;*/
    color:#ff0000;
}

.button span {
	height:38px;
	background:url(../images/btn_cap.png) no-repeat right 0;
	/*padding:18px 40px 0 48px;*/
    padding:18px 20px 0 48px;
	display:block;
}

.button:hover {
	font-weight:bold;
}

.button-red {
	display:block;
	background: url(../images/btn_long_red.png) no-repeat;
	/*color:#173153;*/
    color:#ff0000;
}

.button-red span {
	height:38px;
	background:url(../images/btn_cap_red.png) no-repeat right 0;
	/*padding:18px 40px 0 48px;*/
    padding:18px 20px 0 48px;
	display:block;
}

.button-red:hover {
	font-weight:bold;
}

.main_content {
	float:right;
	width:74%;
}

.faq-item {
	border-bottom:1px solid #eaecef;
	border-top:1px solid #eaecef;
	margin-bottom:1px;
	background:url(../images/expandable_list_closed.png) no-repeat right bottom;
	padding:39px 0 0;
}

.faq-item:first-child {
	border-top:none;
	padding:0;
}

.faq-item.expandable-list-open {
	/*background:url(../images/expandable_list_opened.png) no-repeat right bottom;*/
    background:none;
}

.faq-title {
	background:url(../images/expandable_list_mark.png) no-repeat;
	padding:10px 0 39px 60px;
	font-size:20px;
	font-size:2.0rem;
	color:#173153;
	min-height:29px;
	margin:0;
	cursor:pointer;
}

.expandable-list-open .faq-title {
	padding-bottom:0;
}

.faq-content {
    display: none;
    padding: 30px 0 45px;
	line-height:1.5;
}

.faq-content p {
	line-height:1.5;
}


.viata-item {
	border-bottom:1px solid #eaecef;
	border-top:1px solid #eaecef;
	margin-bottom:1px;
	background:url(../images/expandable_list_closed.png) no-repeat right bottom;
	padding:39px 0 0;
}

.viata-item:first-child {
	border-top:none;
	padding:0;
}

.viata-item.expandable-list-open {
	/*background:url(../images/expandable_list_opened.png) no-repeat right bottom;*/
    background:none;
}

.viata-title {
	/*background:url(../images/expandable_list_mark.png) no-repeat;*/
	padding:10px 0 39px 10px;
	font-size:20px;
	font-size:1.7rem;
	color:#173153;
	min-height:29px;
	margin:0;
	cursor:pointer;
}

.expandable-list-open .viata-title {
	padding-bottom:0;
}

.viata-content {
    display: none;
    padding: 30px 0 45px 10px;
	line-height:1.5;
	text-transform: justify;
}

.viata-content p {
	line-height:1.5;
}


.footer {
	padding:30px 0 25px;
	float:left;
	width:100%;
}

.footer-banner-holder {
	text-align:center;
	margin:0 auto;
	max-width:1440px;
}

.footer-banner-holder img {
	max-width: 100%;
	height: auto;
}

.footer-banner-holder a {
	float:left;
}

.footer-menu {
	float:left;
	margin:25px 0 0;
}

.footer-menu li {
	float:left;
	padding:0 20px 0 0;
}

.footer-menu li a {
	color:#173251;
}

.footer-menu li a:hover {
	text-decoration:underline;
}

.copy {
	float:right;
	color:#173251;
	font-size:12px;
	font-size:1.2rem;
	margin:25px 0 0;
}

.tablet-nav {
	display:none;
}

.side-nav {
	border-bottom: 1px solid #e3e6ea;
	margin:0 0 30px;
}

.side-nav li {
	border-top: 1px solid #e3e6ea;
	border-right: 1px solid #e3e6ea;
	position:relative;
}

.side-nav li:after {
    background: #e3e6ea;
    content: "";
    height: 7px;
    position: absolute;
    left: -1px;
    top: -3px;
    width: 36px;
}

.side-nav li:before {
    background: #e3e6ea;
    content: "";
    height: 36px;
    position: absolute;
    left: -3px;
    top: -3px;
    width: 7px;
}

.side-nav li a {
	display:block;
	padding:15px 5px 15px 40px;
	background:url(../images/side-nav-bg.png) no-repeat 16px 16px;
	color:#69717c;
}

.side-nav li a:hover, .side-nav li.active a {
	background-position:16px -68px;
	border-right:6px solid #eaecef;
}

.cariere-body p {
	line-height:1.5;
}

.cariere-body h4 {
	font-size:20px;
	font-size:2rem;
	color:#173153;
}

.dots-list {
	padding:0 0 25px;
}

.dots-list li {
	background:url(../images/dots_list_bg.gif) no-repeat 0 4px;
	padding:0 0 0 25px;
	margin:0 0 5px;
	word-wrap:break-word;
}

.dots-list ul.sqr {
	padding:0 0 25px 25px;
	list-style-type: square;
}

.dots-list ul.sqr li {
	background:none;
	padding:0 0 0 10px;
	margin:0 0 5px;
	word-wrap:break-word;
}



.tabpanel {
	display: none;
	padding:25px 0 0;
	clear:both;
}

.tabpanel_active {
	display: block;
}

.jobtabs {
	float:left;
	width:100%;
	border:1px solid #173153;
}

.jobtabs .tab2 {
	float:left;
	border-left:1px solid #173153;
	position:relative;
	#font-size:15px;
	font-size:1.8rem;
	width:20%;
	margin-left:-1px;
}
.jobtabs .tab2 a {
	display:block;
	position:relative;
	color:#173153;
}

.jobtabs .tab2 a span {
	display:block;
	position:relative;
	height:37px;
	padding:14px 0 0;
	text-align:center;
}

.jobtabs .tab {
	float:left;
	border-left:1px solid #173153;
	position:relative;
	font-size:20px;
	font-size:2rem;
	width:24.8%;
	margin-left:-1px;
}

.jobtabs .tab a {
	display:block;
	position:relative;
	color:#173153;
}

.jobtabs .tab a span {
	display:block;
	position:relative;
	height:37px;
	padding:14px 0 0;
	text-align:center;
}

.jobtabs .tab_on:after {
    background: #173153;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: -9px;
    width: 1px;
}

.jobtabs .tab_on:before {
    background: #173153;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    top: -9px;
    width: 100%;
}

.jobtabs .tab_on a:after {
    background: #173153;
    content: "";
    height: 7px;
    position: absolute;
    left: -1px;
    top: -4px;
    width: 36px;
}

.jobtabs .tab_on a:before {
    background: #173153;
    content: "";
    height: 59px;
    position: absolute;
    left: -3px;
    top: -4px;
    width: 7px;
}

.jobtabs .tab_on span:before {
    background: #173153;
    content: "";
    height: 7px;
    position: absolute;
    left: -3px;
    bottom: -4px;
    width: 36px;
}

.faq-title.mit-title {
	background: url(../images/sprite.png) no-repeat -174px -363px;
	cursor: default;
    display: table-cell;
    height: 39px;
    padding: 0 75px 0 60px;
    vertical-align: middle;
}
.jobtabs .last_tab.tab_on:before {
    background: #173153;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: -9px;
    width: 1px;
}

.jobtabs .last_tab.tab_on:after {
    background: #173153;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: -9px;
    width: 100%;
}

.button-apply {
	background:url(../images/btn_apply_long.png) no-repeat;
	float:left;
	font-size:19px;
	font-size:1.9rem;
	color:#fff;
    /*visibility:hidden;*/ /*ad. 07.03.2017*/
}

.button-apply span {
	float:left;
	height:48px;
	padding:21px 25px 0;
	background:url(../images/btn_apply_cap.png) no-repeat right 0;
    /*visibility:hidden;*/ /*ad. 07.03.2017*/
}

.button-apply-red {
	background:url(../images/btn_apply_long_red.png) no-repeat;
	float:left;
	font-size:19px;
	font-size:1.9rem;
	color:#fff;
    /*visibility:hidden;*/ /*ad. 07.03.2017*/
}

.button-apply-red span {
	float:left;
	height:48px;
	padding:21px 25px 0;
	background:url(../images/btn_apply_cap_red.png) no-repeat right 0;
    /*visibility:hidden;*/ /*ad. 07.03.2017*/
}

.see-tablet {
	display:none;
}

.see-tablet img {
	margin:0 0 30px;
}

.tablet-only {
	display:none;
}

.media-list li {
	width:48%;
	position:relative;
	float:left;
	margin:0 1% 40px;
}

.media-list li img {
	width:100%;
	margin-bottom:25px;
}

.media-list li p {
	line-height:1.5;
}

.date {
	width:70px;
	height:55px;
	background:#fff;
	text-align:center;
	font-family:Impact;
	font-size:20px;
	font-size:2rem;
	position:absolute;
	right:0;
	top:0;
	color:#173153;
	padding:15px 0 0;
}

.date span {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:14px;
	font-size:1.4rem;
}

.date:after {
	background: #eaecef;
    content: "";
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px;
}

.date:before {
    background: #eaecef;
    content: "";
    height: 7px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
}

.button-more {
	background:url(../images/button_more.png) no-repeat;
	height:37px;
	padding:17px 0 0 47px;
	display:block;
	position:relative;
	color:#173153;
}

.button-more:hover {
	font-weight:bold;
}

.button-more:after {
	background: #eaecef;
    content: "";
    height: 17px;
    position: absolute;
    right: 0;
    top: 33px;
    width: 1px;
}
.mit-item {
	background: none;
	border-bottom: 0;
}

.mit-item.expandable-list-open {
	background: none;
}

.mit-item:first-child,
.mit-item {
	border-top: 1px solid #EAECEF;
	padding-top: 16px;
}

.mit-content {
	display: block;
}

.share {
	background-position: 0 -429px;
	font-family: Impact, sans-serif;
	text-transform: uppercase;
	position: fixed;
	width: 64px;
	height: 22px;
	display: block;
	top:  50%;
	margin-top: -41px;
	right: 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding-top: 60px;
}

.history-item {
	float:left;
	clear:both;
	width:100%;
	margin:0 0 15px;
}

.box-right {
	float: right;
	width: 48%;
	margin-top: 12px;
}
.history-title {
	border:1px solid #e3e6ea;
	padding:15px 30px;
	position:relative;
	font-size:20px;
	font-size:2rem;
	color:#173153;
	margin:0;
	cursor:pointer;
}

.form {
	width: 48%;
	float: left;
}

.input-container {
	margin-bottom: 6px;
}

.form-field {
	background: url(../images/bg-field.jpg) repeat;
	border: 1px solid #dadada;
	padding: 20px 5%;
	width: 89%;
	color: #7a7a7a;
}

.error {
    display: none;
    font-size: 12px;
    font-size: 1.2rem;
    color: #ec0c0c;
} 

.err .error {
    display: block;
}

.form-btn {
	background:#fff;
	border: 1px solid #e3e6ea;
	color: #173153;
	font-size: 20px;
	font-size: 2rem;
	position: relative;
	margin-top: 10px;
}

.form-btn:before {
	content: '';
	background: #eaecef;
	width: 36px;
	height: 7px;
	position: absolute;
	left: -1px;
	top: -3px;
}

.form-btn:after {
	content: '';
	background: #eaecef;
	width: 7px;
	height: 36px;
	position: absolute;
	left: -3px;
	top: -3px;
}

.form-btn-inner {
	position: relative;
	padding: 21px 20px;
	display: block;
}

.form-btn-inner:before {
	content: '';
	background: #eaecef;
	width: 36px;
	height: 7px;
	position: absolute;
	right: -1px;
	bottom: -3px;
}

.form-btn-inner:after {
	content: '';
	background: #eaecef;
	width: 7px;
	height: 36px;
	position: absolute;
	right: -3px;
	bottom: -3px;
}

.form-btn:hover,
.form-btn:active {
	background: #f6f6f6;
}
.history-title:before {
    background: #EAECEF;
    bottom: -4px;
    content: "";
    height: 36px;
    left: -4px;
    position: absolute;
    width: 7px;
}
.history-title:after {
    background: #EAECEF;
    bottom: -4px;
    content: "";
    height: 7px;
    left: -2px;
    position: absolute;
    width: 36px;
}

.history-content {
	display:none;
	background:url(../images/history_content_line.png) repeat-y center 0;
	clear:both;
	margin:30px 0 50px;
}

.box {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 410px;
    padding: 10px 0;
    line-height: 1.5;
	background:url(../images/history_box_top.png) no-repeat right 0;
}

.box:after {
	position:absolute;
	left:0;
	content:"";
	top:7px;
	width:36px;
	height:7px;
	background:#eaecef;
}

.box:before {
	position:absolute;
	left:-3px;
	content:"";
	top:7px;
	width:7px;
	height:36px;
	background:#eaecef;
}

.inner-box-1 {
	border-left:1px solid #eaecef;
	border-bottom:1px solid #eaecef;
}

.inner-box-1:after {
	position:absolute;
	right:0;
	content:"";
	bottom:7px;
	width:7px;
	height:36px;
	background:#eaecef;
}

.inner-box-1:before {
	position:absolute;
	right:0;
	content:"";
	bottom:7px;
	width:36px;
	height:7px;
	background:#eaecef;
}

.box h2 {
	padding:15px;
	font-size:18px;
	font-size:1.8rem;
	position:relative;
	margin:0;
}

.box h2:before {
	position:absolute;
	left:0;
	content:"";
	bottom:0;
	width:80px;
	height:1px;
	background:#eaecef;
}

.box p {
	padding:15px;
	color:#173153;
	margin:0;
}

.box-right-hst {
	background:url(../images/history_box_top_reverse.png) no-repeat;
}

.box.box-right-hst:after {
	right:0;
	left:auto;
}

.box.box-right-hst:before {
	right:-3px;
	left:auto;
}

.box-right-hst .inner-box-1 {
	border-right:1px solid #eaecef;
	border-bottom:1px solid #eaecef;
	border-left:0;
}

.box-right-hst .inner-box-1:after {
	left:0;
	right:auto;
}

.box-right-hst .inner-box-1:before {
	left:0;
	right:auto;
}

.box-right-hst h2 {
	text-align:right;
}

.box-right-hst h2:before {
	left:auto;
	right:0;
}

.box-right-hst p {
	text-align:right;
}

.box-special {
	width:70%;
	border:1px solid #e3e6ea;
	padding:25px 5%;
	position:relative;
	margin:20px auto 50px;
	background:#fff;
}

.box-special:before {
    background: #EAECEF;
    bottom: -4px;
    content: "";
    height: 36px;
    left: -4px;
    position: absolute;
    width: 7px;
}

.box-special:after {
    background: #EAECEF;
    bottom: -4px;
    content: "";
    height: 7px;
    left: -2px;
    position: absolute;
    width: 36px;
}

.box-special h3 {
	font-size:18px;
	font-size:1.8rem;
	margin:0;
	color:#173153;
}

#waterfall-loading {
	display:none;
}

.history-wrapper {
	position:relative;
	float:left;
	width:100%;
	margin:0 0 80px;
}

.h-visual-top, .h-visual-bottom {
	display:none;
	position:absolute;
	right:0;
	top:-20px;
	z-index:2;
}

.h-visual-bottom {
	top:auto;
	bottom:-80px;
}

.hs-show {
	display:block;
}

.geninfo {
	font-size:20px;
	font-size:2rem;
	color: #173153;
	margin:0 0 25px;
}

.sect-name {
	font-size:16px;
	font-size:1.6rem;
	color: #173153;
	margin:0 0 15px;
}

.go-to-form input, #Button8, #Button7, #Button9, #Button10, #Ad_Studii, #Ad_Limba, #Ad_Experienta, #Button12, #Button11, #Button14, #Button13, #Ad_Vizita, #Button16, #Button1, #Button15 {
	background:#173153;
	color:#fff;
	padding:5px 10px;
	border:none;
}

input.TextBox, select.TextBox {
	background: url(../images/bg-field.jpg) repeat;
    border: 1px solid #DADADA;
    color: #7A7A7A;
	/*padding:10px;*/
    font-size:11px;
}

.aplica-acum td {
	padding-bottom:15px;
}

#txtSex {
	width:100%;
}

.Label {
	width:130px !important;
}

#Label48 {
	margin:0 0 0 10px;
}

#Studii {
	width:100%;
	table-layout: auto;
}

#Studii table {
	margin:0;
}

#Studii td, #Table9 td, #tblExperProf td, #Table11 td {
	border:1px solid #000;
}

#Studii td td, #tblExperProf td td, #Table11 td td {
	border:none;
}

#Studii input.TextBox, #Studii select.TextBox {
	/*padding:10px 0;*/
}

#Table9, #tblExperProf, #Table11 {
	width:100%;
	table-layout: auto;
}

#InformSuplim .Label {
	width:auto !important;
}

.chest td {
	display:table;
	margin:0 0 15px;
	width:100% !important;
}

.chest td td {
	margin:0;
}

.chest span {
	width:auto !important;
	margin-bottom:5px;
}

#btnTrimite, #btnClear {
	border:none;
	padding:5px 10px;
	color:#fff;
}

#grdLimbi, #grdStudii, #grdExperienta, #grdVizite {
	width:100%;
}

#grdLimbi td, #grdStudii td, #grdExperienta td, #grdVizite td {
	text-align:center;
	font-size:11px;
}

#grdLimbi tr:first-child td, #grdStudii tr:first-child td, #grdExperienta tr:first-child td, #grdVizite tr:first-child td {
	color:#fff;
}

#grdLimbi_ctl02_Button5, #grdStudii_ctl02_Button5, #grdExperienta_ctl02_Button5, #grdVizite_ctl02_Button5 {
	color:#000 !important;
}

.aplica-acum {
	padding:10px;
}

#grdStudii_ctl02_Button4, #grdStudii_ctl02_Button3, #grdStudii_ctl02_Button4, #grdStudii_ctl02_Button3, #grdExperienta_ctl02_Button4, #grdExperienta_ctl02_Button3, #grdVizite_ctl02_Button4, #grdVizite_ctl02_Button3, #grdVizite_ctl03_Button4, #grdVizite_ctl03_Button3, #grdExperienta_ctl03_Button4, #grdExperienta_ctl03_Button3, #grdLimbi_ctl02_Button4, #grdLimbi_ctl02_Button3 {
	border:none;
	color:#fff;
	margin-bottom:5px;
	font-size:13px;
	padding:2px 0;
}

.noutati_detaliu img {
	float:left;
	margin:0 15px 15px 0;
}

.nou_date {
	color: #173153;
	display:block;
	margin:0 0 10px;
	font-weight:bold;
}

.topfix {
	 width: 100%; position:fixed; top:0; left:0; background:#fff;
}


.topfix td {
	padding:10px 0 0;
}

#Trimite_Datele tr:first-child td {
	padding:0 0 40px;
}

.item-menu ul {
	display:none;
}

.dots-list .legis-item {
	float:left;
	clear:both;
	width:100%;
	padding:0;
	background: none;
}

.dots-list .legis-item .flleft {
	background: url(../images/dots_list_bg.gif) no-repeat 0 4px;
	padding:0 0 0 25px;
	margin:3px 0 0;
	width:90%;
}

.legis-item a {
	color:#69717C;
}

.legis-item a:hover {
	text-decoration:underline;
}

.text14 {
	margin:5px 0 0;
}

.text14 a {
	color:#69717C;
	text-decoration:underline;
}

.text14 a:hover {
	text-decoration:none;
}

.emblema {
	text-align:center;
	padding:0 0 30px;
}

.leaders a {
	color:#69717C;
	text-decoration:underline;
}

.leaders a:hover {
	text-decoration:none;
}

.history-timeline {
	float:left;
	clear:both;
	width:100%;
	min-height:437px;
	background:url(../images/timeline.jpg) no-repeat center 0;
}

.ht-container {
	margin:0 0 0 99px;
	max-width:750px;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 22px;
	height: 16px;
	cursor: default;
	background: url(../images/handle.png) no-repeat;
	outline:none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.years-detail li {
	color:#2a251e;
	display:none;
	height:140px;
	width:675px;
	overflow:hidden;
	clear:both;
}

.years-detail li.active {
	display:block;
}

.years-detail li p span {
	font-weight:bold;
	font-style:italic;
}

.sliderwrap {
	background:url(../images/tracker.png) no-repeat 0 bottom;
	width:630px;
	padding:0 0 0 25px;
	float:left;
	clear:both;
	margin-top:-10px;
}

.years-counter {
	float:left;
	clear:both;
	width:100%;
	margin-left:-17px;
}

.years-counter li {
	float:left;
	height:65px;
	text-align:center;
	position:relative;
	color:#2a251e;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin-top:30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding:0 0 0 9px;
	background:url(../images/dots_list_bg.gif) no-repeat 0 6px;
}

.years-counter li div {
	width:95px;
}

.years-counter li:first-child {
	background:none;
	padding:0;
}

.years-counter li span {
	display:none;
	font-size:15px;
	font-weight:normal;
}

.years-counter li.activeon {
	font-size:42px;
	font-size:4.2rem;
	margin:0;
	line-height:1;
	background-position:0 36px;
}

.years-counter li.activeon span {
	display:block;
}

.years-counter li.nobg {
	background:none;
}



.links-util td {
	padding:0 0 10px;
}

.links-util a {
	color:#69717C;
	text-decoration:underline;
}

.links-util a:hover {
	text-decoration:none;
}

.ht-title {
	color:#2a251e;
	font-size:23px;
	font-size:2.3rem;
	margin:0;
}

.linedwrap {
	border-bottom:1px solid #bfa171;
	position:relative;
	padding:0 0 15px 40px;
	float:left;
	clear:both;
	margin:0 0 25px 5px;
}

.linedwrap:before {
	content:"";
	position:absolute;
	left:-2px;
	bottom:0;
	background:url(../images/tilted.png) no-repeat;
	width:10px;
	height:26px;
}

.htabs {
	float:left;
	clear:both;
	width:736px;
	padding:20px 0;
}

.htabs li {
	float:right;
	font-size:13px;
	margin:0 0 0 13px;
}

.htabs li a {
	display:block;
	color:#6a5b48;
	border-bottom:1px solid #bfa171;
	padding:0 20px 12px 35px;
	position:relative;
	outline:none;
}

.htabs li a:before {
	content:"";
	position:absolute;
	left:-2px;
	bottom:0;
	background:url(../images/tilted.png) no-repeat;
	width:10px;
	height:26px;
}

.htabs li.on a {
	border-bottom:2px solid #bfa171;
	font-weight:bold;
}

.htabs li.on a:before {
	left:-4px;
	background:url(../images/tilted_on.png) no-repeat;
	width:13px;
	height:26px;
}

.htabpanel {
	display:none;
}

.hactive {
	display:block;
}

.thanks {
	color: #173153;
    font-family: Impact;
	font-size: 26px;
    font-size: 2.6rem;
    text-transform: uppercase;
}

#inline { color: #173153; font-weight: bold; text-decoration: underline; }
#inline:hover { text-decoration: none; }

.dnone {display: block; }
/*
----------------------------------------------------------------------
Desktop
----------------------------------------------------------------------
64em = 1024px / 16px (16px is the default font size)

By defining the breakpoint in ems the layout will respond
not only to the screen's width but user zooming as well.
*/

@media only screen and (max-width: 90em) { /* 1440px */

.fbh_side_1 {
	width:27.1%;
}

.fbh_side_2 {
	width:20.9%;
}

.fbh_center {
	width:51.9%;
}

}

@media only screen and (max-width: 72.5em) { /* 1160px */
	.history-content {
		background:none;
	}
	
	.grid-expandable-list {
		clear:both;
	}
	
	.box {
		width:100%;
		position: relative !important;
		left: 0 !important;
		top:auto !important;
		float:left;
		clear:both;
	}
	
	.box-special {
		clear:both;
		margin:0 auto 10px;
	}
	
	.hs-show {
		display:none !important;
	}
}


@media only screen and (max-width: 64em) { /* 1024px */
	.title {
		font-size: 68px;
		font-size: 6.8rem;
	}

	.blockquote {
		margin-right: 0;
	}

	.item-accordion {
		font-size: 36px;
		font-size: 3.6rem;
	}

	.heading-middle-accordion {
		left: 25%;
	}
	
	.aplica-acum table {
		width:100%;
	}
	
	.aplica-acum td {
		margin-bottom:15px;
		display:table;
		width:100% !important;
	}
	
	.aplica-acum td input {
		width:100% !important;
	}
	
	.history-timeline {
		display:none;
	}
	
	.side-test-now h4 {
		font-size:40px;
		font-size:4rem;
	}

}

@media only screen and (max-width: 53.750em) { /* 860px */
	.side-test-now h4 {
		font-size:34px;
		font-size:3.4rem;
	}
}

/*
----------------------------------------------------------------------
Tablet
----------------------------------------------------------------------
48em = 768px / 16px (16px is the default font size)

By defining the breakpoint in ems the layout will respond
not only to the screen's width but user zooming as well.
*/

@media only screen and (max-width: 48em) { /* 768px */

	.logo,
	.header {
		margin-bottom: 15px;
	}

	.title {
		font-size: 48px;
	    font-size: 4.8rem;
	}

	.item-summary-career {
		width: 248px;
	}
	
	.breadcrumb, .footer-banner-holder, .share, .side-nav, .side-title, .sidebar .list-summary-career {
		display:none;
	}
	
	.sidebar {
		width:100%;
		padding:0 0 20px;
	}
	
	.side-test-now img {
		float:left;
		margin: 0 20px 0 0;
	}
	
	.button {
		clear: both;
		float: left;
		margin: 20px 0 0;
		width: 100%;
	}
	
	.main_content {
		float:left;
		width:100%;
		padding:30px 0;
	}
	
	.faq-item, .faq-item:first-child {
		background-position: right -1px;
		padding:20px 0;
		text-align:justify;
		border-top: 1px solid #EAECEF;
	}
	
	.faq-item.expandable-list-open {
		background-position: right -1px;
	}
	
	.faq-title {
		padding:5px 40px 0 50px;
		text-align:left;
	}
	
	.accordion {
		height: auto;
		margin-bottom: 0;
	}

	.item-accordion {
		width: 100%;
		float: none;
		border-bottom: 6px solid #fff;
	    cursor: default;
	}

	.item-skew-accordion {
		left: auto;
		top: auto;
		border: 0;
		border-bottom: 6px solid #fff;
		
		-webkit-transform:skewX(0);
	   	   -moz-transform:skewX(0);
			 -o-transform:skewX(0);
	  	       transform: skewX(0);
	}	

	.item-skew-accordion,
	.item-right-accordion {
		position: relative;
	}

	.content-skew-accordion {
		margin: 0;

	    -webkit-transform:skewX(0);
		   -moz-transform:skewX(0);
			 -o-transform:skewX(0);
		  	   transform: skewX(0);
	}

	.item-accordion img {
		max-width: 100%;
	}

	.heading-accordion {
		display:none;
	}

	.heading-middle-accordion,
	.heading-left-accordion,
	.heading-right-accordion {
		left: -3%;
		top: 50%;
		right: auto;
		bottom: auto;
	}

	.description-accordion {
		left: 5%;
		top: 20%;
		display:block;
	}
	
	.container-menu {
		float: right;
		clear: none;
		margin-top: 15px;
	}

	.button-menu {
		background-position: -143px -226px;
		width: 69px;
		height: 61px;
		border: 0;
	}

	.menu-right {
		display: none;
		position: absolute;
		right: -80%;
		top: 0;
		width: 80%;
	}

	.padd {
		padding: 27px 20px;
	}

	.menu {
		border: 0;
		padding: 0;
		margin-bottom: 60px;
	}

	.menu:after,
	.menu:before {
		background: none;
	}

	.button-menu.hidden  {
		display: block;
	}
	
	.item-menu,
	.link-menu {
		position: relative;
		display: block;
	}	

	.item-menu {
		border: 1px solid #5c5c5c;
		border-top: 0;
		border-right: 0;
		margin-bottom: 20px;
		padding: 0;
		font-size: 20px;
		font-size: 2rem;
	}

	.item-menu:before,
	.item-menu:after {
		content: '';
		background: #5c5c5c;
		position: absolute;
	}

	.item-menu:before {
		width: 7px;
		height: 20px;
		left: -3px;
		bottom: -1px;
	}

	.item-menu:after {
		height: 7px;
		width: 21px;
		left: -3px;
		bottom: -3px;
	}

	.link-menu {
		padding: 0 40px 10px;
	}

	.link-menu:after {
		content: '';
		background: #5c5c5c;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 1px;
		height: 20px;
	}

	.is-active {
		border-top: 1px solid #5c5c5c;
		border-bottom: 0;
	}

	.is-active .link-menu {
		padding: 20px 20px 10px 40px;
		color: #173153;
	}

	.is-active:before {
		width: 7px;
		height: 36px;
		left: -3px;
		top: -3px;
	}

	.is-active:after {
		width: 36px;
		height: 7px;
		left: -1px;
		top: -3px;
	}

	.is-active .link-menu:after {
		top: 0;
	}

	.link-menu:hover, 
	.link-menu:active, 
	.is-active .link-menu {
		border: 0;
		color: #173153;
	}

	.list-summary-career.hidden {
		display: block;
	}

	.menu-right .item-summary-career {
		width: 100%;
		margin-bottom: 6px;
	}
	
	.item-menu ul {
		border-right:1px solid #5C5C5C;
		padding:0 0 15px;
	}
	
	.item-menu li {
		padding:0 40px 10px;
		font-size:16px;
	}
	
	.item-menu li a {
		display:block;
		border-left:3px solid #5C5C5C;
		padding:10px 0 10px 5px;
		color:#5C5C5C;
	}

}

/*
======================================================================
Media Queries for Responsive Design
======================================================================
*/

/*
----------------------------------------------------------------------
Mobile large
----------------------------------------------------------------------
40em = 640px / 16px (16px is the default font size)

By defining the breakpoint in ems the layout will respond
not only to the screen's width but user zooming as well.
*/

@media only screen and (max-width: 40em) { /* 640px */
	.header {
		padding-top: 10px;
	}

	.logo {
		background-position: 0 -124px;
		width: 200px;
		height: 88px;
		margin-bottom: 0;
	}
	
	.main-inner {
		-moz-box-shadow:    inset  0  8px 8px -8px #e7e3e3;
		-webkit-box-shadow: inset  0  8px 8px -8px #e7e3e3;
		 box-shadow:        inset  0  8px 8px -8px #e7e3e3;
		border-bottom:10px solid #000;
		padding:15px 0 0;
	}

	.main-top-index,
	.list-summary-index {
		display: none;
	}

	/*.main-top,
	.list-summary-career {
		display: none;
	}*/

	.footer-home {
		display: none;
	}

	.footer-menu {
		margin:0 0 25px;
	}
	
	.copy {
		clear:both;
		float:none;
	}
	
	.blockquote {
		width:auto;
	}
	
	.tablet-nav {
		float:right;
		display:block;
	}
	
	.curr-page {
		border-bottom:1px solid #eaecef;
		border-left:1px solid #eaecef;
		padding:10px 20px;
		font-family:Impact;
		font-size:40px;
		font-size:4rem;
		text-transform:uppercase;
		color:#173153;
		margin:0;
		position:relative;
	}
	
	.curr-page:before {
		background:#eaecef;
		width:14px;
		height:1px;
		content:"";
		position:absolute;
		left:0;
		top:0;
	}
	
	.curr-page span {
		font-size:20px;
		font-size:2rem;
		text-transform:none;
		font-family:Arial, Helvetica, sans-serif;
		display:block;
	}
	
	.drop-nav {
		position:relative;
		background:url(../images/drop-nav-bg.png) no-repeat 0 17px;
		padding:0 0 0 73px;
	}
	
	.drop-links {
		position:absolute;
		right:0;
		top:84px;
		border:1px solid #173153;
		display:none;
		width:300px;
		background:#fff;
	}
	
	.drop-links li {
		border-top:1px solid #173153;
	}
	
	.drop-links li:first-child {
		border-top:none;
	}
	
	.drop-links li a {
		padding:15px 20px;
		color:#173153;
		display:block;
		font-weight:bold;
		font-size:16px;
		font-size:1.6rem;
	}
	
	.drop-links li a span {
		display:block;
		font-weight:normal;
		font-size:14px;
		font-size:1.4rem;
	}
	
	.see-desktop {
		display:none;
	}
	
	.see-tablet {
		display:block;
	}
	
	.jobtabs {
		display:none;
	}
	
	.tablet-only {
		display:block;
	}
	
	.tabclicker {
		border:1px solid #173153;
		text-transform:uppercase;
		position:relative;
		font-size:20px;
		font-size:2rem;
		margin:0 0 15px;
		color:#fff;
	}
	
	.tabclicker:after {
		background: #173153;
		content: "";
		height: 7px;
		position: absolute;
		left: -1px;
		bottom: -4px;
		width: 36px;
	}
	
	.tabclicker:before {
		background: #173153;
		content: "";
		height: 34px;
		position: absolute;
		left: -3px;
		bottom: -4px;
		width: 7px;
	}
	
	.tabclicker span {
		display:block;
		background:url(../images/tabclicker_span.png) no-repeat;
		height:43px;
		padding:21px 0 0 85px;
		background-color:#173153;
	}
	
	.tt-on {
		color:#173153;
	}
	
	.tt-on span {
		background-color:#fff;
	}
	
	.tabpanel {
		padding:15px 0 30px;
	}
	
	.tabpanel_active {
		display:none;
	}
	
	.button-apply, .button-apply span {
		display:block;
		float:none;
		text-align:center;
		font-size:22px;
		font-size:2.2rem;
        visibility:hidden; /*ad. 07.03.2017*/
	}

	.mit-item {
		background: url("../images/expandable-list-closed.jpg") no-repeat right top;
	}

	.mit-item.expandable-list-open {
		background: url("../images/expandable-list-opened.jpg") no-repeat right top
	}	

	.box-right {
		border: 1px solid #dadada;
		border-right: 0;
		border-left: 0;
		padding: 20px 0 10px;
	}

	.box-right,
	.form {
		width: 100%;
		float: none;
	} 

	.form-btn-inner {
		padding: 21px 60px;
	}

	
	
	.noutati_detaliu img {
		float:none;
		margin:0 0 15px;
	}
	
	.side-test-now img {
		float:none;
		margin:0;
	}
	
	.side-test-now h4 {
		font-size:42px;
		font-size:4.2rem;
		margin-bottom:0;
	}

}


/*
======================================================================
Media Queries for Responsive Design
======================================================================
*/

/*
----------------------------------------------------------------------
Mobile large
----------------------------------------------------------------------
30em = 480px / 16px (16px is the default font size)

By defining the breakpoint in ems the layout will respond
not only to the screen's width but user zooming as well.
*/

@media only screen and (max-width: 30em) { /* 480px */

	.logo  {
		background-position: 0 -526px;
		width: 150px;
		height: 62px;
	}

	.container-menu {
		margin-top: 8px;
	}

	.padd {
		padding-top: 20px;
	}

	.button-menu {
		background-position: -157px -589px;
		width: 52px;
		height: 46px;
	}

	.media-list li {
		width:100%;
		margin:0 0 30px;
	}

	.item-menu:before {
		height: 14px;
	}

	.item-menu:after {
		width: 14px;
	}

	.link-menu {
		padding: 0 10px 10px 20px;
	}

	.is-active .link-menu {
		padding: 10px 10px 10px 20px;  
	}
	
	.item-menu li {
		padding:0 10px 10px;
		font-size:16px;
	}
	
	.item-menu li a {
		padding:5px 0 5px 5px;
		font-size:12px;
		font-size:1.2rem;
	}

	.item-summary-career {
		height: 50px;
	}

	.summary-career {
		background-position: 4px -282px;
		padding: 14px 14px 14px 65px;
		height: 25px;
	}

	.summary2-career {
		background-position: 16px -352px;
	}

	.summary3-career {
		background-position: 14px -425px;
	}
}

@media only screen and (max-width: 22.5em) { /* 360px */
	.item-menu,
	.list-summary-career {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.item-accordion {
		font-size: 24px;
		font-size: 2.4rem;
	}
	
}


@media only screen and (max-width: 20em) { /* 320px */
	.item-menu,
	.list-summary-career {
		font-size: 12px;
		font-size: 1.2rem;
	}
	
	.item-accordion {
		font-size: 18px;
		font-size: 1.8rem;
	}

}

/*
----------------------------------------------------------------------
Style adjustments for high resolution devices
----------------------------------------------------------------------
*/

@media (-o-min-device-pixel-ratio: 5/4),
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 120dpi) {



}

/*
======================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
======================================================================
*/

@media print {

	* {
		background: transparent !important;
		color: #000 !important; /* black prints faster: h5bp.com/s */
		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) ")";
	}

	/*
	 * Don't show links for javascript/internal links
	 */

	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr, img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	/*
	 * Set size of printed page
	 */

	@page {
		margin: 0.5cm;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}

}

/* blink text */ 

.blink_text {
animation:1s blinker linear infinite;
-webkit-animation:1s blinker linear infinite;
-moz-animation:1s blinker linear infinite;

color:red;

}

@-moz-keyframes blinker {
0%{opacity:1.0;}
50%{opacity:0.0;}
100%{opacity:1.0;}
}

@-webkit-keyframes blinker {
0%{opacity:1.0;}
50%{opacity:0.0;}
100%{opacity:1.0;}

}

@keyframes blinker {
0%{opacity:1.0;}
50%{opacity:0.0;}
100%{opacity:1.0;}
}

.cryptedmail:after {
    content: attr(data-name) "\0040" attr(data-domain) "\002e" attr(data-ltd);
}