/*@import url(http://fonts.googleapis.com/css?family=Cinzel:400,700,900);*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid#c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* apply a natural box layout model to all elements */ * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /*-- Images - - - - - - - - - - - - - - - - - - - --*/ body > ul:first-child li a { background-repeat:no-repeat; background-image:url(/_resources/graphics/sprite.svg); } body > ul:first-child li:first-child a { background-position:right -400px; opacity:0.6; } body > ul:first-child li:last-child a { background-position:-140px -306px; } /*-- Typography - - - - - - - - - - - - - - - - - --*/ @font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 400; src: local('Cinzel-Regular'), url (/_resources/vendor/cinzel/v4/i2BwM1Eq2JyiNOY_VrkubOvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'), url (/_resources/vendor/cinzel/v4/PPYkMH2Vr9iqUFBaz60XpevvDin1pK8aKteLpeZ5c0A.woff) format('woff'); } @font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 700; src: local('Cinzel-Bold'), url(/_resources/vendor/cinzel/v4/L74890HNVnUypqWjqGUt1ZBw1xU1rKptJj_0jans920.woff2) format('woff2'), url(/_resources/vendor/cinzel/v4/L74890HNVnUypqWjqGUt1bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'); } @font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 900; src: local('Cinzel-Black'), url (/_resources/vendor/cinzel/v4/u8CPqNcpTcF_eDy_SWp9tZBw1xU1rKptJj_0jans920.woff2) format('woff2'), url (/_resources/vendor/cinzel/v4/u8CPqNcpTcF_eDy_SWp9tbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'); } body { color:#404752; font-size:16px; font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } div[role=navigation], div[role=navigation] a { color:#404752; } div[role=navigation] a { font-weight:bold; } div[role=main] a { color:#06a7b5; } div[role=navigation] a:hover, div[role=main] a:hover { color:#f16a23; } /*div[role=navigation] > div:last-child a { font-weight:bold; font-size:16px; } div[role=navigation] > div:last-child a:hover, div[role=navigation] > div:last-child li > strong { color:#ffffff; }*/ div[role~=banner] h1 > span + span { font-size:16px; } h1,h2,h3,h4,h5,h6 { font-family:'Cinzel',serif; } h3,h4,h5,h6 { font-weight:400; } a.blocklink:hover, a.blocklink:hover > * { text-decoration:underline; } .button:hover, .button-general:hover, .button-continue:hover, .button-find:hover { color:#ffffff; } .button.disabled, .button-general.disabled, .button-continue.disabled, .button-general.disabled:hover, .button-continue.disabled:hover, .button-find.disabled:hover { color:#cccccc; } input.error, textarea.error, select.error, span.error { color:#c9331a;} /*-- Design - - - - - - - - - - - - - - - - - - - --*/ body { min-width:320px; background-color:#ffffff; } body > ul:first-child { overflow:hidden; position:relative; height:80px; line-height:80px; margin:0; padding:0; background-color:#616e70; border-bottom:24px solid #00a9c6; -webkit-box-shadow: 0 4px 6px -2px #b6bcbc; box-shadow: 0 4px 6px -2px #b6bcbc; } body > ul:first-child li { list-style:none; } body > ul:first-child li:first-child { position:absolute; right:0; width:20%; } body > ul:first-child a, body > ul:first-child span { display:block; text-indent:-9999px; } body > div { } h1,h2,h3,h4,h5,h6 { margin-bottom:8px; text-align:left; } div[role=navigation] { padding:20px; margin:20px; background-color:#b6bcbc; border-radius:5px; } div[role=navigation] ul { margin:0; padding:0; } div[role=navigation] li { list-style:none; } div[role=navigation] a { display:block; padding:8px 10px 10px; margin: 5px 0; margin-bottom:20px; border:1px solid #fff; border-radius:3px; text-align:center; } div[role=navigation] > div + div { display:none; } div[role=main] { padding-top:10px; } div[role=main] > div > h1, div[role=main] > div + div { max-width:1200px; padding:0 20px; margin:0 auto; } div[role=main] > div:first-child { background-color:#e2e4e4; } .home-banner { display:none; } .display { overflow:hidden; } .display.single, .display.half, .display.third { min-height:200px; padding:5px 8px; margin:0 4px 16px; } .display h3 { } .display img { display:none; width:100%; } .display.full img, .display.single img { display:block; } a.blocklink { display:block; min-height:200px; margin:0 4px 16px; text-align:center; border:4px solid #00a9c6; border-radius:5px; } a.blocklink:hover { border-color:#f16a23; } a.blocklink span { display:inline-block; width:95%; padding:5px 2px 16px; text-align:left; } a.blocklink h3 { display:block; overflow:hidden; } .display .blocklink img { display:block; } form.contactus { } form.contactus label { display:block; margin-bottom:16px; white-space:nowrap; } form.contactus textarea, form.contactus select, form.contactus input { width:80%; padding:4px; margin:3px 0; border:1px solid #e2e4e4; border-radius:2px; resize:none; } form.contactus textarea + span, form.contactus select + span, form.contactus input + span { display:inline-block; width:20%; padding:4px; margin:3px 0; vertical-align:top; } .thankyou { display:block; padding:20px; background-color:#b7f5ff; border:1px solid #00a9c5; border-radius:3px; } img.email { display:inline !important; width:auto; } /*-- General & JS - - - - - - - - - - - - - - - - - - - --*/ .button, .button-general, .button-continue, .button-find { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; line-height:40px; padding:5px 10px; border:1px solid #0C0C0C; border-radius:3px 3px 3px 3px; min-width:160px; text-align:center; } .button { border-color:#7ba3c5; background-color:rgba(241,239,239,0.7); } .button-continue { border-color:#007600; background-color:#a7e36c; } .button-general, .button-find { background-color:#fde857; } .button:hover, .button-general:hover, .button-continue:hover, .button-find:hover { border-color:#0C0C0C; /*background-color:#142146;*/ background-color:#333333; } .button.disabled, .button-general.disabled, .button-continue.disabled, .button-find.disabled { cursor:default; filter:none; background-image:none; background-color:#efefef; border: 1px solid #b3b2b2; } .button, .button-general, .button-continue, .button-find { display:block; width:100%; margin:5px 0; } input.error, textarea.error, select.error { } span.error { } p.center { text-align:center; } .columns > * { } .columns > :first-child { margin-left:0; } .columns > :last-child { margin-right:0; } .fadein { opacity:0; -moz-animation:fadein .25s ease-in forwards; -webkit-animation:fadein .25s ease-in forwards; -o-animation:fadein .25s ease-in forwards; animation:fadein .25s ease-in forwards; -moz-animation-delay:.25s; -webkit-animation-delay:.25s; -o-animation-delay:.25s; animation-delay:.25s; } @-webkit-keyframes fadein { 0%{opacity:0} 100%{opacity:1} } @-moz-keyframes fadein { 0%{opacity:0} 100%{opacity:1} } @-o-keyframes fadein { 0%{opacity:0} 100%{opacity:1} } @keyframes fadein { 0%{opacity:0} 100%{opacity:1} } /*-- Media >= 480px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --*/ @media only screen and (min-width: 30em) { /*-- Images - - - - - - - - - - - - - - - - - - - --*/ /*-- Typography - - - - - - - - - - - - - - - - - --*/ /*-- Design - - - - - - - - - - - - - - - - - - - --*/ .display.half, .display.third { width:48%; } .display.full { margin-bottom:30px; -webkit-box-shadow: 0 4px 6px -2px #b6bcbc; box-shadow: 0 4px 6px -2px #b6bcbc; } .display.half img, .display.third img { display:block; } /*-- General- - - - - - - - - - - - - - - - - - - --*/ .columns { width:100%; margin:0 auto; } .columns > * { display:inline-block; text-align:left; text-space:normal; vertical-align:top; } } /*-- Media >= 700px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --*/ @media only screen and (min-width: 43.75em) { /*-- Images - - - - - - - - - - - - - - - - - - - --*/ /*.home-banner { background-image: url(/_resources/graphics/company-production-full.jpg); background-attachment:fixed; background-repeat:no-repeat; background-size:100% 50%; background-position-y:10px; background-position:100% inherit; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }*/ /*-- Typography - - - - - - - - - - - - - - - - - --*/ body { font-size:18px; } /*-- Design - - - - - - - - - - - - - - - - - - - --*/ .home-banner { display:block; /*min-height:270px;*/ border-bottom:12px solid #404752; } /*.home-banner:before { transform: translateZ(-1px) scale(2); }*/ .home-banner img { width:100%; /*border-bottom:12px solid #404752;*/ } .display.third { width:32%; } /*-- General- - - - - - - - - - - - - - - - - - - --*/ .button, .button-general, .button-continue, .button-find { display:inline-block; width:auto; line-height:30px; } .hcenter { text-align:center; } } /*-- Media >= 768px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --*/ @media only screen and (min-width: 48em) { /*-- Images - - - - - - - - - - - - - - - - - - - --*/ #navigation { background-repeat:no-repeat; background-image:url(/_resources/graphics/sprite.svg); } #navigation { background-position:-140px -290px; } /*-- Typography - - - - - - - - - - - - - - - - - --*/ #navigation a, div[role=navigation] > div + div > ul strong { font-family:'Cinzel',serif; font-size:20px; } div[role=navigation] > div a { font-weight:normal; } div[role=navigation] > div:last-child a { text-decoration:none; } div[role=navigation] > div:last-child a:hover { text-decoration:underline; } #navigation a { color:#fff; text-decoration:none; font-weight:normal; } #navigation a:hover { color:#e2e4e4; text-decoration:underline; } /*div[role=navigation] a:hover, div[role=main] a:hover, div[role=main] a.desclink:hover h3, div[role=main] a.desclink:hover strong { color:#f16a23; }*/ h1 { font-size:2.5em; } h3,h4,h5,h6 { font-weight:700; } /*-- Design - - - - - - - - - - - - - - - - - - - --*/ body > ul:first-child { display:none; } /* body > ul:first-child { position:absolute; top:-1px; left:0; width:300px; height:80px; line-height:80px; text-align:center; } body > ul:first-child li:first-child { position:absolute; right:inherit; width:100%; } body > ul:first-child li:first-child a { display:inline-block; position:relative; top:-1px; width:1px; height:1px; overflow:hidden; opacity:inherit; } body > ul:first-child li:first-child a span { text-indent:0; } body > ul:first-child li:first-child a:focus { width:100%; height:auto; padding:0 10px; z-index:99; background:#ffffff; } body > ul li:last-child { display:none; } */ div[role=navigation] { margin:40px 0 0; padding:20px 0 0; border-radius:0; background-color: #fff; background-image: -webkit-linear-gradient(top, #fff, #e2e4e4); background-image: linear-gradient(to bottom, #fff, #e2e4e4); } div[role=navigation] a { display:inline-block; padding:0; margin:0; margin-bottom:20px; border-width:0; } div[role=navigation] > div + div { display:block; } div[role=navigation] > div + div > ul { max-width:1200px; padding:0 20px; margin:0 auto; text-align:center; } div[role=navigation] > div + div > ul > li { display:inline-block; width:31%; vertical-align:top; text-align:left; } div[role=navigation] > div + div > ul strong { display:block; text-align:center; } div[role=navigation] > div + div > ul p { padding:0 6px; } div[role=navigation] > div:nth-child(2) { /*-webkit-box-shadow: 0 4px 6px -2px #b6bcbc; box-shadow: 0 4px 6px -2px #b6bcbc;*/ } div[role=navigation] > div:nth-child(2) > ul { -webkit-box-shadow: 0 4px 6px -4px #b6bcbc; box-shadow: 0 4px 6px -4px #b6bcbc; } div[role=navigation] > div:nth-child(2) > ul ul { margin-left:8px; } div[role=navigation] > div:last-child { padding:20px 0; } div[role=navigation] > div:last-child > ul > li { width:48%; } div[role=navigation] > div:last-child > ul > li:last-child { text-align:right; } div[role=navigation] > div:first-child { position:absolute; top:0; width:100%; background-color:#616e70; border-bottom:24px solid #00a9c6; -webkit-box-shadow: 0 4px 6px -2px #b6bcbc; box-shadow: 0 4px 6px -2px #b6bcbc; } #navigation { position:relative; min-height:110px; max-width:1200px; padding:20px 20px 0; margin:0 auto; text-align:right; } #navigation > li { display:inline-block; margin:0 10px; } #navigation > li:last-child { margin-right:0; } div[role=main] { padding:145px 0 40px; min-height:650px; -webkit-box-shadow: 0 4px 6px -2px #b6bcbc; box-shadow: 0 4px 6px -2px #b6bcbc; } .display img { border-radius:2px; } .display.full { margin-bottom:50px; } .display.single { position:relative; min-height:200px; /*border-bottom:1px solid #b6bcbc;*/ -webkit-box-shadow: 0 4px 6px -4px #b6bcbc; box-shadow: 0 4px 6px -4px #b6bcbc; padding:30px 0 0; } /* .display.single h2, .display.single p, .display.single img { width:48%; } .display.single h2 { margin:0; } .display.single img, .display.single.right img { position:absolute; right:0; } */ .display.single > div, .display.single > img { width:48%; } .display.single h2 { margin:0; } .display.single img, .display.single.right img { position:absolute; right:0; } .display.single.left { text-align:right; } .display.single.left img { position:relative; float:left; } .display.single.left > div { display:inline-block; text-align:left; } /* .display.single.left { text-align:right; } .display.single.left img { position:relative; float:left; text-align:left; } .display.single.left h2, .display.single.left p { display:inline-block; text-align:left; } */ a.blocklink { border-width:0; } /*-- General- - - - - - - - - - - - - - - - - - - --*/ .columns { text-align:center; white-space:nowrap; } .columns > * { white-space:normal; } } /*-- Media >= 850px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --*/ @media only screen and (min-width: 53.12em) { /*-- Images - - - - - - - - - - - - - - - - - - - --*/ #navigation { background-position:-45px -150px; } /*-- Typography - - - - - - - - - - - - - - - - - --*/ /*-- Design - - - - - - - - - - - - - - - - - - - --*/ } /*-- Media >= 910px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --*/ @media only screen and (min-width: 56.87em) { /*-- Images - - - - - - - - - - - - - - - - - - - --*/ #navigation { background-position:10px -3px; } /*-- Typography - - - - - - - - - - - - - - - - - --*/ /*-- Design - - - - - - - - - - - - - - - - - - - --*/ } /*-- Media >= 980px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --*/ @media only screen and (min-width: 61.25em) { /*-- Images - - - - - - - - - - - - - - - - - - - --*/ /*-- Typography - - - - - - - - - - - - - - - - - --*/ /*-- Design - - - - - - - - - - - - - - - - - - - --*/ } /*-- Media >= 1200px - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - --*/ @media only screen and (min-width: 75em) { /*-- Images - - - - - - - - - - - - - - - - - - - --*/ /*-- Typography - - - - - - - - - - - - - - - - - --*/ /*-- Design - - - - - - - - - - - - - - - - - - - --*/ .display.single { min-height:300px; } } /*-- IE Specific - - - - - - - - - - - - - - - - - - - --*/