@charset "UTF-8";
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
*{-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box}

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

/*
@font-face {font-family: 'Gotham';src: url('../fonts/gothambold.eot');src: url('../fonts/gothambold.eot?#iefix') format('embedded-opentype'),url('../fonts/gothambold.woff') format('woff'),url('../fonts/gothambold.ttf') format('truetype'),url('../fonts/gothambold.svg') format('svg');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Gotham';src: url('../fonts/gothammedium.eot');src: url('../fonts/gothammedium.eot?#iefix') format('embedded-opentype'),url('../fonts/gothammedium.woff') format('woff'),url('../fonts/gothammedium.ttf') format('truetype'),url('../fonts/gothammedium.svg') format('svg');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Gotham';src: url('../fonts/gothambook.eot');src: url('../fonts/gothambook.eot?#iefix') format('embedded-opentype'),url('../fonts/gothambook.woff') format('woff'),url('../fonts/gothambook.ttf') format('truetype'),url('../fonts/gothambook.svg') format('svg');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Gotham';src: url('../fonts/gothamlight.eot');src: url('../fonts/gothamlight.eot?#iefix') format('embedded-opentype'),url('../fonts/gothamlight.woff') format('woff'),url('../fonts/gothamlight.ttf') format('truetype'),url('../fonts/gothamlight.svg') format('svg');font-weight: 300;font-style: normal;}
*/

audio,canvas,video{display:inline-block}
a,a:focus { outline:0; text-decoration:none; line-height:inherit; border:none;}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:active,a:hover{outline:0}
h1{font-size:2em}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
@font-face{font-family:fontello;src:url(../fonts/fontello.eot?64450060);src:url(../fonts/fontello.eot?64450060#iefix) format("embedded-opentype"),url(../fonts/fontello.woff?64450060) format("woff"),url(../fonts/fontello.ttf?64450060) format("truetype"),url(../fonts/fontello.svg?64450060#fontello) format("svg");font-weight:400;font-style:normal}
[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}
.icon-phone:before{content:'\e800'}
.icon-twitter-bird:before{content:'\e801'}
.icon-facebook:before{content:'\e802'}
.icon-vimeo:before{content:'\e803'}
.icon-googleplus-rect:before{content:'\e804'}
.icon-location:before{content:'\e805'}
.icon-mail:before{content:'\e806'}
.icon-videocam-alt:before{content:'\e807'}
.icon-cd:before{content:'\e808'}
.icon-calendar:before{content:'\e809'}
.icon-instagram-filled:before{content:'\e80a'}
.icon-flash:before{content:'\e80b'}
.icon-mouse:before{content:'\e80c'}
.icon-book:before{content:'\e80d'}
.icon-group:before{content:'\e80e'}
.icon-desktop:before{content:'\e80f'}
.icon-laptop:before{content:'\e811'}
.icon-ccw:before{content:'\e812'}
.icon-edit-1:before{content:'\e814'}
body,html{width:100%;height:100%;overflow:hidden}
.hidden{display:none!important;visibility:hidden}
.fl { float: left; }
.fr { float: right; }
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
iframe{overflow:hidden;border:none}
.moveline:after{content:' ';position:absolute;top:0;left:0;display:block;width:100%;height:100%;-webkit-transition:-webkit-transform .6s cubic-bezier(1,0,0,1);-moz-transition:-moz-transform .6s cubic-bezier(1,0,0,1);-ms-transition:-ms-transform .6s cubic-bezier(1,0,0,1);-o-transition:-o-transform .6s cubic-bezier(1,0,0,1);transition:transform .6s cubic-bezier(1,0,0,1);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.moveline:hover:after{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
*,:after,:before{margin:0;padding:0;-moz-box-sizing:border-box;box-sizing:border-box}
body{background:#fff;font-family:adobe-garamond-pro,serif;font-weight:400;font-style:normal;line-height:1.5;-webkit-font-smoothing:subpixel-antialiased}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{display:inline-block;vertical-align:middle}
textarea{height:auto;min-height:50px}
select{width:100%}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.text-justify{text-align:justify!important}
blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}
a{color:#008CBA;text-decoration:none;line-height:inherit;border:none}
a:focus,a:hover{color:#0078a0}
main{display:block;position:relative;z-index:4}
ul{list-style:none;margin:0}
@media all and (min-width: 320px){
	body{font-family:'proxima-nova',"Lucida Sans","Lucida Sans Unicode","Lucida Grande", "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","Rounded-Mplus",Verdana;-webkit-font-smoothing:antialiased}
	.serif { font-family: "utopia-std-subhead", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif; }
	h1,h3{margin:0;font-weight:normal;text-transform:uppercase}
	b,strong{font-weight:700}
	sup{top:-0.8em;font-size:54%}
	p{margin:0;font-size:11px;line-height:16px}
	p.small-copy{font-size:10px;line-height:16px}
	h1{font-size:18px;line-height:18px;letter-spacing:4px}
	h2{font-size:16px;line-height:16px;}
	h3{font-weight:700;font-size:14px;line-height:16px;letter-spacing:2px}
	h4{font-weight:700;font-size:12px;line-height:20px;letter-spacing:1px}
}
@media all and (min-width: 768px){
	p{font-size:12px;line-height:21px}
	p.small-copy{font-size:11px;line-height:18px}
	h1{font-size:40px;line-height:40px;letter-spacing:4px}
	h2{font-size:30px;line-height:30px;letter-spacing:1px}
	h3{font-size:16px;line-height:20px;letter-spacing:3px}
	h4{font-size:12px;line-height:25px;letter-spacing:2px}
}

#progress{width:100%;height:100%;position:fixed;left:0;top:0;background-color: #fff; z-index: 9999; -webkit-transition:top .4s .3s ease-in-out;-moz-transition:top .4s .3s ease-in-out;-ms-transition:top .4s .3s ease-in-out;-o-transition:top .4s .3s ease-in-out;transition:top .4s .3s ease-in-out}
#progress section{position:relative;width:100%;height:100%;}
.loaded #progress{top:-100%;}
#progressCircle { position: absolute; left:50%; top:50%; width: 400px; height: 400px; margin-top: -200px; margin-left: -200px; }
#progressCircle *{-moz-box-sizing:content-box;box-sizing:content-box}
.prog-circle .slice { position : absolute; width : 1em; height : 1em; clip : rect(0em, 1em, 1em, 0.5em);}
.prog-circle .slice.clipauto { clip : rect(auto, auto, auto, auto);}
.prog-circle .fill, .prog-circle .bar { position : absolute; border : 0.08em solid #ccc; width : 0.84em; height : 0.84em; clip : rect(0em, .5em, 1em, 0em); -webkit-border-radius : 50%; -moz-border-radius : 50%; -ms-border-radius : 50%; -o-border-radius : 50%; border-radius : 50%; -webkit-transform : rotate(20deg); -moz-transform : rotate(20deg); -ms-transform : rotate(20deg); -o-transform : rotate(20deg); transform : rotate(20deg);}
.prog-circle { position : relative; font-size : 120px; width : 1em; height : 1em; -webkit-border-radius : 50%; -moz-border-radius : 50%; -ms-border-radius : 50%; -o-border-radius : 50%; border-radius : 50%; float : left; margin : 0 0.1em 0.1em 0; background-color : #eee;}
.prog-circle .percenttext { display: none;}
.prog-circle .after { position : absolute; top : 0.08em; left : 0.08em; display : block; content : " "; -webkit-border-radius : 50%; -moz-border-radius : 50%; -ms-border-radius : 50%; -o-border-radius : 50%; border-radius : 50%; background-color : #FFFFFF; width : 0.84em; height : 0.84em;}
.circle-inner { position: absolute; left:0; top:0; text-align: center; width: 100%; height: 100%; z-index: 2; }
.circle-inner .circle-logo { display: block; width: 110px; height: 110px; margin:60px auto 10px; }
.circle-inner .circle-logo img { display: block; width: 100% }
.circle-inner .circle-title { font-size: 32px; font-weight: 700; line-height: 1; letter-spacing: 2px; margin:0 0 10px; text-transform: uppercase; }
.circle-inner .circle-sub-title { font-size: 12px; font-weight: 700; letter-spacing: 2px; line-height: 1; margin:0 0 10px; text-transform: uppercase; }
.circle-inner hr { display: block; border:none; width: 30px; height: 1px; background-color: #ccc; margin:20px auto; }
.circle-inner .serif { font-size: 18px; }
@media all and (max-width: 500px){
	#progressCircle { width: 280px; height: 280px; margin-top: -140px; margin-left: -140px;}
	.prog-circle .fill, .prog-circle .bar { border : 0.08em solid #777;}
	.circle-inner .circle-logo { display: block; width: 60px; height: 60px; margin:40px auto 10px; }
	.circle-inner .circle-title { font-size: 24px;}
	.circle-inner .circle-sub-title { font-size: 10px;}
	.circle-inner .serif { font-size: 14px; }
}
.page-bg{position:absolute;left:0;top:0;display:block;width:100%;height:100%;-webkit-transition:-webkit-transform .6s cubic-bezier(1,0,0,1);-moz-transition:-moz-transform .6s cubic-bezier(1,0,0,1);-ms-transition:-ms-transform .6s cubic-bezier(1,0,0,1);-o-transition:-o-transform .6s cubic-bezier(1,0,0,1);transition:transform .6s cubic-bezier(1,0,0,1);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.page-bg.white{background-color:#eee}
.page-bg.gray{background-color:#fff;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.pjaxed .page-bg{z-index:9999;-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}

/* Header */
#header{display:block;position:fixed;left:-100%;top:0;background:#fff; width:100%;height:100%; z-index:666;cursor:pointer;-webkit-transition:left .6s cubic-bezier(1,0,0,1);-moz-transition:left .6s cubic-bezier(1,0,0,1);-ms-transition:left .6s cubic-bezier(1,0,0,1);-o-transition:left .6s cubic-bezier(1,0,0,1);transition:left .6s cubic-bezier(1,0,0,1);}
#header .main-nav{font-weight:400;z-index:50;cursor:default;position:relative;width:100%;height:100%;padding:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .4s .4s ease-in-out;-moz-transition:opacity .4s .4s ease-in-out;-ms-transition:opacity .4s .4s ease-in-out;-o-transition:opacity .4s .4s ease-in-out;transition:opacity .4s .4s ease-in-out;}
#header .main-nav .menu{overflow:hidden;margin:0;position: absolute; left:20px; top:80px;}
#header .main-nav .menu>li{line-height: 1;display:block;}
#header .main-nav .menu>li>a{cursor:pointer;display:block;color:#333;font-weight: 400; font-size:12px;letter-spacing:1px; line-height: 2;font-weight: 700;}
#header .main-nav .menu>li>a.active{color:#999;}
#header #socials { position:absolute; bottom:40px; left:0; width:150px; height: 32px; }
#header #socials ul { position:absolute; top:0; left:10px; height:100%; font-size:0; line-height:0; }
#header #socials ul li { position:relative; width:32px; height:100%; display:inline-block; }
#header #socials ul li a { position:absolute; top:50%; left:0; width:100%; height:32px; margin:-16px 0 0; text-indent:-999px; overflow:hidden; }
#header #socials ul li a:after { content:''; position:absolute; top:50%; left:50%; width:20px; height:16px; margin:-8px 0 0 -10px; background-image:url(../img/socials.png); background-repeat:no-repeat; background-size:20px 144px; overflow:hidden; opacity:1; -webkit-transition:opacity 333ms cubic-bezier(.215,.61,.355,1); transition:opacity 333ms cubic-bezier(.215,.61,.355,1); }
#header #socials ul li a:hover:after { opacity:.7; }
#header #socials ul li:nth-child(1) a:after { margin-left:-5px; background-position:50% 0; }
#header #socials ul li:nth-child(2) a:after { background-position:50% -64px; }
.opened #header { left:0; }
.opened #header .main-nav {opacity:1;filter:alpha(opacity=100)}
@media screen and (min-width:370px){
	#header .main-nav .menu>li>a{font-size:15px;letter-spacing:1px;}
}
@media screen and (min-width:760px){
	#header .main-nav .menu{left:30px;}
	#header .main-nav .menu{top:50%; margin-top: -150px;}
	#header #socials ul { left:20px;}
	#header{left:-200px;width:200px;}
	#header .main-nav .menu>li>a{font-size:13px;letter-spacing:2px;}
	#header .main-nav .menu>li>a:hover { color: #999 }
	.opened #header { left:75px; }
}
#mask { position: fixed; cursor: pointer; display: none; left:0; top:0; width:100px; height: 40px; z-index: 778; }
.opened #mask { display: block; }
/**/
#header-bar{position:fixed;left:0;top:-65px;width:100%;height:65px;background:#fff;z-index:777;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
#header-bar #logo{position:absolute;left:0;top:0;width:65px;height:65px;padding:0;z-index:800}
#header-bar #logo img { display: block; width: 100%; }
#header-bar #header_btn-menu { width:65px; height:65px; cursor:pointer; }
#header-bar #header_btn-menu .hamburger { position:absolute; right:50%; margin-right: -12px; top:30px; width:24px; height:16px; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); }
#header-bar #header_btn-menu .hamburger .line { position:absolute; top:0; left:0; width:100%; height:100%; margin-top:0; -ms-transform:translate(0,0%); -webkit-transform:translate3d(0,0%,0); transform:translate3d(0,0%,0); -webkit-transition:width 222ms cubic-bezier(.215,.61,.355,1)444ms,margin-top 222ms cubic-bezier(.215,.61,.355,1)222ms,-webkit-transform 222ms cubic-bezier(.215,.61,.355,1)222ms; transition:width 222ms cubic-bezier(.215,.61,.355,1)444ms,margin-top 222ms cubic-bezier(.215,.61,.355,1)222ms,transform 222ms cubic-bezier(.215,.61,.355,1)222ms; }
#header-bar #header_btn-menu .hamburger .line span { position:absolute; top:0; left:0; width:100%; height:2px; background-color:#444; -ms-transform:rotate(0); -webkit-transform:rotate(0)translate3d(0,0,0); transform:rotate(0)translate3d(0,0,0); -webkit-transition:-webkit-transform 222ms cubic-bezier(.215,.61,.355,1); transition:transform 222ms cubic-bezier(.215,.61,.355,1); }
#header-bar #header_btn-menu .hamburger .line:nth-child(2) { width:50%; margin-top:-1px; -ms-transform:translate(0,50%); -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0); }
#header-bar #header_btn-menu .hamburger .line:nth-child(3) { width:75%; margin-top:-2px; -ms-transform:translate(0,100%); -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); }
#header-bar #header_btn-menu .hamburger .line:nth-child(3) span { visibility:visible; -webkit-transition:visibility linear 222ms; transition:visibility linear 222ms; }
#header-bar #lang{position:absolute;right:0;bottom:0;width:65px;height:65px;padding:0;z-index:800}
#header-bar #lang a { display: block; margin:12px auto; text-align: center; width: 40px; height: 40px; background-color: #eee; color:#333; font-weight: 700; line-height: 40px; font-size: 15px; border-radius: 50%; }
.opened #header-bar #header_btn-menu .hamburger .line { margin-top:-1px; width:100%; -ms-transform:translate(0,50%); -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0); -webkit-transition:width 222ms cubic-bezier(.215,.61,.355,1),margin-top 222ms cubic-bezier(.215,.61,.355,1)222ms,-webkit-transform 222ms cubic-bezier(.215,.61,.355,1)222ms; transition:width 222ms cubic-bezier(.215,.61,.355,1),margin-top 222ms cubic-bezier(.215,.61,.355,1)222ms,transform 222ms cubic-bezier(.215,.61,.355,1)222ms; }
.opened #header-bar #header_btn-menu .hamburger .line span { -webkit-transition:-webkit-transform 222ms cubic-bezier(.215,.61,.355,1)444ms; transition:transform 222ms cubic-bezier(.215,.61,.355,1)444ms; }
.opened #header-bar #header_btn-menu .hamburger .line:nth-child(1) span { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg)translate3d(0,0,0); transform:rotate(45deg)translate3d(0,0,0); }
.opened #header-bar #header_btn-menu .hamburger .line:nth-child(2) span { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg)translate3d(0,0,0); transform:rotate(-45deg)translate3d(0,0,0); }
.opened #header-bar #header_btn-menu .hamburger .line:nth-child(3) span { visibility:hidden; -webkit-transition:visibility linear 444ms; transition:visibility linear 444ms; }
#header-bar.show{top:0}
@media screen and (min-width:480px){
	#header-bar{left:-75px;top:0;width:75px;height:100%;}
	#header-bar #logo{width:75px;height:75px;}
	#header-bar #lang{right:0;bottom:0;width:75px;height:75px;}
	#header-bar.show{left:0}
	#header-bar #header_btn-menu .hamburger { position:absolute; top:50%; margin-top: -10px; left:25px; right:auto; margin-right: 0; width:24px; height:16px;}
}


/**/
#super-wrapper{background-color:#eee;position:absolute;top:65px;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch}
#wrapper{position:absolute;top:0;left:0;width:100%}
@media screen and (min-width:480px){
	#super-wrapper {top:0;left:75px;}
}
/**/
.footer{overflow:hidden;height:0;background:#ccc;text-align:center;line-height:40px;-webkit-transition:opacity .4s linear .5s;-moz-transition:opacity .4s linear .5s;-o-transition:opacity .4s linear .5s;transition:opacity .4s linear .5s}
.footer .address{color:#fff;font-size:12px;font-style:italic}
.show .footer{height:40px}
.page-contact .footer,.single .footer{opacity:0;filter:alpha(opacity=0)}
.hero{margin:0;position:relative;width:100%;max-width:1920px;min-width:320px;height:600px;overflow:hidden;display:none;background-color:#000;}
.hero-img{position:absolute;margin:0;padding:0;width:100%;height:100%;}
.hero-img div{overflow:hidden;display:block;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:alpha(opacity=70);opacity: .7;}
.hero-title{text-align:center;color:#fff;visibility:hidden}
.hero-title h1{ font-size:28px;line-height:1;font-weight: 800; text-align:left;position:absolute;width:100%;padding:0 40px;bottom:120px;left:10;text-rendering:optimizeLegibility;}
.hero-title h1 img { display: block; max-width: 100%; }
.hero-title h1 span { display: inline-block; font-size: 16px;font-weight: 700; }
.hero-title .hero-title-bottom{display:block;position:absolute;width:100%;left:0;text-align:left}
.hero-title .hero-title-bottom h2{ display: none; font-weight:400;line-height:1.2;margin-bottom:10px}
@media screen and (min-width:768px){
	.hero-title h1{font-size:36px; padding:0 60px;}
	.hero-title h1 span { font-size: 22px; }
	.hero-title h1 img { max-width: 600px; }
	.hero-title .hero-title-bottom {padding:0 60px; bottom:80px;}
	.hero-title .hero-title-bottom h2 { display: block; font-size:14px;}
}
@media screen and (min-width:1080px){
	.hero-title h1{font-size:63px; padding:0 80px;}
	.hero-title h1 span { font-size: 32px; }
	.hero-title .hero-title-bottom {padding:0 80px;}
	.hero-title .hero-title-bottom h2 { font-size:18px; }
}
@-webkit-keyframes slide-in-up {0% {-webkit-transform: translateY(70px);transform: translateY(70px);opacity: 0;}100% {-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes slide-in-up {0% {-webkit-transform: translateY(70px);transform: translateY(70px);opacity: 0;}100% {-webkit-transform: none;transform: none;opacity: 1;}}
@media all and (min-width: 320px){
	.grid-container{margin:0;position: relative;display: block;width: 100%;}
	.grid-container .w66 {width: 100%}
	.grid-container .w66 iframe { display: block; width: 100%; height: 300px; }
	.grid-container .w50 {width: 100%}
	.grid-container .w33 {width: 100%}
	.grid-container .w25 {width: 50%; background-color: #fff;}
	.section-content{position:relative;margin:0;display:block;}
	.section-content:after{content:"";height:0;margin:0;display:block;clear:both}
	.primary-callout a,.secondary-callout a{position:absolute;top:0px;left:0px;width:100%;height:100%;background-image:url("about:blank");display:block}
	.primary-image-block,.secondary-image-block{position:relative;width:100%;display:block;background-color: #fff}
	.primary-text-block,.secondary-text-block{position:relative;width:100%;background-color:#fff;text-align:center;display:block}
	.ig-callout .secondary-text-block { background-color:#c6dbeb; }
	.fb-callout .secondary-text-block { background-color:#bccce7; }
	.primary-text-block h3,.secondary-text-block h3{margin:0 20px;padding:20px 0 5px;color:#333;position: relative;}
	.primary-text-block p,.secondary-text-block p{margin:0 20px 10px;padding:10px 0;color:#888;}
	.table{width:100%;height:100%;display:table}
	.table-cell{text-align:center;vertical-align:middle;display:table-cell}
	.parallax_bg{height: 220px; width: 100%; background: url(../img/hero.jpg) no-repeat center; background-size: cover; display: block; }
	.media-holder{position:relative;width:100%;height:0;padding:0 0 67%;overflow:hidden}
	.media-holder-y2{padding:0 0 134%;}
	.media-holder img,.media-holder iframe,.media-holder video,.media-holder embed{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden}
	.text-container { width: 100%; background-color: #efede9; }
	.margin-box {margin:0 20px; top:-20px; background-color: #fff;position: relative;display: block;z-index: 2;}
	.sub-title,.three-box .thirdry-text-block { padding:20px; }
	.sub-title h3,.three-box .thirdry-text-block h3 { margin:0 0 10px; }
	.three-box .thirdry-text-block li { font-size: 12px; margin:0 0 5px; }
	.three-box { border-top:1px solid #eee; }
	.w25 .media-holder { position: relative; border-top: 1px solid #eee; }
	.w25 .media-holder:after {content: " ";display: block; width: 100%; height: 12px; position: absolute; right: 0; bottom: 0; top: auto; left: auto; background: url(../img/arrow-top.png) center bottom;}
	.thirdry-text-block { height: 240px; padding:20px; text-align: left; }
	.thirdry-text-block .table-cell { text-align: left; }
	.thirdry-text-block hr { display: block; width: 100%; height: 1px; margin:20px 0; border:none; background-color: #eee; }
	.bl-gray { border-left: 1px solid #eee; }
	.menu-mobile-img { display: block; margin:0; }
	.menu-mobile-img img { display: block; width: 100%; }
}
@media all and (min-width: 768px){
	.primary-image-block{width:100%;-webkit-transform:translate3d(0, 0, 0);padding: 0;background-color: #eee;-webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;-ms-transition:background-color 250ms ease-out;-o-transition:background-color 250ms ease-out;transition:background-color 250ms ease-out}
	.primary-image-block img{opacity:1;-webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0);-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out}
	.primary-text-block{position:absolute;top:65%;right:15%;width:70%;height:25%;background-color: #eee;background-color: rgba(255,255,255,0.8);-webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;-ms-transition:background-color 250ms ease-out;-o-transition:background-color 250ms ease-out;transition:background-color 250ms ease-out}
	.primary-text-block h3{padding:0;}
	.primary-text-block p{max-width:none;margin:20px 40px 0;padding:0;color:#444}
	.primary-callout:hover .primary-image-block{background-color:#fff}
	.primary-callout:hover .primary-image-block img{ opacity:0.85;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
	.primary-callout:hover .primary-text-block{background-color:#fff}
	.primary-callout:hover .primary-text-block h3{color:#111}
	.primary-callout:hover .primary-text-block .view-site .arrow:before{margin-left:-4px;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
	.primary-callout:hover .primary-text-block .view-site .arrow:after{margin-left:-4px;-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
	.secondary-image-block{width:50%;-webkit-transform:translate3d(0, 0, 0);padding: 0;background-color: #eee;-webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;-ms-transition:background-color 250ms ease-out;-o-transition:background-color 250ms ease-out;transition:background-color 250ms ease-out}
	.secondary-image-block img{opacity:1;-webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out}
	.secondary-image-block:after { content: " ";display: block; width: 0; height: 0; position: absolute; top: 50%; margin-top: -12px; right: 0; bottom: auto; left: auto; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #eee transparent transparent; z-index: 2; -webkit-transition: border-color .3s; -moz-transition: border-color .3s; -o-transition: border-color .3s; transition: border-color .3s;}
	.secondary-text-block{position:absolute;top:0px;right:0px;width:50%;height:100%;background-color: #eee;-webkit-transition:background-color 250ms ease-out;-moz-transition:background-color 250ms ease-out;-ms-transition:background-color 250ms ease-out;-o-transition:background-color 250ms ease-out;transition:background-color 250ms ease-out}
	.secondary-text-block h3{padding:0;}
	.secondary-text-block p{max-width:none;margin:20px 40px 0;padding:0;color:#444}
	.secondary-turn .secondary-image-block{ float: right; }
	.secondary-turn .secondary-image-block:after { left:0; right: auto; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent #eee; }
	.secondary-turn .secondary-text-block { left:0; right:auto; }
	.secondary-callout:hover .secondary-image-block{background-color:#fff}
	.secondary-callout:hover .secondary-image-block img{opacity:0.85;-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
	.secondary-callout:hover .secondary-image-block:after {border-color: transparent #fff transparent transparent; }
	.secondary-turn.secondary-callout:hover .secondary-image-block:after { border-color: transparent transparent transparent #fff; }
	.secondary-callout:hover .secondary-text-block{background-color:#fff}
	.secondary-callout:hover .secondary-text-block h3{color:#111}
	.secondary-callout:hover .secondary-text-block .view-site .arrow:before{margin-left:-4px;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
	.secondary-callout:hover .secondary-text-block .view-site .arrow:after{margin-left:-4px;-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
	.ig-callout .secondary-text-block { background-color:#6d879b; }
	.ig-callout .secondary-image-block:after { border-color: transparent #6d879b transparent transparent; }
	.fb-callout .secondary-text-block { background-color:#627195; }
	.fb-callout .secondary-image-block:after { border-color: transparent #627195 transparent transparent; }
	.ig-callout .secondary-text-block h3,
	.ig-callout .secondary-text-block p,
	.fb-callout .secondary-text-block h3,
	.fb-callout .secondary-text-block p{color:#fff}
	.ig-callout:hover .secondary-text-block { background-color:#517fa4; }
	.ig-callout:hover .secondary-image-block:after { border-color: transparent #517fa4 transparent transparent; }
	.fb-callout:hover .secondary-text-block { background-color:#38518a; }
	.fb-callout:hover .secondary-image-block:after { border-color: transparent #38518a transparent transparent; }
	.secondary-callout:hover.ig-callout .secondary-text-block h3,
	.secondary-callout:hover.ig-callout .secondary-text-block p,
	.secondary-callout:hover.fb-callout .secondary-text-block h3,
	.secondary-callout:hover.fb-callout .secondary-text-block p{color:#fff}

	.margin-box { margin:0 40px; top:-40px; }
	.sub-title,.three-box .thirdry-text-block { padding:40px; }
	.sub-title h3,.three-box .thirdry-text-block h3 { margin:0 0 20px; }
	.three-box .thirdry-text-block li { font-size: 13px; margin:0 0 10px; }
}
@media all and (min-width: 1080px){
	.menu-mobile-img { display: none;}
	#menu-sandwich { background-image: url(../img/menu/sandwich.jpg); background-position:right center; background-size: 50% auto; background-repeat: no-repeat; background-color: #666; }
	#menu-salad { background-image: url(../img/menu/salad.jpg); background-position:left center; background-size: 50% auto; background-repeat: no-repeat; background-color: #666; }
	#menu-cafe { background-image: url(../img/drink/cafe.jpg); background-position:right center; background-size: 50% auto; background-repeat: no-repeat; background-color: #666; }
	#menu-cocktail { background-image: url(../img/drink/cocktail.jpg); background-position:left center; background-size: 50% auto; background-repeat: no-repeat; background-color: #666; }
	.grid-container .w66 {width: 66.6666%}
	.grid-container .w66 iframe { height: 400px; }
	.grid-container .w50 {width: 50%}
	.grid-container .w33 {width: 33.3333%}
	.grid-container .w25 {width: 25%}
	.margin-box { margin:0 60px; top:-60px; }
}

@media all and (min-width: 320px){
	.page-title { padding:30px 0; background-color: #444;}
	.about-page-title { background-color: #9eb0b7; }
	.menu-page-title { background-color: #a0a99c; }
	.drink-page-title { background-color: #aeb687; }
	.career-page-title { background-color: #494c59; }
	.page-title .title { font-size: 11px; color:#fff; font-weight: 700; }
	.page-title h2 { font-size: 14px; line-height: 1.6; color:#fff; width: 90%; margin: 0 auto; }
}
@media all and (min-width: 768px){
	.page-title { padding:60px 0;}
	.page-title .title { font-size: 15px; }
	.page-title h2 { font-size: 25px; }
}
@media all and (min-width: 320px){
	.bg-gr { background-color: #666 }
	.menu-table { width: 100%; margin:20px 0; }
	.menu-table td,.menu-table th { font-size: 11px; color:#fff; }
	.menu-table th { text-align: left; background:url(../img/dot.gif) center center repeat-x; }
	.menu-table th.menu-t { background:none; }
	.menu-table th h2 { margin: 20px auto; text-align: center; background-color: #666; padding: 0 30px; display: inline-block; }
	.menu-table th h3 { font-size: 12px; line-height: 1.9; background-color: #666; padding: 0 30px; display: inline-block; }
	.menu-table td { padding:2px 30px; text-align: right; font-weight: 700; width: 5%; }
	.menu-table td.menu-desc { text-align: left; padding:5px 30px 20px; font-weight: 400; width: 100%; }
}
@media all and (min-width: 768px){
	.menu-table td,.menu-table th { font-size: 12px;}
	.menu-table th h2 { font-size: 20px; }
	.menu-table th h3 { font-size: 13px;}
}
.white-in-box table { width: 100%; border-collapse: collapse;}
.white-in-box th,
.white-in-box td { padding: 15px; font-size: 14px; line-height: 1.9; text-align: left; vertical-align: middle; border: 1px solid #dcdcdc; width: 90%;}
.white-in-box th { padding: 10px 15px 7px; font-weight: 400; text-align: center; font-size: 13px; background-color: #fff; width: 10%;}
.white-in-box td { background-color: #fff; font-size: 12px;}
@media screen and (max-width: 520px) {
	.white-in-box th,
	.white-in-box td { display: block; float: none; border-bottom: none; width: 100%;}
}



@-webkit-keyframes slide-in-up {0% {-webkit-transform: translateY(20px);transform: translateY(20px);opacity: 0;}100% {-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes slide-in-up {0% {-webkit-transform: translateY(20px);transform: translateY(20px);opacity: 0;}100% {-webkit-transform: none;transform: none;opacity: 1;}}
.container{margin:0 auto; width: 300px; padding:40px 0;position:relative;}
.container h1{margin:0 20px 20px;text-align: center; text-transform:uppercase;font-weight:700;font-size: 20px;letter-spacing: 2px; line-height:2;color:#333;}
.container h1 span { font-weight: 400; }
.container #tags ul { margin: auto; max-width: 760px; text-align: center; width: 80%; padding-bottom: 33px;}
.container #tags li { display: inline-block; zoom: 1; vertical-align: top; font-size: 12px; line-height: 15px; letter-spacing: 1px; margin: 0 5px;}
.container #tags li a { color:#333; text-transform: uppercase; font-weight:300;}
.container #tags li a:hover { color:#999; }
.container #tags li.active a { color:#333; font-weight: 700; }
.container .works-grid{margin:0 auto;}
.container .item{width:150px; padding:10px;margin:0;float:left;overflow:hidden;position:relative;background:#fff}
.container .item a{display:block;height:100%;width:100%}
.container .item .thumb-img{position:relative;overflow:hidden;width:100%}
.container .item .thumb-img img { display: block; width: 100%; }
.container .item .thumb-text {position: relative; margin-top: 20px; padding-bottom: 20px}
.container .item .thumb-text:after,.container .item .thumb-text:before{display:block;content:'';width:100%;height:2px;background:#f9f9f9;position:absolute;bottom:0;left:0}
.container .item .thumb-text:after{width:0;background:#333;-webkit-transition:width .5s cubic-bezier(1,0,0,1);-moz-transition:width .5s cubic-bezier(1,0,0,1);-ms-transition:width .5s cubic-bezier(1,0,0,1);-o-transition:width .5s cubic-bezier(1,0,0,1);transition:width .5s cubic-bezier(1,0,0,1)}
.container .item .thumb-text h3{font-size:16px;line-height:20px;font-weight:700;margin:0 0 12px;color:#111;overflow: hidden;letter-spacing: 1px;}
.container .item .thumb-text .hover-title{position:absolute;top:0;bottom:0;left:0;width:0;overflow:hidden;-webkit-transition:width .5s cubic-bezier(1,0,0,1);-moz-transition:width .5s cubic-bezier(1,0,0,1);-ms-transition:width .5s cubic-bezier(1,0,0,1);-o-transition:width .5s cubic-bezier(1,0,0,1);transition:width .5s cubic-bezier(1,0,0,1)}
.container .item .thumb-text .hover-title span{width:300px;display: block;color:#333;}
.container .item .thumb-text p{line-height:1;margin:0;font-weight:300;font-size:10px;color:#444}
.container .news-grid { border-left:1px solid #eee; border-top:1px solid #eee; }
.container .item-double { width:300px; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.container .item-double h3 {font-size:16px;line-height:20px;font-weight:700;margin:0 0 12px;color:#111;overflow: hidden;letter-spacing: 1px;}
.container .item-double a { display: inline-block; width: auto; }
.container .item-double p { font-size: 13px; margin:10px 0;}
.container .item-double .date { font-size: 11px }
.container .item-double .date span { color:#999; display: inline-block; margin-right: 5px; }
.container .item-double img { display: block; width: 100%; margin:10px auto; }
@media screen and (min-width:360px){
	.container,#article {width: 340px;}
	.container .item{width:170px;}
	.container .item-double{width:340px;}
}
@media screen and (min-width:410px){
	.container,#article {width: 400px;}
	.container .item{width:200px;}
	.container .item-double{width:400px;}
}
@media screen and (min-width:480px){
	.container,#article {width: 440px;}
	.container .item{width:220px; padding:10px;}
	.container .item-double{width:440px;}
}
@media screen and (min-width:600px){
	.container,#article {width: 520px;}
	.container .item{width:260px; padding:20px;}
	.container .item-double{width:520px;}
}
@media screen and (min-width:760px){
	.container,#article {width: 750px;padding:40px 0;}
	.container h1{font-size: 40px}
	.container .item{width:250px;}
	.container .item-double{width:375px;}
	.container .item .thumb-text p{font-size:11px;letter-spacing:1px;}
}
@media screen and (min-width:970px){
	.container,#article {width: 860px; padding:40px;}
	.news-container { padding: 39px 39px 40px 40px; }
	.container .item{width:260px;}
	.container .item-double{width:390px;}
	.container .item .thumb-text h3,
	.container .item-double h3{font-size:20px;line-height:24px;letter-spacing: 1px;color:#999;}
	.container .item-double h3 { color: #333; }
	.container .item-double p { font-size: 14px; }
	.container .item .thumb-text .hover-title span{width:220px;}
	.container .item:hover .thumb-text .hover-title{width:100%}
	.container .item:hover .thumb-text:after{width:100%}
}
@media screen and (min-width:1070px){
	.container,#article {width: 980px;}
	.container .item{width:300px;}
	.container .item-double{width:450px;}
	.container .item .thumb-text .hover-title span{width:260px;}
}
@media screen and (min-width:1190px){
	.container,#article {width: 1120px;}
	.container .item{width:260px;}
	.container .item-double{width:520px; padding:15px;}
	.container .item .thumb-text .hover-title span{width:220px;}
}
@media screen and (min-width:1350px){
	.container,#article {width: 1280px;}
	.container .item{width:300px;}
	.container .item-double{width:600px;}
	.container .item .thumb-text .hover-title span{width:260px;}
}
@media screen and (min-width:1450px){
	.container,#article {width: 1380px;}
	.container .item{width:260px;}
	.container .item-double{width:433px;}
	.container .item .thumb-text .hover-title span{width:220px;}
}
@media screen and (min-width:1550px){
	.container,#article {width: 1480px;}
	.container .item{width:280px;}
	.container .item-double{width:466px;}
	.container .item .thumb-text .hover-title span{width:240px;}
}
@media screen and (min-width:1650px){
	.container,#article {width: 1580px;}
	.container .item{width:300px;}
	.container .item-double{width:500px;}
	.container .item .thumb-text .hover-title span{width:260px;}
}
@media screen and (min-width:1750px){
	.container,#article {width: 1640px;}
	.container .item{width:260px;}
	.container .item-double{width:520px;}
	.container .item .thumb-text .hover-title span{width:220px;}
}
@media screen and (min-width:1850px){
	.container,#article {width: 1760px;}
	.container .item{width:280px;}
	.container .item-double{width:560px;}
	.container .item .thumb-text .hover-title span{width:240px;}
}
@media screen and (min-width:1950px){
	.container,#article {width: 1880px;}
	.container .item{width:300px;}
	.container .item-double{width:600px;}
	.container .item .thumb-text .hover-title span{width:260px;}
}
@media screen and (min-width:1970px){
	.container,#article {width: 1900px;}
	.container .item{width:260px;}
	.container .item-double{width:606px;}
	.container .item .thumb-text .hover-title span{width:220px;}
}
@media screen and (min-width:2040px){
	.container,#article {width: 1970px;}
	.container .item{width:270px;}
	.container .item-double{width:630px;}
	.container .item .thumb-text .hover-title span{width:230px;}
}
@media screen and (min-width:2150px){
	.container,#article {width: 2080px;}
	.container .item{width:280px;}
	.container .item-double{width:500px;}
	.container .item .thumb-text .hover-title span{width:240px;}
}
@media screen and (min-width:2240px){
	.container,#article {width: 2160px;}
	.container .item{width:260px;}
	.container .item-double{width:520px;}
	.container .item .thumb-text .hover-title span{width:220px;}
}
@media screen and (min-width:2310px){
	.container,#article {width: 2240px;}
	.container .item{width:270px;}
	.container .item-double{width:540px;}
	.container .item .thumb-text .hover-title span{width:230px;}
}
@media screen and (min-width:2390px){
	.container,#article {width: 2320px;}
	.container .item{width:280px;}
	.container .item-double{width:560px;}
	.container .item .thumb-text .hover-title span{width:240px;}
}
@media screen and (min-width:2490px){
	.container,#article {width: 2420px;}
	.container .item{width:260px;}
	.container .item-double{width:585px;}
	.container .item .thumb-text .hover-title span{width:220px;}
}

.single-pages table { width: 100%; border-collapse: collapse;}
.single-pages th,
.single-pages td { padding: 15px; font-size: 14px; line-height: 1.9; text-align: left; vertical-align: middle; border: 1px solid #dcdcdc;}
.single-pages th { width: 20%; min-width: 100px; padding: 10px 15px 7px; font-weight: normal; text-align: center; font-size: 13px; background-color: #eee;}
.single-pages .thSpecial { text-align: left;}
.single-pages td { background-color: #fff; font-size: 12px;}
.single-pages td ul { margin-left: 2em;}
.single-pages td ul li {list-style-type: disc; margin-bottom: 4px; line-height: 1.5;}
@media screen and (max-width: 520px) {
	.single-pages th,
	.single-pages td { width: 100%; display: block; float: none; border-bottom: none; }
}