/*
 * BROWSER RESET
 */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var
{ background: transparent; border: 0 none; font-size: 100%; font-weight: normal; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; }
b, strong { font-weight:bold; }
a { text-decoration:none; }
a:focus { outline: none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table, table td { padding:0; border:none; border-collapse:collapse; }
img {	vertical-align:top; }
embed { vertical-align:top; }
* { border:none; outline:none; padding:0; margin:0; }

/*
 * NEW STANDARD VALUES
 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, a { font-family: Helvetica,Arial,sans-serif; color:#000; }
body { background-color: #fff; font-size:15px; }

/* HEADER */
header { padding:5px 0 10px 0; }
#logo { padding: 19px 0 15px 0; }
@media (max-width: 767px) {
  #logo { padding: 27px 0 15px 0 ; }
  #logo img { width:140px; height:auto; }
}

/* MENU */
#menu { text-align: right; padding-top:22px; }
#menu ul { }
#menu ul li { display: inline-block; padding-top:5px; padding-bottom:20px; }
#menu ul li a { display: inline-block; font-size:15px; margin: 0 0 0 15px; border-bottom: 2px solid #fff; }
#menu ul li a.active { border-bottom: 2px solid #000; }
#menu ul li a:hover { border-bottom: 2px solid #000; }
#menu ul li.hiring { display:none; }
#menu ul li.hiring a { color:#fff; padding-right:6px; border-bottom: 2px solid #000; }
#menu ul li.hiring a.active { border-bottom: 2px solid #000; }
#menu ul li.hiring a:hover { border-bottom: 2px solid #000; }

@media (min-width: 576px) {
  #menu ul li a { font-size:21px; margin: 0 0 0 25px; }
}
@media (min-width: 992px) {
  #menu ul li.lang { margin-left:25px; }
}
@media (max-width: 991px) {
  #menu li.nrm { display:none; }
  #menu ul li.lang { margin-left:0px; margin-right:25px; }
}

/* FOOTER */
footer { padding: 80px 0 30px 0; }
footer a:hover { text-decoration: underline; }
#copyright { font-size:15px; line-height: 19px; text-align: left; }
#footermail { font-size:15px; line-height: 19px; text-align: left; margin-top:15px; }
#social { font-size:15px; line-height: 19px; text-align: left; margin-top:15px; }

@media (min-width: 992px) {
  footer { padding: 140px 0 30px 0; }
  #copyright { font-size:21px; line-height: 25px; text-align: left; }
  #footermail { font-size:21px; line-height: 25px; text-align: center; margin-top:0; }
  #social { font-size:21px; line-height: 25px; text-align: right; margin-top:0; }
}

/* GLOBAL */
.img-responsive { max-width: 100%; height: auto; }

.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6
{ font-size:15px; line-height: 21px; margin-top:40px; }
.typo p { font-size:15px; line-height: 21px; margin-top:20px; }

@media (min-width: 576px) {
  .typo h1,
  .typo h2,
  .typo h3,
  .typo h4,
  .typo h5,
  .typo h6
  { font-size:21px; line-height: 27px; }
  .typo p { font-size:21px; line-height: 27px; }
}

/* SECTION 01 */
.section-01 { margin:0 0 0 0; }

@media (min-width: 576px) {
  .section-01 { margin:20px 0 0px 0; }
}
@media (min-width: 768px) {
  .section-01 h1,
  .section-01 h2,
  .section-01 h3,
  .section-01 h4,
  .section-0 h5,
  .section-01 h6
  { margin-top:50px !important; }
  .section-01 p { margin-top:25px !important; }
}
@media (min-width: 1200px) {
  .section-01 h1,
  .section-01 h2,
  .section-01 h3,
  .section-01 h4,
  .section-01 h5,
  .section-01 h6
  { margin-top:60px !important; }
  .section-01 p { margin-top:30px !important; }
}

/* WORKS */
.work-box { display: block; max-width:600px; padding:100px; }
.work-box .title { color:#fff;  font-size:28px; line-height: 34px; }
.work-box .info { color:#fff;  font-size:21px; line-height: 27px; margin-top:30px; }
@media (max-width: 1400px) {
  .work-box { max-width:100%; padding:50px; }
  .work-box .title { font-size:29px; line-height: 35px; }
  .work-box .info { font-size:21px; line-height: 27px; margin-top:20px; }
}
@media (max-width: 1200px) {
  .work-box { max-width:100%; padding:20px; }
  .work-box .title { font-size:19px; line-height: 25px; }
  .work-box .info { font-size:15px; line-height: 21px; margin-top:20px; }
}
@media (max-width: 768px) {
  .work-box { max-width:100%; padding:40px 20px; }
}