body, html { padding:0; margin:0; width:100%; height:100%; background-color:#fff; }
body { font-family: Arial, sans-serif; font-size:14px; line-height:1.5em; color:#191719; }
a { text-decoration:none; color:#97b910; }
a:hover { color:#191719; }
img { border:0; }
fieldset { border:0; padding:0; margin:0; }
h1, h2, h3, h4, h5 { font-family: 'Dosis', sans-serif; font-weight: 600; margin:0; padding:0; }
h1, h2 { font-size:36px; line-height:40px; color:#97b910; }
h1.dark, h2.dark { color:#191719; }
h3 { font-family: 'Dosis', sans-serif; font-weight:700; font-size:20px; line-height:24px; }
h3.light { color:#97b910; }
input { font-family:Arial, sans-serif; font-size:13px; }
td { vertical-align:top; }
a.link { font-family: 'Dosis', sans-serif; font-weight:700; font-size:16px; }
a.link span { font-size:26px; line-height:14px; font-weight:500; float:left; margin-right:6px; }
form { margin:0; padding:0; }
.input { margin:0; margin-left:9px; margin-right:9px; margin-bottom:10px; }
.input input[type=text], .input input[type=password], .input textarea { display:block; width:100%; font-style:italic; margin:0; margin-left:-9px; margin-right:-9px; padding:8px; border:1px solid #cbcbcb; }
input[type=file] { width:90%; }
input[type=submit], input[type=cancel], input[type=button] { font-family: 'Dosis', sans-serif; font-weight:500; font-size:17px; line-height:1em; color:#97b910; background-color:#191719; border:0; margin:0; padding:9px; padding-top:7px; cursor:pointer; width:auto; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
input[type=submit]:hover, input[type=cancel]:hover, input[type=button]:hover { background-color:#97b910; color:#191719; }
.input label { margin-left:-9px; }
.checkbox_error,
.input input.contact_error { background-color:#cbcbcb; color:#fff; }
.input_indent.error { background-color:#cbcbcb; }
td.back input[type=submit] { background-color:#97b910; color:#191719; }
td.back input[type=submit]:hover { color:#97b910; background-color:#191719; }
input[type=submit]:disabled { cursor:default; color:#fff; background-color:#878687; }
input[type=submit]:disabled:hover { color:#fff; background-color:#878687; }
.grey { color:#cbcbcb !important; }
.grey:hover { color:#97b910 !important; }
.mobileonly { display:none !important; }
.desktoponly { display:block !important; }
.clear { clear:both; }
.hidden { display:none !important; }
ul.downloads { margin:0; margin-top:15px; padding:0; list-style:none; }
ul.downloads li { display:block; margin-bottom:10px; padding-left:32px; background-image:url(icon-pdf.png); background-repeat:no-repeat; background-position:left 5px; }
ul.downloads li a { color:#191719; text-decoration:underline; }
ul.downloads li a:hover { color:#97b910; }
ul.downloads li span { white-space:nowrap; }
.icon { display:block; float:right; width:10px; height:1em; overflow:hidden; text-indent:1000px; background-repeat:no-repeat; background-position:center left; background-size:auto 10px; }
.icon.arrow { background-image:url(icon-arrow.png); }
div.wrapper { display:block; position:relative; min-width:100%; min-height:100%; }
div.content { display:block; position:relative; margin:auto; width:100%; max-width:956px; }
div.wrapper > div.header { font-family: 'Dosis', sans-serif; font-weight: 600; background-color:#fff; }
div.wrapper > div.header > div.top { height:52px; padding-left:25px; padding-right:15px; }
div.wrapper > div.header > div.top div.content { position:relative; font-size:15px; line-height:1em; padding-top:19px; z-index:500; }
div.wrapper > div.header > div.top a { color:#191719; }
div.wrapper > div.header > div.top a.selected,
div.wrapper > div.header > div.top a:hover { color:#97b910; }
div.wrapper > div.header > div.top ul { display:block; margin:0; padding:0; list-style:none; float:right; }
div.wrapper > div.header > div.top ul li { float:left; }
div.wrapper > div.header > div.top ul.nav li { position:relative; margin-right:30px; }
div.wrapper > div.header > div.top ul.nav li a span.icon { margin-left:10px; }
div.wrapper > div.header > div.top ul.nav li a:hover span.icon { background-position:center right; }
div.wrapper > div.header > div.top ul.nav li div.more { position:absolute; display:none; top:1em; left:0; background-color:#fff; width:100%; margin-left:-15px; border:15px solid #fff; border-top:0; padding-top:19px; }
div.wrapper > div.header > div.top ul.nav li div.more ul { float:none; margin-top:-4px; margin-bottom:-4px; }
div.wrapper > div.header > div.top ul.nav li div.more ul li { float:none; margin:0; }
div.wrapper > div.header > div.top ul.nav li div.more ul li a { display:block; padding-top:4px; padding-bottom:4px; }
div.wrapper > div.header > div.top ul.nav li div.more div.info { margin-top:20px; }
div.wrapper > div.header > div.top ul.nav li div.more div.info a { font-family:Arial, sans-serif; color:#8d8d8d; font-size:13px; line-height:1em; font-weight:normal; text-decoration:underline; }
div.wrapper > div.header > div.top ul.nav li div.more div.info a:hover { color:#191719; }
div.wrapper > div.header > div.top ul.nav > li:hover > a { color:#97b910; }
div.wrapper > div.header > div.top ul.nav > li:hover > a > span.icon { background-position:center right; }
div.wrapper > div.header > div.top ul.nav li:hover div.more { display:block; }
div.wrapper > div.header > div.top ul.lang { font-weight:700; font-size:14px; }
div.wrapper > div.header > div.top ul.lang li { border-right:2px solid #97b910; }
div.wrapper > div.header > div.top ul.lang li a { display:block; padding-left:10px; padding-right:10px; }
div.wrapper > div.header > div.top ul.lang li:last-child { border:0; }
div.wrapper > div.header > div.top ul.lang li:last-child a { padding-right:0; }
div.wrapper > div.header > div.logo { position:relative; height:80px; background-color:#000; padding-left:25px; padding-right:15px; }
div.wrapper > div.header > div.logo div.img { position:absolute; top:-33px; left:-10px; z-index:100; }
div.wrapper > div.header > div.navigation { background-color:#97b910; padding-left:25px; padding-right:15px; overflow:hidden; }
div.wrapper > div.header > div.navigation div.content { overflow:hidden; font-size:18px; line-height:1em; }
div.wrapper > div.header > div.navigation ul { display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
div.wrapper > div.header > div.navigation ul li { float:left; border-left:1px solid #fff; }
/*
div.wrapper > div.header > div.navigation ul li.elem1 { width:130px; }
div.wrapper > div.header > div.navigation ul li.elem2 { width:182px; }
div.wrapper > div.header > div.navigation ul li.elem3 { width:260px; }
div.wrapper > div.header > div.navigation ul li.elem4 { width:260px; }
div.wrapper > div.header > div.navigation ul li.elem5 { width:120px; }
*/
div.wrapper > div.header > div.navigation ul li:first-child { border:0; }
div.wrapper > div.header > div.navigation ul li a { display:block; position:relative; text-align:center; padding:40px; padding-top:30px; padding-bottom:0; line-height:50px; color:#191719; z-index:150; }
div.wrapper > div.header > div.navigation ul li a.selected,
div.wrapper > div.header > div.navigation ul li a:hover { color:#fff; }
div.wrapper > div.header > div.navigation ul li:first-child a { padding-left:0; text-align:left; }
div.wrapper > div.header > div.navigation ul li:last-child a { padding-right:0; text-align:right; }
div.wrapper > div.header > div.navigation ul ul { display:none; }
div.wrapper > div.header > div.navigation#secondarynavigation { background-color:#e8e7e8; }
div.wrapper > div.header > div.navigation#secondarynavigation ul li { float:right; }
div.wrapper > div.header > div.navigation#secondarynavigation ul li a { padding-top:0; color:#191719; font-size:15px; line-height:40px; }
div.wrapper > div.header > div.navigation#secondarynavigation ul li a:hover,
div.wrapper > div.header > div.navigation#secondarynavigation ul li a.selected { color:#97b910; }
div.wrapper > div.header > div.navigation#secondarynavigation ul li a span.icon { margin-left:10px; height:40px; }
div.wrapper > div.header > div.navigation#secondarynavigation ul li a:hover span.icon { background-position:center right; }
div.wrapper > div.header > div.navigation#secondarynavigation ul > li:hover > a > span.icon { background-position:center right; }
div.wrapper > div.main { padding-top:80px; padding-bottom:140px; padding-left:25px; padding-right:15px; background-color:#fff; }
div.wrapper > div.main > div.content { overflow:hidden; }
div.wrapper > div.main > div.content > div.left { display:block; float:left; width:209px; min-height:1px; font-family: 'Dosis', sans-serif; font-weight:600; font-size:18px; }
div.wrapper > div.main > div.content > div.left ul { display:block; margin:0; padding:0; list-style:none; }
div.wrapper > div.main > div.content > div.left ul li { border-bottom:1px solid #c7c7ca; }
div.wrapper > div.main > div.content > div.left ul li a { display:block; line-height:24px; color:#191719; padding-top:7px; padding-bottom:7px; }
div.wrapper > div.main > div.content > div.left ul li a.selected,
div.wrapper > div.main > div.content > div.left ul li a:hover { color:#97b910; }
div.wrapper > div.main > div.content > div.left ul ul { display:block; padding-top:5px; padding-bottom:5px; border-top:1px solid #c7c7ca; }
div.wrapper > div.main > div.content > div.left ul ul li { font-size:15px; border:0; }
div.wrapper > div.main > div.content > div.left ul ul li a { padding-top:4px; padding-bottom:4px; }
div.wrapper > div.main > div.content > div.center { display:block; float:left; width:468px; margin-left:30px; margin-right:30px; }
div.wrapper > div.main > div.content > div.center p, div.wrapper > div.main > div.content > div.center p * { font-size:15px !important; line-height:22px !important; font-family:inherit !important; }
div.wrapper > div.main > div.content > div.center p img { width:100%; height:auto; }
div.wrapper > div.main > div.content > div.center ol { margin-left:1.45em; padding-left:0; }
div.wrapper > div.main > div.content > div.center ol li { margin-bottom:0.5em; }
div.wrapper > div.main > div.content > div.center ul { margin-left:1.45em; padding-left:0; }
div.wrapper > div.main > div.content > div.center ul li { margin-bottom:0.5em; }
div.wrapper > div.main > div.content > div.center ul ul { list-style:none; }
div.wrapper > div.main > div.content > div.center ul ul li { text-indent: -5px; list-style:none; }
div.wrapper > div.main > div.content > div.center ul ul li:before { content:"–"; margin-left:-1em; padding-right:0.8em; }
div.wrapper > div.main > div.content > div.center ul.downloads { margin-left:0; margin-bottom:2em; }
div.wrapper > div.main > div.content > div.center ul.downloads li { margin-bottom:0; }
div.wrapper > div.main > div.content > div.center div.download_group { padding:15px; padding-left:0; padding-right:0; border-bottom:1px solid #e6e6e6; }
div.wrapper > div.main > div.content > div.center div.download_group h3 { cursor:pointer; }
div.wrapper > div.main > div.content > div.center div.download_group h3 span { display:block; float:right; margin-top:6px; width:18px; height:11px; background-image:url(icon-arrow-up.png); background-position:center center; }
div.wrapper > div.main > div.content > div.center div.download_group.closed h3 span { background-image:url(icon-arrow-down.png); }
div.wrapper > div.main > div.content > div.center div.download_group ul.downloads { margin-bottom:0; }
div.wrapper > div.main > div.content > div.center div.download_group div.downloads { margin:0; padding:0; }
div.wrapper > div.main > div.content > div.center div.download_group div.downloads > div.download_important { margin:0; margin-top:2em; padding:0; }
div.wrapper > div.main > div.content > div.right { display:block; float:left; width:219px; }
div.wrapper > div.main > div.content > div.right h3 { text-transform:uppercase; }
div.wrapper > div.main > div.content > div.right div.button,
div.wrapper > div.main > div.content > div.right div.box { display:block; background-color:#191719; color:#fff; margin-bottom:10px; padding:20px; padding-top:16px; padding-bottom:16px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
div.wrapper > div.main > div.content > div.right div.box h3 { color:#97b910; font-size:30px; line-height:1.1em; margin-bottom:15px; }
div.wrapper > div.main > div.content > div.right div.box p { margin:0; padding:0; margin-bottom:4px; }
div.wrapper > div.main > div.content > div.right div.box p.align-right { text-align:right; }
div.wrapper > div.main > div.content > div.right div.box a.link span { float:right; margin:0; margin-left:6px; }
div.wrapper > div.main > div.content > div.right div.box a.link:hover { color:#fff; }
div.wrapper > div.main > div.content > div.right div.button { padding:0; overflow:hidden; }
div.wrapper > div.main > div.content > div.right div.button a { display:block; background-color:#97b910; padding:20px; padding-top:16px; padding-bottom:16px; text-transform:uppercase; color:#191719; font-family: 'Dosis', sans-serif; font-weight:700; font-size:20px; line-height:1em; }
div.wrapper > div.main > div.content > div.right div.button a span { float:right; margin:0; margin-left:6px; }
div.wrapper > div.main > div.content > div.right div.button a:hover { background-color:#191719; color:#97b910; }
div.wrapper > div.main > div.content > div.right div.divider { display:block; position:relative; margin-top:35px; margin-bottom:15px; text-align:center; }
div.wrapper > div.main > div.content > div.right div.divider div.line { position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#c7c7ca; z-index:50; }
div.wrapper > div.main > div.content > div.right div.divider img { position:relative; z-index:100; }
div.wrapper > div.main > div.content > div.right div.box.teaser { background-color:#97b910; color:#191719; overflow:hidden; }
div.wrapper > div.main > div.content > div.right div.box.teaser h1,
div.wrapper > div.main > div.content > div.right div.box.teaser h2,
div.wrapper > div.main > div.content > div.right div.box.teaser h3,
div.wrapper > div.main > div.content > div.right div.box.teaser h4 { display:block; margin-bottom:15px; text-transform:uppercase; color:#191719; font-family: 'Dosis', sans-serif; font-weight:700; font-size:20px; line-height:1em; }
div.wrapper > div.main > div.content > div.right div.box.teaser > a { position:relative; display:block; color:inherit; margin:-20px; padding:20px; padding-right:40px; margin-top:-16px; margin-bottom:-16px; padding-top:16px; padding-bottom:16px; }
div.wrapper > div.main > div.content > div.right div.box.teaser > a:before,
div.wrapper > div.main > div.content > div.right div.box.teaser a.button:before,
div.wrapper > div.main > div.content > div.right div.box.teaser a.button.teaser-more:before { content:"»"; position:absolute; bottom:16px; right:20px; color:#191719; font-family: 'Dosis', sans-serif; font-size: 26px; line-height: 14px; font-weight: 500; }
div.wrapper > div.main > div.content > div.right div.box.teaser > a > *:last-child { margin-bottom:0; padding-bottom:0; }
div.wrapper > div.main > div.content > div.right div.box.teaser > a:hover,
div.wrapper > div.main > div.content > div.right div.box.teaser > a:hover:before,
div.wrapper > div.main > div.content > div.right div.box.teaser a.button.teaser-more:hover:before,
div.wrapper > div.main > div.content > div.right div.box.teaser > a:hover * { background-color:#191719; color:#97b910; }
div.wrapper > div.main > div.content > div.right div.box.teaser a.button,
div.wrapper > div.main > div.content > div.right div.box.teaser a.button.teaser-more { display:block; position:relative; margin:0; padding:0; padding-right:17px; text-align:right; font-weight: 700; font-size: 16px; font-family: 'Dosis', sans-serif; line-height:1em; color:inherit; margin-top:4px; }
div.wrapper > div.main > div.content > div.right div.box.teaser a.button:before,
div.wrapper > div.main > div.content > div.right div.box.teaser a.button.teaser-more:before { bottom:4px; right:0; }
div.wrapper > div.main > div.content > div.right div.box.teaser a.button:hover:before,
div.wrapper > div.main > div.content > div.right div.box.teaser a.button.teaser-more:hover:before,
div.wrapper > div.main > div.content > div.right div.box.teaser a.button:hover,
div.wrapper > div.main > div.content > div.right div.box.teaser a.button.teaser-more:hover { background:none; color:#fff; }
div.wrapper > div.main > div.content.noleft > div.left { display:none; }
div.wrapper > div.main > div.content.noleft > div.center { width:624px; margin-left:0; }
div.wrapper > div.main > div.content.noleft > div.right { width:302px; }
div.wrapper > div.footer { position:absolute; display:block; font-family: 'Dosis', sans-serif; font-weight:600; font-size:14px; line-height:1.4em; bottom:0; left:0; width:100%; height:80px; background-color:#97b910; overflow:hidden; }
div.wrapper > div.footer a { color:#191719; }
div.wrapper > div.footer a:hover { color:#fff; }
div.wrapper > div.footer > div.content { overflow:hidden; max-width:996px; }
div.wrapper > div.footer > div.content > div.left { display:block; float:left; margin-left:25px; }
div.wrapper > div.footer > div.content > div.left { font-size:20px; line-height:1em; padding-top:10px; }
div.wrapper > div.footer > div.content > div.left span { display:block; font-size:40px; line-height:1em; }
div.wrapper > div.footer > div.content > div.right { display:block; float:right; margin-right:15px; padding-top:40px; margin-top:-0.6em; }
div.wrapper > div.footer > div.content > div.right ul.nav { display:block; margin:0; margin-left:10px; padding:0; list-style:none; float:right; overflow:hidden; }
div.wrapper > div.footer > div.content > div.right ul.nav li { float:left; }
div.wrapper > div.footer > div.content > div.right ul.nav li { border-left:1px solid #191719; }
div.wrapper > div.footer > div.content > div.right ul.nav li a { display:block; padding-left:10px; padding-right:10px; }
div.wrapper > div.footer > div.content > div.right ul.nav li:last-child a { padding-right:0; }
div.download_important { display:block; position:relative; overflow:hidden; margin-top:20px; margin-bottom:20px; }
div.download_important p.icon { position:absolute; top:0; left:0; margin:0; text-indent:0; width:100px; height:auto; }
div.download_important div.start_download { margin-left:125px; }
div.download_important a.button { display:inline-block; background-color:#97b910; text-transform:uppercase; color:#191719; font-family: 'Dosis', sans-serif; font-weight:700; font-size:20px; line-height:1em; padding:20px; padding-top:10px; padding-bottom:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
div.download_important a.button:hover { background-color:#191719; color:#97b910; }
div.wrapper > div.main > div.content div.steps { overflow:hidden; margin-right:-2%; }
div.wrapper > div.main > div.content div.steps > div.step { float:left; width:31.33%; margin-right:2%; }
div.wrapper > div.main > div.content div.steps > div.step img { width:100%; height:auto; border:0; }
div.wrapper > div.main > div.content div.steps > div.step p { display:block; margin:7%; margin-top:-3%; font-size:0.9em !important; line-height:1.46em !important; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(4) { clear:left; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(7) { clear:left; }
div.wrapper > div.main > div.content ol.imglist { margin-top:1em; margin-bottom:0; margin-bottom:3em; }
div.wrapper > div.main > div.content ol.imglist:last-child { margin-bottom:0em; }
div.wrapper > div.main > div.content ul.imglist { margin:0; margin-left:0 !important; margin-top:1em; padding:0; list-style:none; }
div.wrapper > div.main > div.content ul.imglist > li { margin:0; padding:0; /*margin-top:30px;*/ overflow:hidden; }
div.wrapper > div.main > div.content .imglist > li > div > span { position:relative; float:left; display:block; width:50%; border:1px solid #fff; text-align:center; margin-right:15px; margin-bottom:1.2em; }
div.wrapper > div.main > div.content .imglist > li.small > div > span { width:25%; }
div.wrapper > div.main > div.content .imglist > li.original > div > span { width:405px; }
div.wrapper > div.main > div.content .imglist > li.extralarge > div > span { float:none; width:auto; margin-right:0; }
div.wrapper > div.main > div.content .imglist > li.small div.youtube.float { width:25%; }
div.wrapper > div.main > div.content .imglist > li > div > span img { width:100%; }
div.wrapper > div.main > div.content .imglist > li div.youtube { border:1px solid #fff; }
div.wrapper > div.main > div.content .imglist > li ul { list-style:none; margin-bottom:1.2em; }
div.wrapper > div.main > div.content .imglist > li div.simple2.more ul { list-style:disc; }
div.wrapper > div.main > div.content .imglist > li div.simple2.more.margin { margin-bottom:50px; }
div.wrapper > div.main > div.content .imglist > li div.more_link { margin-bottom:0.5em; }
div.wrapper > div.main > div.content .imglist > li div.more_link a.selected { color:#000; font-weight:bold; }
div.wrapper > div.main > div.content .imglist > li ul.download { margin-top:2em !important; list-style:disc; }
div.wrapper > div.main > div.content .imglist > li ul.download > li { margin:0 !important; }
div.wrapper > div.sswu { padding-top:10px; padding-bottom:40px; background-color:#fff; }
div.wrapper > div.sswu img { max-width:100%; width:300px; height:auto; }
div.wrapper > div.sswu + div.main { padding-top:0 !important; }
/* new css rules */
.image_module img { width:100%; }
@media only screen and (min-width: 0px) and (max-width: 996px) {
body { background-color:#97b910; }
.mobileonly { display:block !important; }
.desktoponly { display:none !important; }
div.wrapper > div.header > div.top ul.nav,
div.wrapper > div.main > div.content > div.left { display:none; }
div.wrapper > div.header > div.top span.mobileonly { display:block; float:right; height:10px; width:45px; margin-left:20px; }
div.wrapper > div.header > div.top span.mobileonly a { display:block; }
div.wrapper > div.header > div.top span.mobileonly span { display:block; height:3px; border-bottom:1px solid #f1f0f1; border-right:1px solid #f1f0f1; background-color:#191719; margin-bottom:2px; text-indent:-1000px; overflow:hidden; }
div.wrapper > div.header > div.navigation { position:absolute; display:none; top:0; right:0; padding:0; width:80%; max-width:368px; min-height:100%; background-color:#fff; background-image:url(nav_line.png); background-repeat:repeat-y; background-position:top left; z-index:1000; }
div.wrapper > div.header > div.navigation div.close { position:absolute; top:4px; left:8px; font-size:20px; z-index:100; }
div.wrapper > div.header > div.navigation div.content { border-left:1px solid #c7c7ca; padding:18px; width:auto; font-size:20px; }
div.wrapper > div.header > div.navigation ul { display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
div.wrapper > div.header > div.navigation ul li { width:auto !important; text-align:left !important; float:none; border:0; border-bottom:1px solid #c7c7ca !important; }
div.wrapper > div.header > div.navigation ul li a { display:block; text-align:left !important; padding:20px !important; padding-left:10px !important; line-height:1em; color:#191719; }
div.wrapper > div.header > div.navigation ul li a.selected,
div.wrapper > div.header > div.navigation ul li a:hover { color:#97b910 !important; }
div.wrapper > div.header > div.navigation ul li.more { background-image:url(icon-arrow-down.png); background-repeat:no-repeat; background-position:right 26px; }
div.wrapper > div.header > div.navigation ul li.more > a { padding-right:54px !important; }
div.wrapper > div.header > div.navigation ul li.more.open { background-image:url(icon-arrow-up.png); }
div.wrapper > div.header > div.navigation ul ul { display:none !important; padding-bottom:5px; }
div.wrapper > div.header > div.navigation ul li.more.open ul { display:block !important; }
div.wrapper > div.header > div.navigation ul ul li { border:0 !important; font-size:17px; }
div.wrapper > div.header > div.navigation ul ul li a { padding-top:0 !important; padding-bottom:20px !important; }
div.wrapper > div.header > div.navigation ul ul ul li a { padding-left:30px !important; }
div.wrapper > div.sswu { padding-top:50px; padding-bottom:25px; }
div.wrapper > div.main { padding-top:60px; padding-bottom:60px; }
div.wrapper > div.main > div.content > div.center { width:100% !important; margin:0 !important; }
div.wrapper > div.main > div.content > div.right { width:100% !important; margin:0 !important; margin-top:30px !important; }
div.wrapper > div.main > div.content > div.right > div.float { width:47%; float:left; }
div.wrapper > div.main > div.content > div.right > div.float.single { width:100%; }
div.wrapper > div.main > div.content > div.right > div.float:last-child { float:right; }
div.wrapper > div.main > div.content > div.right > div.float > div.divider { margin-top:0; }
div.wrapper > div.footer { position:relative; bottom:0; left:0; height:auto; }
div.wrapper > div.footer > div.content > div.left,
div.wrapper > div.footer > div.content > div.right { float:none; margin:0; padding-top:10px; padding-left:25px; padding-right:15px; padding-bottom:10px; overflow:hidden; }
div.wrapper > div.footer > div.content > div.right span.copyright,
div.wrapper > div.footer > div.content > div.right ul.nav { float:left; }
div.wrapper > div.main > div.content div.steps > div.step { width:18%; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(4) { clear:none; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(7) { clear:none; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(6) { clear:left; }
}
@media only screen and (min-width: 0px) and (max-width: 800px) {
div.wrapper > div.header > div.logo { height:70px; }
div.wrapper > div.header > div.logo div.img { top:-25px; }
div.wrapper > div.header > div.logo div.img img { width:600px; }
div.wrapper > div.main > div.content div.steps > div.step { width:31.33%; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(4) { clear:left; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(7) { clear:left; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(6) { clear:none; }
}
@media only screen and (min-width: 0px) and (max-width: 660px) {
div.wrapper > div.header > div.logo { height:50px; }
div.wrapper > div.header > div.logo div.img { top:-20px; }
div.wrapper > div.header > div.logo div.img img { width:450px; }
}
@media only screen and (min-width: 0px) and (max-width: 550px) {
div.wrapper > div.footer > div.content > div.right span.copyright,
div.wrapper > div.footer > div.content > div.right ul.nav { float:none; margin-left:0; }
div.wrapper > div.footer > div.content > div.right ul.nav li:first-child { border:0; }
div.wrapper > div.footer > div.content > div.right ul.nav li:first-child a { padding-left:0; }
div.wrapper > div.main > div.content > div.right > div.float { width:100%; float:none !important; }
div.wrapper > div.main > div.content > div.right > div.float > div.divider { margin-top:35px; }
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
div.wrapper > div.header > div.logo { height:40px; }
div.wrapper > div.header > div.logo div.img { top:-15px; }
div.wrapper > div.header > div.logo div.img img { width:350px; }
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
div.wrapper > div.main { padding-top:40px; padding-bottom:30px; }
}
@media only screen and (min-width: 0px) and (max-width: 380px) {
div.wrapper > div.header > div.top ul.lang li a { padding-left:7px; padding-right:7px; }
div.wrapper > div.header > div.logo { height:30px; }
div.wrapper > div.header > div.logo div.img { top:-10px; }
div.wrapper > div.header > div.logo div.img img { width:250px; }
div.wrapper > div.footer > div.content > div.right ul.nav li a { padding-left:7px; padding-right:7px; }
div.wrapper > div.main > div.content div.steps > div.step { width:48%; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(4) { clear:none; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(7) { clear:none; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(3) { clear:left; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(5) { clear:left; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(7) { clear:left; }
div.wrapper > div.main > div.content div.steps > div.step:nth-child(9) { clear:left; }
}
@media only screen and (min-width: 0px) and (max-width: 280px) {
div.wrapper > div.header > div.top { height:52px; }
div.wrapper > div.header > div.top div.content { padding-top:19px; }
div.wrapper > div.header > div.logo { height:auto; }
div.wrapper > div.header > div.logo div.img { position:relative; top:auto; left:auto; margin-left:-10px; padding-top:5px; }
div.wrapper > div.header > div.logo div.img img { width:100%; }
div.wrapper > div.main { padding-top:20px; padding-bottom:20px; }
div.wrapper > div.main > div.content div.steps > div.step { width:98%; }
div.wrapper > div.main > div.content div.steps > div.step { clear:left; }
}
.cookie { display:block; position:fixed; z-index:9999999; bottom:0; left:0; right:0; background-color:#000; color:#fff; padding-left:25px; padding-right:15px; }
.cookie > .content { padding-top:25px; padding-bottom:25px; }
.cookie > .content .left a { color:#fff; text-decoration:underline; }
.cookie > .content .left a:hover { color:#97b910; }
.cookie > .content .right { text-align:right; }
.cookie > .content .right a + a { margin-left:40px; }
.cookie > .content .right a:hover { color:inherit; }
.youtube[data-embed] { position:relative; }
.youtube[data-embed] > img { width:100%; height:auto; }
.youtube[data-embed] > div,
.youtube[data-embed]:not(.init):after { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; font-size:0.9em; line-height:1.5em; }
.youtube[data-embed]:not(.init):after { content:attr(data-embed); color:#878687; }
.youtube[data-embed]:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #191719; background-color:#e8e7e8; }
.youtube[data-embed] > div a.button { margin-bottom:2px; }
.youtube[data-embed] > div a:not(.button):not(.button_inline) { color:inherit; text-decoration:underline; }
.youtube[data-embed] > div a:not(.button):not(.button_inline):hover { color:#97b910; }
.youtube[data-embed].loaded > div { display:none; }
.youtube[data-embed] > iframe { display: none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; }
@media only screen and (min-width: 0px) and (max-width: 420px) {
.youtube[data-embed] > div { width:90%;font-size:0.8em; }
}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}