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

audio,canvas,video {
display:inline-block;
*display:inline;
*zoom:1
}

audio:not([controls]) {
display:none;
height:0
}

[hidden] {
display:none
}

html {
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}

html,button,input,select,textarea {
font-family:sans-serif
}

body {
margin:0
}

a:focus {
outline:thin dotted
}

a:active,a:hover {
outline:0
}

h1 {
font-size:2em;
margin:.67em 0
}

h2 {
font-size:1.5em;
margin:.83em 0
}

h3 {
font-size:1.17em;
margin:1em 0
}

h4 {
font-size:1em;
margin:1.33em 0
}

h5 {
font-size:.83em;
margin:1.67em 0
}

h6 {
font-size:.67em;
margin:2.33em 0
}

abbr[title] {
border-bottom:1px dotted
}

b,strong {
font-weight:700
}

blockquote {
margin:1em 40px
}

dfn {
font-style:italic
}

hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0
}

mark {
background:#ff0;
color:#000
}

p,pre {
margin:1em 0
}

code,kbd,pre,samp {
font-family:monospace,serif;
_font-family:'courier new',monospace;
font-size:1em
}

pre {
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word
}

q {
quotes:none
}

q:before,q:after {
content:'';
content:none
}

small {
font-size:80%
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup {
top:-.5em
}

sub {
bottom:-.25em
}

dl,menu,ol,ul {
margin:1em 0
}

dd {
margin:0 0 0 40px
}

menu,ol,ul {
padding:0 0 0 40px
}

nav ul,nav ol {
list-style:none;
list-style-image:none
}

img {
border:0;
-ms-interpolation-mode:bicubic
}

svg:not(:root) {
overflow:hidden
}

figure {
margin:0
}

form {
margin:0
}

fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}

legend {
border:0;
padding:0;
white-space:normal;
*margin-left:-7px
}

button,input,select,textarea {
font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:middle
}

button,input {
line-height:normal
}

button,select {
text-transform:none
}

button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
*overflow:visible
}

button[disabled],html input[disabled] {
cursor:default
}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0;
*height:13px;
*width:13px
}

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
}

button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0
}

textarea {
overflow:auto;
vertical-align:top
}

table {
border-collapse:collapse;
border-spacing:0
}
html,button,input,select,textarea {
color:#222
}

body {
font-size:1em;
line-height:1.4
}

::-moz-selection {
background:#b3d4fc;
text-shadow:none
}

::selection {
background:#b3d4fc;
text-shadow:none
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0
}

img {
vertical-align:middle
}

fieldset {
border:0;
margin:0;
padding:0
}

textarea {
resize:vertical
}

.chromeframe {
margin:.2em 0;
background:#ccc;
color:#000;
padding:.2em 0
}

.ir {
background-color:transparent;
border:0;
overflow:hidden;
*text-indent:-9999px
}

.ir:before {
content:"";
display:block;
width:0;
height:150%
}

.hidden {
display:none!important;
visibility:hidden
}

.visuallyhidden {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto
}

.invisible {
visibility:hidden
}

.clearfix:before,.clearfix:after {
content:" ";
display:table
}

.clearfix:after {
clear:both
}

.clearfix {
*zoom:1
}

@media print {
* {
background:transparent!important;
color:#000!important;
box-shadow:none!important;
text-shadow:none!important
}

a,a:visited {
text-decoration:underline
}

a[href]:after {
content:" (" attr(href) ")"
}

abbr[title]:after {
content:" (" attr(title) ")"
}

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
content:""
}

pre,blockquote {
border:1px solid #999;
page-break-inside:avoid
}

thead {
display:table-header-group
}

tr,img {
page-break-inside:avoid
}

img {
max-width:100%!important
}

@page {
margin:.5cm
}

p,h2,h3 {
orphans:3;
widows:3
}

h2,h3 {
page-break-after:avoid
}
}
@charset "UTF-8";

.full {
width:100%
}

.half {
width:50%
}

.third {
width:33%
}

.quarter {
width:25%
}

.fifth {
width:20%
}

.grid {
margin-left:auto;
margin-right:auto;
width:960px
}

.grid .col1,.grid .col2,.grid .col3,.grid .col4,.grid .col5,.grid .col6,.grid .col7,.grid .col8,.grid .col9,.grid .col10,.grid .col11,.grid .col12,.grid .col13,.grid .col14,.grid .col15,.grid .col16,.grid .col17,.grid .col18 {
display:inline;
float:left;
position:relative;
margin-left:10px;
margin-right:10px
}

.grid .col1.glued,.grid .col1.group,.grid .col1.glued,.grid .col2.group,.grid .col1.glued,.grid .col3.group,.grid .col1.glued,.grid .col4.group,.grid .col1.glued,.grid .col5.group,.grid .col1.glued,.grid .col6.group,.grid .col1.glued,.grid .col7.group,.grid .col1.glued,.grid .col8.group,.grid .col1.glued,.grid .col9.group,.grid .col1.glued,.grid .col10.group,.grid .col1.glued,.grid .col11.group,.grid .col1.glued,.grid .col12.group,.grid .col1.glued,.grid .col13.group,.grid .col1.glued,.grid .col14.group,.grid .col1.glued,.grid .col15.group,.grid .col1.glued,.grid .col16.group,.grid .col1.glued,.grid .col17.group,.grid .col1.glued,.grid .col18.group {
margin-left:0;
margin-right:0
}

.grid .col1.glued-left,.grid .col2.glued-left,.grid .col3.glued-left,.grid .col4.glued-left,.grid .col5.glued-left,.grid .col6.glued-left,.grid .col7.glued-left,.grid .col8.glued-left,.grid .col9.glued-left,.grid .col10.glued-left,.grid .col11.glued-left,.grid .col12.glued-left,.grid .col13.glued-left,.grid .col14.glued-left,.grid .col15.glued-left,.grid .col16.glued-left,.grid .col17.glued-left,.grid .col18.glued-left {
margin-left:0
}

.grid .col1.glued-right,.grid .col2.glued-right,.grid .col3.glued-right,.grid .col4.glued-right,.grid .col5.glued-right,.grid .col6.glued-right,.grid .col7.glued-right,.grid .col8.glued-right,.grid .col9.glued-right,.grid .col10.glued-right,.grid .col11.glued-right,.grid .col12.glued-right,.grid .col13.glued-right,.grid .col14.glued-right,.grid .col15.glued-right,.grid .col16.glued-right,.grid .col17.glued-right,.grid .col18.glued-right {
margin-right:0
}

.grid .push1,.grid .pull1,.grid .push2,.grid .pull2,.grid .push3,.grid .pull3,.grid .push4,.grid .pull4,.grid .push5,.grid .pull5,.grid .push6,.grid .pull6,.grid .push7,.grid .pull7,.grid .push8,.grid .pull8,.grid .push9,.grid .pull9,.grid .push10,.grid .pull10,.grid .push11,.grid .pull11,.grid .push12,.grid .pull12 {
position:relative
}

.grid .alpha {
margin-left:0
}

.grid .omega {
margin-right:0
}

.grid .col1 {
width:60px
}

.grid .col2 {
width:140px
}

.grid .col3 {
width:220px
}

.grid .col4 {
width:300px
}

.grid .col5 {
width:380px
}

.grid .col6 {
width:460px
}

.grid .col7 {
width:540px
}

.grid .col8 {
width:620px
}

.grid .col9 {
width:700px
}

.grid .col10 {
width:780px
}

.grid .col11 {
width:860px
}

.grid .col12 {
width:940px
}

.grid .col13 {
width:1020px
}

.grid .col14 {
width:1100px
}

.grid .col15 {
width:1180px
}

.grid .col16 {
width:1260px
}

.grid .col17 {
width:1340px
}

.grid .col18 {
width:1420px
}

.grid .col1.glued,.grid .col1.group {
width:80px
}

.grid .col1.glued,.grid .col2.group {
width:160px
}

.grid .col1.glued,.grid .col3.group {
width:240px
}

.grid .col1.glued,.grid .col4.group {
width:320px
}

.grid .col1.glued,.grid .col5.group {
width:400px
}

.grid .col1.glued,.grid .col6.group {
width:480px
}

.grid .col1.glued,.grid .col7.group {
width:560px
}

.grid .col1.glued,.grid .col8.group {
width:640px
}

.grid .col1.glued,.grid .col9.group {
width:720px
}

.grid .col1.glued,.grid .col10.group {
width:800px
}

.grid .col1.glued,.grid .col11.group {
width:880px
}

.grid .col1.glued,.grid .col12.group {
width:960px
}

.grid .col1.glued,.grid .col13.group {
width:1040px
}

.grid .col1.glued,.grid .col14.group {
width:1120px
}

.grid .col1.glued,.grid .col15.group {
width:1200px
}

.grid .col1.glued,.grid .col16.group {
width:1280px
}

.grid .col1.glued,.grid .col17.group {
width:1360px
}

.grid .col1.glued,.grid .col18.group {
width:1440px
}

.grid .col1.glued-left,.grid .col1.glued-right {
width:70px
}

.grid .col2.glued-left,.grid .col2.glued-right {
width:150px
}

.grid .col3.glued-left,.grid .col3.glued-right {
width:230px
}

.grid .col4.glued-left,.grid .col4.glued-right {
width:310px
}

.grid .col5.glued-left,.grid .col5.glued-right {
width:390px
}

.grid .col6.glued-left,.grid .col6.glued-right {
width:470px
}

.grid .col7.glued-left,.grid .col7.glued-right {
width:550px
}

.grid .col8.glued-left,.grid .col8.glued-right {
width:630px
}

.grid .col9.glued-left,.grid .col9.glued-right {
width:710px
}

.grid .col10.glued-left,.grid .col10.glued-right {
width:790px
}

.grid .col11.glued-left,.grid .col11.glued-right {
width:870px
}

.grid .col12.glued-left,.grid .col12.glued-right {
width:950px
}

.grid .col13.glued-left,.grid .col13.glued-right {
width:1030px
}

.grid .col14.glued-left,.grid .col14.glued-right {
width:1110px
}

.grid .col15.glued-left,.grid .col15.glued-right {
width:1190px
}

.grid .col16.glued-left,.grid .col16.glued-right {
width:1270px
}

.grid .col17.glued-left,.grid .col17.glued-right {
width:1350px
}

.grid .col18.glued-left,.grid .col18.glued-right {
width:1430px
}

.grid .prefix1 {
padding-left:80px
}

.grid .prefix2 {
padding-left:160px
}

.grid .prefix3 {
padding-left:240px
}

.grid .prefix4 {
padding-left:320px
}

.grid .prefix5 {
padding-left:400px
}

.grid .prefix6 {
padding-left:480px
}

.grid .prefix7 {
padding-left:560px
}

.grid .prefix8 {
padding-left:640px
}

.grid .prefix9 {
padding-left:720px
}

.grid .prefix10 {
padding-left:800px
}

.grid .prefix11 {
padding-left:880px
}

.grid .prefix12 {
padding-left:960px
}

.grid .prefix13 {
padding-left:1040px
}

.grid .prefix14 {
padding-left:1120px
}

.grid .prefix15 {
padding-left:1200px
}

.grid .prefix16 {
padding-left:1280px
}

.grid .prefix17 {
padding-left:1360px
}

.grid .suffix1 {
padding-right:80px
}

.grid .suffix2 {
padding-right:160px
}

.grid .suffix3 {
padding-right:240px
}

.grid .suffix4 {
padding-right:320px
}

.grid .suffix5 {
padding-right:400px
}

.grid .suffix6 {
padding-right:480px
}

.grid .suffix7 {
padding-right:560px
}

.grid .suffix8 {
padding-right:640px
}

.grid .suffix9 {
padding-right:720px
}

.grid .suffix10 {
padding-right:800px
}

.grid .suffix11 {
padding-right:880px
}

.grid .suffix12 {
padding-right:960px
}

.grid .suffix13 {
padding-right:1040px
}

.grid .suffix14 {
padding-right:1120px
}

.grid .suffix15 {
padding-right:1200px
}

.grid .suffix16 {
padding-right:1280px
}

.grid .suffix17 {
padding-right:1360px
}

.grid .push1 {
left:80px
}

.grid .push2 {
left:160px
}

.grid .push3 {
left:240px
}

.grid .push4 {
left:320px
}

.grid .push5 {
left:400px
}

.grid .push6 {
left:480px
}

.grid .push7 {
left:560px
}

.grid .push8 {
left:640px
}

.grid .push9 {
left:720px
}

.grid .push10 {
left:800px
}

.grid .push11 {
left:880px
}

.grid .push12 {
left:960px
}

.grid .push13 {
left:1040px
}

.grid .push14 {
left:1120px
}

.grid .push15 {
left:1200px
}

.grid .push16 {
left:1280px
}

.grid .push17 {
left:1360px
}

.grid .pull1 {
left:-80px
}

.grid .pull2 {
left:-160px
}

.grid .pull3 {
left:-240px
}

.grid .pull4 {
left:-320px
}

.grid .pull5 {
left:-400px
}

.grid .pull6 {
left:-480px
}

.grid .pull7 {
left:-560px
}

.grid .pull8 {
left:-640px
}

.grid .pull9 {
left:-720px
}

.grid .pull10 {
left:-800px
}

.grid .pull11 {
left:-880px
}

.grid .pull12 {
left:-960px
}

.grid .pull13 {
left:-1040px
}

.grid .pull14 {
left:-1120px
}

.grid .pull15 {
left:-1200px
}

.grid .pull16 {
left:-1280px
}

.grid .pull17 {
left:-1360px
}

.alpha {
margin-left:0
}

.omega {
margin-right:0
}

.heightfix {
display:block;
float:left
}

.clear {
clear:both!important;
display:block!important;
overflow:hidden!important;
visibility:hidden!important;
width:0!important;
height:0!important
}

.grid:after,.grid .ie-after,.clearfix:before,.clearfix .ie-before,.clearfix:after,.clearfix .ie-after {
content:'';
display:block!important;
overflow:hidden!important;
visibility:hidden!important;
width:0!important;
height:0!important
}

.clearfix {
zoom:1
}

.grid:after,.grid .ie-after,.clearfix:after,.clearfix .ie-after,.heightfix:after,.heightfix .ie-after {
clear:both!important;
float:none!important
}

.lt-ie8 .grid,.lt-ie8 .clearfix,.lt-ie8 .heightfix {
zoom:expression(this.runtimeStyle.zoom="1",this.insertBefore(document.createElement(div),this.firstChild).className="ie-before",this.appendChild(document.createElement(div)).className="ie-after")
}
@charset "UTF-8";

.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
padding:0;
margin:0;
border:0;
outline:none;
vertical-align:top
}

.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:8020
}

.fancybox-skin {
position:relative;
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}

.fancybox-opened {
z-index:8030
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5)
}

.fancybox-outer,.fancybox-inner {
position:relative
}

.fancybox-inner {
overflow:hidden
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch
}

.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:15px;
white-space:nowrap
}

.fancybox-image,.fancybox-iframe {
display:block;
width:100%;
height:100%
}

.fancybox-image {
max-width:100%;
max-height:100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(../js/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:.8;
cursor:pointer;
z-index:8060
}

#fancybox-loading div {
width:44px;
height:44px;
background:url(../js/fancybox/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index:8040
}

.fancybox-nav {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
text-decoration:none;
background:transparent url(../js/fancybox/blank.gif);
-webkit-tap-highlight-color:rgba(0,0,0,0);
z-index:8040
}

.fancybox-prev {
left:0
}

.fancybox-next {
right:0
}

.fancybox-nav span {
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden
}

.fancybox-prev span {
left:10px;
background-position:0 -36px
}

.fancybox-next span {
right:10px;
background-position:0 -72px
}

.fancybox-nav:hover span {
visibility:visible
}

.fancybox-tmp {
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}

.fancybox-lock {
overflow:hidden
}

.fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:url(../js/fancybox/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
position:fixed;
bottom:0;
right:0
}

.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll
}

.fancybox-title {
visibility:hidden;
font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050
}

.fancybox-opened .fancybox-title {
visibility:visible
}

.fancybox-title-float-wrap {
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:8050;
text-align:center
}

.fancybox-title-float-wrap .child {
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:transparent;
background:rgba(0,0,0,0.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:700;
line-height:24px;
white-space:nowrap
}

.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff
}

.fancybox-title-inside-wrap {
padding-top:10px
}

.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)
}
@charset "UTF-8";

@font-face {
font-family:'RobotoRegular';
src:url(../fonts/Roboto-Regular-webfont.eot);
src:url(../fonts/Roboto-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Regular-webfont.woff) format("woff"),url(../fonts/Roboto-Regular-webfont.ttf) format("truetype"),url(../fonts/Roboto-Regular-webfont.svg#RobotoRegular) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:'RobotoBlack';
src:url(../fonts/Roboto-Black-webfont.eot);
src:url(../fonts/Roboto-Black-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Black-webfont.woff) format("woff"),url(../fonts/Roboto-Black-webfont.ttf) format("truetype"),url(../fonts/Roboto-Black-webfont.svg#RobotoBlack) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:'RobotoLight';
src:url(../fonts/Roboto-Light-webfont.eot);
src:url(../fonts/Roboto-Light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/Roboto-Light-webfont.woff) format("woff"),url(../fonts/Roboto-Light-webfont.ttf) format("truetype"),url(../fonts/Roboto-Light-webfont.svg#RobotoLight) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:'JournalRegular';
src:url(../fonts/journal-webfont.eot);
src:url(../fonts/journal-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/journal-webfont.woff) format("woff"),url(../fonts/journal-webfont.ttf) format("truetype"),url(../fonts/journal-webfont.svg#JournalRegular) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:'RobotoRegular';
src:url(../fonts/Roboto-Regular-webfont.svg#RobotoRegular) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:'RobotoBlack';
src:url(../fonts/Roboto-Black-webfont.svg#RobotoBlack) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:'RobotoLight';
src:url(../fonts/Roboto-Light-webfont.svg#RobotoLight) format("svg");
font-weight:400;
font-style:normal
}

@font-face {
font-family:'JournalRegular';
src:url(../fonts/journal-webfont.svg#JournalRegular) format("svg");
font-weight:400;
font-style:normal
}

body {
background:#292929;
font:16px Arial,sans-serif;
line-height:24px
}

#facebooklogo {
width:43px;
height:30px;
z-index:9;
display:block;
position:absolute;
top:20px;
right:0;
text-indent:-9999px;
overflow:hidden;
background:url(../img/logofb.png) no-repeat
}

#wrap {
position:relative;
display:block;
width:960px;
min-height:100%;
margin:0 auto;
background-color:#fff
}

h2 {
padding:0 0 10px;
margin:0 0 10px;
font:bold 36px/30px RobotoBlack,Arial,sans-serif;
color:#359a67
}

header {
height:448px;
margin:0 0 20px
}

header > h1 {
position:absolute;
top:7px;
left:0;
z-index:3;
display:block;
margin:0;
padding:0
}

header > h1 > a {
display:block;
width:193px;
height:95px;
background:transparent url(../img/logo.png) no-repeat top left;
text-indent:-1000000px
}

header > ul.slider {
position:relative;
z-index:1;
display:block;
width:940px;
height:448px;
padding:0;
margin:0;
list-style:none;
overflow:hidden
}

header > ul.slider > li {
position:absolute;
top:0;
left:0
}

header > ul.slider > li > a {
position:relative;
display:block;
width:940px;
height:448px;
background-color:#fff;
color:#fff
}

header > ul.slider > li > a > img {
position:absolute;
top:0;
left:0;
z-index:1;
display:block
}

header > ul.slider > li > a > div {
position:absolute;
right:0;
top:300px;
z-index:2;
display:block;
width:470px;
font-size:14px;
line-height:20px;
background-color:#fff;
color:#359a67
}

header > ul.slider > li > a > div > h4 {
text-align:center;
margin:0 0 10px
}

header > ul.slider > li > a > div.informationslide {
box-sizing:border-box;
top:344px;
width:470px;
padding:10px;
color:#fff;
line-height:26px;
background:url(../img/bgblack80.png) repeat
}

header > ul.slider > li > a > div > span,header > ul.slider > li > a > div > h4 {
font:bold 16px/24px RobotoBlack,Arial,sans-serif!important
}

header > ul.nav {
position:absolute;
top:102px;
left:0;
z-index:2;
display:block;
width:940px;
height:41px;
padding:0;
margin:0;
list-style:none
}

header > ul.nav > li {
display:block;
float:left;
width:auto;
height:41px
}

header > ul.nav > li > a {
position:relative;
display:block;
padding:0 30px;
color:#fff;
background-color:#359a67;
font:18px/41px RobotoRegular,Arial,sans-serif;
text-transform:uppercase;
text-decoration:none;
text-align:center;
overflow:hidden
}

header > ul.nav > li > a:hover,header > ul.nav > li > a.active {
background-color:#32855c
}

header > ul.nav > li > a.shadow1 {
width:72px
}

header > ul.nav > li > a.shadow2 {
width:124px
}

header > ul.nav > li > a.shadow1 > span {
position:absolute;
top:0;
left:0;
z-index:2;
display:block;
width:132px;
height:41px;
background:transparent url(../img/logo.png) no-repeat 0 -95px
}

header > ul.nav > li > a.shadow2 > span {
position:absolute;
top:0;
left:0;
right:0;
z-index:2;
display:block;
width:184px;
height:41px;
background:transparent url(../img/logo.png) no-repeat -132px -95px
}

#content {
padding-bottom:42px
}

footer {
position:absolute;
bottom:10px;
left:0;
display:block;
width:100%
}

footer > .grid {
background:url(../img/footer-bg.png) repeat-x left center
}

footer > .grid > .col12 {
text-align:center
}

footer > .grid > .col12 > span {
display:inline-block;
padding:4px 20px;
color:#777;
background:#fff;
font-size:12px;
line-height:12px
}

footer > .grid > .col12 > span > a {
color:#777;
text-decoration:none
}

footer > .grid > .col12 > span > a:hover {
text-decoration:underline
}

.col12,.col9,.col6,.col3 {
margin-bottom:20px
}

.box {
display:block;
padding:10px 10px 0;
box-sizing:border-box;
width:100%
}

.box.green .grosemphase,.box.pattern .grosemphase {
font-weight:700;
font-size:22px;
text-transform:uppercase
}

.box.pattern .grosemphase {
color:#359a67
}

.boxcenter {
padding:10px;
display:table
}

.boxcenter > div {
display:table-cell;
vertical-align:middle
}

.fixed .box {
height:100%
}

.box.pattern {
background:transparent url(../img/pattern.png) repeat
}

.box.green {
background:#359a67 none;
color:#fff
}

.box.green > span,.box.green > h2,.box.green > h3,.box.green > h4,.box.pattern > span,.box.pattern > h2,.box.pattern > h3 {
display:block;
padding:0 0 10px;
margin:0 0 10px;
background:transparent url(../img/dashed.png) repeat-x bottom left;
font:bold 30px/30px RobotoBlack,Arial,sans-serif
}

.box.pattern > span,.box.pattern > h2,.box.pattern > h3 {
color:#359a67;
background:transparent url(../img/dashed-green.png) repeat-x bottom left
}

h2.dashed-black {
text-align:center;
background:url(../img/dashed-black.png) repeat-x 0 center
}

h2 span {
padding:0 10px;
background-color:#fff
}

.box.pattern a {
color:#359a67;
text-decoration:none
}

.box.pattern a:hover {
color:#031196
}

.box.green a {
color:#fff;
text-decoration:none
}

.box.green a:hover {
color:#031196
}

.box.green a.button,.box.pattern a.button {
display:inline-block;
padding:9px 10px;
color:#359a67;
background:#fff;
text-transform:uppercase;
text-decoration:none;
font-size:14px;
line-height:14px;
font-weight:700
}

.box.pattern a.button {
color:#fff;
background:#359a67
}

.box.green a.button:hover,.box.pattern a.button:hover {
padding-top:10px;
padding-bottom:8px
}

.col3.product {
margin-bottom:20px
}

.product > a {
position:relative;
display:block;
text-decoration:none
}

.product > a > p {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
margin:0;
display:none;
padding:76px 42px 78px;
background:transparent url(../img/purple-86.png) repeat;
color:#fff;
text-decoration:none;
font:normal 18px/18px RobotoLight,Arial,sans-serif
}

.product > a > p > strong {
display:block;
margin-left:-8px;
font:normal 48px/48px JournalRegular,Arial,sans-serif
}

.product > a > p > span {
font-size:.8em
}

.product > a > img {
position:relative;
z-index:1;
display:block;
text-decoration:none
}

.product > a > span {
position:absolute;
left:0;
bottom:9px;
z-index:3;
display:block
}

.product > a:hover > p {
display:block
}

.product > a:hover > span {
background-image:none
}

.icon-run,.icon-runb {
display:inline-block;
width:34px;
height:35px;
margin:0 10px 0 0;
background:transparent url(../img/icons.png) no-repeat 0 -33px
}

.icon-runb {
background-position:0 -185px
}

.icon-velo,.icon-poid,.icon-muscu {
display:inline-block;
width:29px;
height:33px;
margin:0 10px 0 0;
background:transparent url(../img/icons.png) no-repeat 0 0
}

.icon-poid {
background-position:0 -219px
}

.icon-muscu {
background-position:0 -253px
}

.icon-timer {
display:inline-block;
width:32px;
height:35px;
margin:0 10px 0 0;
background:transparent url(../img/icons.png) no-repeat 0 -68px
}

.icon-purplepenta {
display:inline-block;
width:15px;
height:18px;
padding:6px 14px 4px 10px;
background:transparent url(../img/icons.png) no-repeat 0 -129px
}

a:hover > span.icon-purplepenta {
left:auto;
right:0
}

a:hover > span.icon-purplepenta,.icon-purplepenta.right {
background-position:0 -157px;
padding:6px 10px 4px 14px
}

.icon-heartbeat {
display:inline-block;
width:18px;
height:16px;
background:transparent url(../img/icons.png) no-repeat 0 -113px
}

.icon-dumble,.icon-muscupetit {
display:inline-block;
margin:0 0 4px -2px;
width:18px;
height:10px;
background:transparent url(../img/icons.png) no-repeat 0 -103px
}

.icon-muscupetit {
height:15px;
background-position:0 -287px
}

p,table {
margin:0 0 10px
}

#page-home .heightfix {
position:relative;
z-index:1
}

#page-home .ribbon {
position:relative;
z-index:2;
height:95px;
background:transparent url(../img/ribbon.png) no-repeat center top;
margin-top:-35px;
margin-bottom:-15px
}

#page-home .promo strong {
text-transform:uppercase;
color:#359a67
}

#page-home .promo span {
font-size:14px;
line-height:18px;
color:#000;
font-weight:400;
font-family:'RobotoRegular','Arial','sans-serif';
background:none;
margin:10px 0 0
}

#page-home .product > a > p {
padding:100px 42px;
text-align:center
}

.promoprev {
margin-left:-10px
}

.promonext {
float:right;
margin-right:-10px
}

.sliderpromo {
position:relative;
list-style:none;
padding:0;
margin:0
}

.sliderpromo li {
display:none;
position:absolute;
top:0;
left:0
}

p small {
line-height:14px
}

.flex-grid .col3 {
width:calc(25% - 20px)
}

.flex-grid .col6 {
width:calc(50% - 20px)
}

.flex-grid .col9 {
width:calc(75% - 20px)
}

.flex-grid .col12 {
width:calc(100% - 20px)
}

.flex-grid .col3,.flex-grid .col6,.flex-grid .col9,.flex-grid .col12 {
padding:0 10px;
margin:0 0 20px
}

.flex-grid {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:100%
}
@charset "UTF-8";

body {
font-size:16px;
font-family:Arial,sans-serif
}

td,th {
min-width:2em
}

.petit {
font-size:12px
}

.emphasize {
font-size:16px;
font-weight:700
}

.grosemphase {
font-weight:700;
font-size:22px;
text-transform:uppercase
}

a.button {
font-size:14px!important;
line-height:14px!important;
font-weight:700!important;
text-transform:uppercase!important
}

#tinymce p a.button {
display:inline-block!important;
padding:9px 10px!important;
background:#359a67!important;
color:#fff!important;
text-decoration:none!important
}