@font-face {
	font-family: 'nerisblack';
	src: url('fonts/Neris-Thin.eot');
	src: url('fonts/Neris-Thin.woff') format('woff'), url('fonts/Neris-Thin.ttf') format('truetype'), url('fonts/Neris-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nerislight';
	src: url('fonts/Neris-Light.eot');
	src: url('fonts/Neris-Light.woff') format('woff'), url('fonts/Neris-Light.ttf') format('truetype'), url('fonts/Neris-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'neristhin';
	src: url('fonts/Neris-Black.eot');
	src: url('fonts/Neris-Black.woff') format('woff'), url('fonts/Neris-Black.ttf') format('truetype'), url('fonts/Neris-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {margin:0; padding:0; height:100%;}
body {min-height:100%;width:100%;  float:left;position:relative;  margin:0px; padding:0px 0px 0 0px;font-family:  "nerislight",arial,sans-serif; font-weight:normal;font-size:16px;color:#b3b3b3; background: #FFFFFF ; }

a{ text-decoration:underline;  color:#000000;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;  }
img.resp{width:100%;}
input,textarea,select{font-family:Arial; margin:0;}
button::-moz-focus-inner { border: 0; padding: 0;}

form,p,table,ul{ margin:0px; padding:0px;}
p{padding-bottom:1em;}
table tr td{vertical-align:top; border-spacing:0px; font-size:12px;}

h1,h2,h3,h4,h5{margin:0px; padding:0px; font-weight:normal; }

select{padding:10px;}

input,
textarea{box-sizing: border-box;}

.f-left{float:left;}
.f-right{float:right;}
.center{text-align:center!important;}
.align-right{text-align:right!important;}
.align-left{text-align:left!important;}
.align-middle{vertical-align:middle;}
.underline {text-decoration:underline;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5; display:block;}
.clear.line {border:0px; margin-bottom: 50px; margin-top:0px; background:#E6E6E6 ; }
.separator {float:left; width:100%; height:1px; line-height:1px; font-size:1px;}
.italic {font-style:italic;}
.strong {font-weight:bold; color:#000000;}
.no-padding {padding:0!important;}
.nowrap {white-space: nowrap;}
.no-overflow {overflow:visible!important;}
.hidden{display:none;}



#cover{overflow:hidden;height:100%;position:absolute; left:0; top:0; width:100%}

.logo{position:absolute; left:52px; top:25px; z-index: 2000}

.contact{display:block;position:absolute; right:40px; bottom:25px; z-index: 2000}
.contact > div{display:table;}
.contact > div> div{display:table-cell;vertical-align: middle; text-align: left;}
.contact > div> div a{text-decoration:none;}
.contact > div> div a:hover{text-decoration:underline;}
.contact > div> div:first-child{border-right:1px solid #B3B3B3;font-size:26px; padding-right:25px;}
.contact > div> div:last-child{ padding-left:25px; line-height: 30px; font-size:18px; color:#000000;font-family:  "neristhin",arial,sans-serif;}

.menu{position:absolute; right:34px; top:29px; text-align: right; z-index: 2000}
.menu img{cursor:pointer;}
.menu p{font-size:26px; padding:10px 0px 0px 0px; margin:0px; text-align: left;}
.menu p span{font-size:16px;display:block;}


.content{ position:absolute; left:0; top:0px; height:100%; width:100%; display:table; z-index: 1000  }
.content .wrap{display:table-cell; vertical-align: middle; text-align: left; padding-left:43%; padding-bottom:2%; font-size:72px; line-height: 85px; color:#000000; font-family:  "nerisblack",arial,sans-serif;  }
.content .wrap .container{display:inline-block; text-align: left;}
.content .wrap .container span{display:block; padding-top:1%;}

.bg{height:100%; left:36px; top:-4.5%;  position:absolute; z-index: -1 }
.bg img{height:147.8%; display:block;   }

@media only screen and (max-width: 1100px){
  .content .wrap{ padding-left:0%; text-align: center;   font-size:55px; line-height: 65px;   }
  .content .wrap .container{ padding:20px;  }
}

@media only screen and (max-width: 500px){
  .contact{right:0px; width:100%; bottom:30px; box-sizing: border-box; padding:0 20px; text-align: center;}
  .contact > div{margin:0px auto;}

  .menu{  top:20px; right:20px; }
  .logo{  top:20px; left:20px; }

  .menu p{font-size:20px; padding-top:10px;}
  .menu p span{font-size:14px;display:block;}
  .bg{left:20px; }
}

@media only screen and (max-width: 450px){
  .content .wrap{   font-size:40px; line-height: 45px;   }
  .bg{left:-10px;}
}

@media only screen and (max-width: 370px){
  .contact > div> div:first-child{font-size:23px; padding-right:20px;}
  .contact > div> div:last-child{ padding-left:20px; line-height: 25px; font-size:16px;}
}