@charset "utf-8";
/*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, details, figcaption, figure, footer, header, hgroup, menu, 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;}
/*DEV*/
#Tracer{ display:block; position:fixed; width:100%; color:#c0c; font-size:12px; z-index:5000; visibility:hidden;}
#SH{ position:absolute; width:2px; height:100vh; background:#c0c; left:50%; margin-left:-1px; z-index:5000; visibility:hidden;}
#SV{ position:absolute; width:100vw; height:2px; background:#c0c; top:50%; margin-left:-1px; z-index:5000; visibility:hidden;}
/*FONT-FACE*/
@font-face{ font-family: 'BodoniSevITC-Book'; src: url('../_font/BodoniSevITC-Book.eot?#iefix') format('embedded-opentype'), url('../_font/BodoniSevITC-Book.woff') format('woff'), url('../_font/BodoniSevITC-Book.ttf')  format('truetype'), url('../_font/BodoniSevITC-Book.svg#BodoniSevITC-Book') format('svg'); font-weight: normal;font-style: normal;}
@font-face{ font-family: 'Omnes-Medium'; src: url('../_font/Omnes-Medium.eot?#iefix') format('embedded-opentype'),  url('../_font/Omnes-Medium.woff') format('woff'), url('../_font/Omnes-Medium.ttf')  format('truetype'), url('../_font/Omnes-Medium.svg#Omnes-Medium') format('svg'); font-weight: normal;font-style: normal;}
@font-face{ font-family: 'Omnes-ExtraLight'; src: url('../_font/Omnes-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../_font/Omnes-ExtraLight.woff') format('woff'), url('../_font/Omnes-ExtraLight.ttf')  format('truetype'), url('../_font/Omnes-ExtraLight.svg#Omnes-ExtraLight') format('svg'); font-weight: normal;font-style: normal;}

/**/
body{ background: #fff; font-family: 'BodoniSevITC-Book'; font-size: 16px; line-height: 16px; overflow-x: hidden; -webkit-text-size-adjust:100%;}
a,a:link,a:visited,a:hover,a:active{ text-decoration:none;}
h1{ position: absolute; visibility: hidden;}

.LogoMin{ position: absolute; width: 6vmax; left: 5vw; top: 5vw;  z-index: 100;}

/*HOME*/
#Home{ position: absolute; width: 100vw; height: 100vh; top: 0; left: 0;}
#Home article{ position: relative; display: inline-block; width: 33vw; height: 100vh; vertical-align: middle;}
#Home article div{ position: relative; display: table-cell; width: 33vw; height: 100vh; vertical-align: middle; text-align: center;}
#Home img{ position: relative; width: 80%;}
#Home a{ position: relative; font-family: 'BodoniSevITC-Book'; font-size:1.8vmax; display: inline-block; background: #000; padding: 0.8vmax; color: #fff;}

/*WHO*/
#Who{ position: absolute; width: 100vw; top: 0; left: -100vw;}
#Who article{ position: relative; display: inline-block; height: 100vh; left: 5vw; vertical-align: middle;text-align: left;}
#Who article div{ position: relative; display: table-cell; height: 100vh; vertical-align: middle; text-align: left;}
#Who article:nth-of-type(1), #Who article:nth-of-type(1) div{ width: 35vw;}
#Who article:nth-of-type(2), #Who article:nth-of-type(2) div{ width: 60vw; }
#Who h2{ font-family: 'BodoniSevITC-Book'; font-size:6vmax; line-height: 7vmax;}
#Who h3{ font-family: 'BodoniSevITC-Book'; font-size:2.4vmax; line-height: 3.4vmax; left: 5%; position: relative;}
#Who p{ font-family: 'Omnes-ExtraLight'; font-size: 1.4vmax; line-height: 1.4vmax; left: 5%; width: 80%; position: relative; margin-bottom: 5vmax;}
#Who ul{ font-family: 'Omnes-ExtraLight'; font-size: 1.4vmax; line-height: 1.6vmax; left: 5%; width: 80%; position: relative; -webkit-columns: 2; -moz-columns: 2; columns: 2; list-style-type:disc; list-style-position: inside; }

/*CONTACT*/
#Contact{ position: absolute; width: 100vw; top: 0; left: 100vw;}
#Contact article{ position: relative; display: inline-block; height: 100vh; left: 5vw; vertical-align: middle;}
#Contact article div{ position: relative; display: table-cell; height: 100vh; vertical-align: middle; text-align: left; }
#Contact article:nth-of-type(1), #Contact article:nth-of-type(1) div{ width: 35vw; }
#Contact article:nth-of-type(2), #Contact article:nth-of-type(2) div{ width: 60vw; }
#Contact h2{ font-family: 'BodoniSevITC-Book'; font-size:6vmax; line-height: 7vmax;}
#Contact p{ display: block; font-family: 'Omnes-ExtraLight'; font-size: 1.4vmax; line-height: 1.4vmax; width: 50%; position: relative; margin-bottom: 5vmax;}
#Contact a{ display: block; font-family: 'Omnes-Medium'; color: #000; margin: 0.4vmax 0;}
#Contact form{ margin-bottom: 5vmax;}
#Contact form input[type="text"]{ margin: 0.5vmax 0; font-family: 'BodoniSevITC-Book'; font-size: 1vmax; font-style: italic; width: 30%; border: solid 1px #000; padding: 0.2vmax; color: #000; -webkit-border-radius:0; border-radius:0;}
#Contact form textarea{ margin: 0.5vmax 0; font-family: 'BodoniSevITC-Book'; font-size: 1vmax; font-style: italic; width: 60%; resize: none; border: solid 1px #000; padding: 0.2vmax; color: #000;-webkit-border-radius:0; border-radius:0;}
#Contact form input[type="button"]{ margin: 0.5vmax 0; font-family: 'BodoniSevITC-Book'; font-size: 1.2vmax; padding: 0.2vmax 0.8vmax; color: #fff; border: none; background: #000; -webkit-border-radius:0; border-radius:0; -webkit-appearance: none;}
#Contact #Msg{ margin-left: 2vmax; font-size: 0.8vmax; color: #c1343d;}


@media (orientation:portrait) { 
	#Who{ padding-top: 5vmax; height: 95vh;}
	#Who article{ height: 20vh; left: 5vw;}
	#Who article div{ height: 20vh;}
	#Who article:nth-of-type(1), #Who article:nth-of-type(1) div{ width: 90vw; }
	#Who article:nth-of-type(2), #Who article:nth-of-type(2) div{ width: 90vw;}
	#Who h3{ left: 0%; font-size:3.4vmax; line-height: 4.4vmax;}
	#Who p{ left: 0%; width: 100%; font-size: 2vmax; line-height: 2vmax;}
	#Who ul{ left: 0%; width: 100%; font-size:2vmax; line-height: 2.2vmax;}

	#Contact{ padding-top: 5vmax; height: 95vh;}
	#Contact article{ height: 20vh; left: 5vw; }
	#Contact article div{ height: 20vh;}
	#Contact article:nth-of-type(1), #Contact article:nth-of-type(1) div{ width: 90vw; }
	#Contact article:nth-of-type(2), #Contact article:nth-of-type(2) div{ width: 90vw; }
	#Contact p{ width: 80%; font-size: 2vmax; line-height: 2vmax;} 
	
	#Contact form input[type="text"]{ font-size: 2vmax; font-style: italic; width: 60%;}
	#Contact form textarea{ font-size: 2vmax; width: 90%;}
	#Contact form input[type="button"]{ font-size: 2.4vmax; padding: 0.4vmax 1.2vmax;}
	
	#Contact #Msg{ font-size: 1.8vmax;}
}