/* 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, footer, header, main, 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;}
abbr { text-decoration:none; }



* {-webkit-text-size-adjust:none;}
body {min-width:320px;font-family:Campton-Light, sans-serif;font-size:1.125em;line-height:1.22222em;background:url('../images/background_tile_335px.png') repeat fixed #fff;-webkit-text-size-adjust:none;}
html.ie-old body  {min-width:1024px;}
html[lang="ru"] body {font-family:FenomenSans-Regular, sans-serif;}
header,h1,h2,h3,#services-nav,footer {font-family:Campton-Bold, sans-serif;}
html[lang="ru"] header, html[lang="ru"] h1, html[lang="ru"] h2, html[lang="ru"] h3,html[lang="ru"] #services-nav, html[lang="ru"] footer, body *[lang="ru"] {font-family:FenomenSans-Bold, sans-serif;}
[lang="en"] {font-family:Campton-Light, sans-serif;}
[lang="en"] header,[lang="en"] h1,[lang="en"] h2,[lang="en"] h3,[lang="en"] #services-nav,[lang="en"] footer {font-family:Campton-Bold, sans-serif !important;}
h1.inside  {font-family:Campton-Light, sans-serif;}
h1,h2,h3 {margin:0 0 1.2em 0;}
h1 {text-align:center;}
h1 span {display:block;text-indent:-840px;overflow:hidden;position:absolute;}
h2 {margin:0;}
#all-services h2 {text-transform:uppercase;}
p, ul, ol, dl {margin:0 0 1.2em 0;}
img {display:block;max-width:100%;height:auto;}
h1 img, #home  img {margin:0 auto;}
a {text-decoration:none;}
section a:hover, section a:focus {text-decoration:underline;}
.center {text-align:center;}
/* clearfix */ #head-inner:after, #profile dl:after {content:' ';clear:both;display:table;}

section {background:#c9dcac;margin:0 0 4em 0;padding:2em 20px;box-sizing:border-box;-moz-box-sizing:border-box;}
section:last-child {margin:0;}
#services {padding:0;background:none;}
header, #home, #welcome,#services-skip, #profile, #contact {background:#77C5B7;}
section a {color:#000;}
#imprint,#privacy, #piwik-body {color:#63b1a3;background:#c9e8e2;}
#imprint a, #privacy a {color:#63b1a3;}

header {position:fixed !important;top:0;width:100%;height:1px;color:#fff;padding:0.5555em 1em;z-index:99;-webkit-box-shadow:0px 0px 8px 1px rgba(0,0,0,0.75);-moz-box-shadow:0px 0px 8px 1px rgba(0,0,0,0.75);box-shadow:0px 0px 8px 1px rgba(0,0,0,0.75);box-sizing:border-box;-moz-box-sizing:border-box;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);text-transform:uppercase;}
header.skrollable-after {height:auto;-webkit-transition:opacity .2s ease-out .2s;-moz-transition:opacity .2s ease-out .2s;-o-transition:opacity .2s ease-out .2s;transition:opacity .2s ease-out .2s;opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);}
#mobile-menu-icon {display:none;border:2px solid #fff;padding:3px 2px;width:13px;height:12px;overflow:hidden;}
#mobile-menu-icon a, #mobile-menu-icon span { display:block;border-top:2px solid #fff;padding:3px 0 0 0;}
#mobile-menu-icon span  span span span{text-indent:-99em;border:none;position:absolute;padding:0;}

#head-inner  {max-width:978px;margin:0 auto;padding:0 0 0 36px;font-size:0.7225em;box-sizing:border-box;-moz-box-sizing:border-box;}	
html[lang="ru"] #head-inner {max-width:972px;}	
#head-inner a {color:#fff;}	
#link-logo-header {float:left;width:40%;margin:0.7em 0 0 0;}
nav li.hidden {display:none !important;}
#nav {float:right;position:relative;width:60%;}
#main-nav  {float:none;width:100%;position:static;display:table-cell;padding:0 1.7em 0.2em 0;text-align:right;vertical-align:bottom;}
#main-nav  ul {margin:0;}
#main-nav  ul li {display:inline-block;margin:0 0.7em;}
#main-nav  a {padding:0 0 1px 0;}
#main-nav  a:hover, #main-nav  a:hover:focus {border-bottom:1px solid #ddd;}
#main-nav  a.current {border-bottom:1px solid #fff;}

#langs  {width:1.5em;display:table-cell;vertical-align:bottom;float:none;position:static;}
#langs {border-left:1px solid #fff;padding:1.25em 0 1.25em 2.3em;}
html #langs {width:7em;padding:0.75em 0 1em 0.7em;} 
html[lang="ru"] #langs {width:7em;padding:0.75em 0 1em 0.7em;} 
#langs  ul {margin:0;}
#langs  li {margin:0.5em 0 0 0;line-height:1em;}

@media 
	only screen and (max-width:1024px)
{
	header {background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:1em 1em 0 20px;overflow:visible;height:1px;width:40px;min-height:40px;overflow:visible;}
	#head-inner {display:inline-block;position:fixed;width:14em;left:-12em;padding:0 0 0 2px;}
	#langs {position:fixed;width:auto !important;top:0.75em;right:20px;padding:0.25em 0 0.75em 0.7em !important;z-index:9999;}
	#mobile-menu-icon {display:block;position:fixed;left:20px;z-index:99999;}
	#link-logo-header {float:none;display:block;height:54px;width:78px;margin:0;}
	#link-logo-header img {position:absolute;clip:rect(0px,80px,56px,0px);width:260px;max-width:none;}
	#nav {display:inline-block;float:none;width:auto;}
	#main-nav {width:auto;padding:1em 0 0 0;text-align:left;font-size:1.1em;}
	#main-nav ul li {display:block;margin:0.25em 0 0.75em 0;}
	section {padding:0 20px 1em 20px;}
	.head h1 {margin:0;}
}

#home {margin:50px;padding:0 20px 0 20px;}

@media 
	only screen and (max-width:480px)
{
		body {background-position:0 0 !important;}
		section {margin:0 0 18px 0;}
		#home {margin:18px;}
}

@media 
	only screen and (max-height:360px)
{
		#home  img{height:75%;width:auto;}
}

#home .box-inner .text {display:table-cell;width:800px;vertical-align:middle;text-align:center;}

#welcome {position:relative;overflow:hidden;min-height:600px;color:#fff;padding:0;text-align:center;}
#welcome .img-box {position:absolute;width:100%;max-width:1280px;left:0;right:0;top:0;bottom:0;margin:0 auto;padding:0;text-align:center;}
#welcome .img-box {background:url('../images/ludmila_mullova_interpreter.jpg') 50% 50% no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
#welcome .img-box img{display:none;}
#welcome .img-box img {width:auto;position:relative;max-width:120%;margin:-10% -10%;}
#welcome .text-box {position:absolute;bottom:5%;width:100%;padding:0 10%;box-sizing:border-box;-moz-box-sizing:border-box;}
#welcome .text-box  p {margin:0;}

@media 
	only screen and (max-device-width:800px)
{
	#welcome .img-box {background-image:url('../images/ludmila_mullova_interpreter-max800.jpg');}
}

@media 
	only screen and (max-width:800px)
{
	#welcome {height:auto;}
	#welcome .img-box 	{	background-position:55% 50%;}	
} 

@media 
	only screen and (max-width:480px)
{
	#welcome {height:auto;}	
	#welcome .img-box {background-position:52% 50%;}	
	#welcome .text-box  {bottom:5%;padding:0 20px;}
	html[lang="de"] #welcome .text-box  {bottom:2%;padding:0 20px;}	
} 


@media 
	only screen and (max-width:380px)
{
	#welcome .img-box {background-size:320%;background-position:52% 50%;}	
} 


@media 
	only screen and (max-height:360px)
{
	#welcome .text-box  {bottom:5%;padding:0 20px;}
	html[lang="de"] #welcome .text-box  {bottom:2%;padding:0 20px;}	
} 

#welcome h1 {font-size:2.7777em;margin:0 0 0.5em 0;line-height:90%;}
#welcome h1 span.welcome-e {display:inline-block;margin:0 0 0 -0.075em;text-indent:0;position:static;overflow:visible;}

@media 
	only screen and (max-width:380px)
{
	#welcome h1 {font-size:2.5em;}
	html[lang="de"] #welcome h1 {margin:0 0 0.35em 0;}	
	html[lang="de"] #welcome p {line-height:110%;}			
} 

@media 
	only screen and (max-height:360px)
{
	#welcome h1 {margin: 0;}
} 


#references {background:url('../images/background_gold_1964px.jpg') #e8c488;}

@media 
	only screen and (max-device-width:800px)
{
	#references 	{background-image:url('../images/background_gold_1200px.jpg');}
}


section .box-inner {	max-width:830px;margin:0 auto 0 auto;}

#services-skip nav {margin:0 -9px;}

#services-nav  {display:table;width:100%;margin:0 0 2em 0;text-transform:uppercase;}
#services-nav li {display:table-cell;width:33.3%;}
#services-nav li a {display:block;margin:0 9px;padding:2.75em 0.5em 4.75em 0.5em;color:#fff;text-align:center;text-decoration:none !important;text-transform:uppercase;border:1px solid #fff;}
#services-nav li a span {display:block;position:relative;}
#services-nav li a span:after {content:" ";position:absolute;display:block;width:100%;height:24px;margin-top:1em;background: url('../images/pfeil.svg') center 0 no-repeat;}
.ie-old #services-nav li a span:after {background:url('../images/pfeil.png') center 0 no-repeat;}
#services-nav li a:hover span:after, #services-nav li a:focus span:after {opacity:0.7;}
	
@media 
	only screen and (max-width:720px)
{
	#services-skip nav {margin:0;}
	#services-nav  {display:block;}	
	#services-nav li {display:block;margin:0 0 1em 0;width:auto;text-align:center;}
	#services-nav li a {display:inline-block;margin:0;width:auto;min-width:280px;box-sizing:border-box;-moz-box-sizing:border-box;}
}

@media 
	only screen and (max-width:360px)
{
	#services-nav li a {min-width:0;width:100%;}
}


#all-services  h2 {text-align:center;border-bottom:1px solid #000;margin:0 0 1.2em 0;padding:1.2em 0 1.2em 0;font-size:1.333em;font-size:1.25em;}
#all-services  h2:first-child {padding:0em 0 1.2em 0;}

@media 
	only screen and (max-width:1024px)
{
	#all-services  h2:first-child {padding:1.2em 0 1.2em 0;}
}


div.interpretation > div {border-top:1px solid #000;padding-top:1.2em;}
div.interpretation div#simultaneous{border:none;padding-top:0;}

#all-services  h3 {margin:0;}

#simultaneous, #consecutive, #liaison-interpretation, #translation + div, #localization + div  {padding-left:72px;}
#simultaneous:before, #consecutive:before, #liaison-interpretation:before, #translation + div:before, #localization + div:before  {position:absolute;width:60px;height:40px;margin-left:-72px;overflow:hidden;content:url('../images/simultaneous.svg');}
.ie-old #simultaneous:before, .ie-old #consecutive:before, .ie-old #liaison-interpretation:before, .ie-old #translation + div:before, .ie-old #localization + div:before  {content:url('../images/simultaneous.png');}
#consecutive:before  {content:url('../images/consecutive_interpretations.svg');}
.ie-old #consecutive:before  {content:url('../images/consecutive_interpretations.png');}
#liaison-interpretation:before  {content:url('../images/negociations.svg');}
.ie-old #liaison-interpretation:before  {content:url('../images/negociations.png');}
#translation + div:before  {content:url('../images/translations.svg');}
.ie-old #translation + div:before  {content:url('../images/translations.png');}
#localization + div:before  {content:url('../images/localization.svg');}
.ie-old #localization + div:before  {content:url('../images/localization.png');}

#profile h2 {border-top:1px solid #000;padding:1.2em 0 0 0;}

ul#memberships  {margin-top:1.75em;}
#memberships li {display:inline-block;margin:0 0 0 1.5em;}

@media 
	only screen and (max-width:480px)
{
	#memberships li {margin:0 0 0 1.0em;}
}

@media 
	only screen and (max-width:360px)
{
	#memberships li {margin:0 0 0 0.5em;}
}


#memberships li:first-child {margin:0;}
#memberships li  a, #memberships li  span  {display:table-cell;width:4.4em;height:4.4em;border-radius:2.2em;text-align:center;vertical-align:middle;text-decoration:none !important;background:url('../images/circle.svg') no-repeat 50% 50%;background-size:cover;}
.ie-old #memberships li  a, .ie-old #memberships li  span {background:url('../images/circle.png') no-repeat 50% 50%;}	
#memberships li  a:hover, #memberships li  a:focus {background-color:rgba(255,255,255,0.3);}	
	
#profile img {display:block;margin:0 auto 1.2em auto;} 
#profile .img img {margin:0 auto 4em auto;} 
#profile dl {display:block;overflow:hidden;}
#profile dt {width:8em;display:block;float:left;vertical-align:top;}
#profile dd {display:block;float:left;width:100%;margin:0 0 -0.6em 0;padding-right:8em;position:relative;left:8em;top:-1.2222em;right:0;box-sizing:border-box;-moz-box-sizing:border-box;}


@media 
	only screen and (max-width:600px)
{
	#profile div.img {margin:0 -20px;overflow:hidden;} 
	#profile div.img img{width:100%;} 
	#profile dt, #profile dd  {float:none;display:block;width:auto;margin:0;padding:0;position:static;}
	#profile dd  {margin:0 0 1.2em 0;}
}

#references h2 {border-top:1px solid #000;padding:1em 0 0 0;}
#references ul {margin:0 0 1em 0;}
#references ul:last-child {margin:0 0 1.2em 0;}

#contact h1 {margin:0 0 0.5em 0;}	
#contact h2 {border-top:1px solid #000;padding:1.2em 0 0 0;}
#maps-c {text-align:right;}
#maps  {display:inline-block;margin:0 0 1.2em 0;}
#maps div {display:table-cell;}
#maps img {margin:0 13px;}
a.email   {display:inline-block;margin:0 0 1.2em 0;}


@media 
	only screen and (max-width:752px)
{
	#maps-c {text-align:center;}
	#maps div  {	display:block;text-align:center;}	
	#maps img {display:inline-block;margin:0;width:100%;}
	#maps div:first-child {margin:0 0 2em 0;}
}

footer {background:#fff;padding:0.5em;}
footer  a {color:#77C5B7;}	
footer nav ul {margin:2em 0 1.6em 0;text-align:center;}
footer nav ul li {display:inline-block;margin:0 0.275em;text-transform:uppercase;}
footer nav  a:hover, footer nav  a:hover:focus {border-bottom:1px solid #bbe2db;}
footer nav  a.current {border-bottom:1px solid #77C5B7;}
#imprint, #privacy, #piwik-body {font-size:0.777em;line-height:1.215em;}
#piwik-body {font-size:0.87421em;}
.section-hidden {height:0;overflow:hidden;margin:0;padding:0;position:relative;}
#imprint .head h1, #privacy .head h1  {text-align:center;border-bottom:1px solid #77c5b7;margin:0 0 1.85em 0;}

h1.inside {text-align:left;margin:0 0 0.9em 0;padding:0.45em 0 0 0;font-size:1.5714em;}
.kleiner {font-size:0.8575em;}


@media print
{
	body {font-size:1em;font-size:0.9em;padding:2em;}
	* {color:#000;background:none !important;min-height:0 !important;}
	div.text {height:auto !important;}
	header,footer {display:none;}
	section {margin:0;padding:0;}
	#home img {display:block;z-index:999;position:relative;}
	#home div.text:after {content:" ";display:block;position:relative;left:50%;width:196px;height:1px;margin-top:-198px;margin-left:-98px;border-top:205px solid #77C5B7;}
	#home div.text {height:190px !important;}	
	#welcome,#welcome .img-box,#welcome .text-box {position:static;height:auto;}
	#services-nav {display:none;}
	#memberships li {margin:0 0 0 1em;}
	#memberships li a,#memberships li span {display:table-cell;width:auto;height:auto;border-radius:0;}
}