@charset "utf-8";
/* CSS Document */
/* Table of Contents
==================================================
    #1 BASIC SETTINGS (includes resets)
	#2 REUSABLE MODULES
		- 2.1 Navigation
		- 2.2 Boxes
		- 2.3 Userquotes
		- 2.4 Column blocks (inner grid)
		- 2.5 Bands (full screen width blocks)
		- 2.6 Alignments & Positioning
		- 2.7 Separators & Borders
		- 2.8 Buttons
		- 2.9 Specific modules (features, contact banner, section navigation...)
	#3 PAGE PARTS
		- 3.1 Titlebar
		- 3.2 Header
		- 3.3 Title Band
		- 3.4 Main Content
		- 3.5 Modal Windows
		- 3.6 Footer
		- 3.7 Cookie warning
		- 3.8 System warning
	#4 ANIMATIONS
		- 4.1 General settings
	#5 GRID
		- 4.1 Base 960 grid
		- 4.2 Grid clearing

==================================================*/
.visual {height:20em;text-align:center;}
.visual map {display:none;}
.visual img {border:0}
.visual h3 {font-weight:bold;}	

/* #1 BASIC SETTINGS 
========================================================== */
/* Resets to fix browser issues and our base settings */
html, body {background:#fff;margin:0;padding:0;border:0;}
html {font-size:62.5%;width:100%;height:100%;-webkit-font-smoothing: antialiased}
body {font-size:1.4em;line-height:1.42857143em;font-family:Tahoma,sans-serif;color:#444;background:#e6e6e6;min-width:960px;min-height:100%;-webkit-text-size-adjust: 100%}
/* preloading images pseudo class */
body:after {
    content: url(/static/v61/images/icons/icons-modal-myaccount.png) url(/static/v61/images/icons/icons-modal-products.png);
    display: none;
}

button, input, textarea, select, option {font-family:inherit;color:#444;font-size:1em;}
button, input {line-height: normal;}
button, select {text-transform: none;}
textarea {overflow: auto;vertical-align: top;}
table { border-collapse: collapse;border-spacing: 0;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:1em;}
h1, h3 {font-size:1.71428571em;line-height:1.66666666em;font-weight:normal;}
h2 {font-size:2.285714286em;line-height:1.25em;font-weight:bold;}
h2.smaller {font-size:2em;}
p {margin:0 0 1.111111111em;}

ol, ul, li {margin:0;padding:0;list-style:none;}
.numbering, .numbering li {list-style:decimal inside;}
.bullet, .bullet li {list-style:disc inside;}
.disc.list, .disc.list li {list-style:disc;}
.high {padding:.5em 0;}
.center-align {text-align:center;}
.center-align > p:not(.left-align) {width:860px;margin-left:auto;margin-right:auto;}
.left-align {text-align:left;}
.one-line {line-height:1em;}
h1 strong, h2 strong, h3 strong, a strong {line-height:1;}

a {color:#28ABE3;text-decoration:none;}
a:hover, a.colorless:hover, a:focus {color:#F7831E;text-decoration:underline;}
q:before {content:"\00BB";}
q:after {content:"\00AB";}
a.invisible {color:inherit;text-decoration:none;}
a.noformat {text-decoration:none!important;}
a span.text {color:#a5a5a5!important;}
a:hover span.underline {text-decoration:underline!important}
a img {border:0;}

a.colorless {color:#444;}
a.inactive {cursor:default;}

a.fill-parent { /* Fills full space of parent to make it clickable */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;}

.body {background:#fff;overflow:hidden;clear:both;}
.body.unlimited {overflow:visible;}
.body.unlimited:after {content:".";font-size:1px;line-height:0;visibility:hidden;display:block;clear:both;}

ul.full, ol.full {font-size:1em;}
ul.full > li, ol.full > li {float:left;}

.visible {visibility:visible!important;}
.hidden {visibility:hidden!important;}
.display-visible, .show {display:block!important}
.display-hidden, .hide {display:none!important;}
.small-text {font-size:1em!important}
.bigger-text {font-size:1.111111111em!important}
.uppercase {text-transform: uppercase;}
.bold {font-weight:bold}

.nohover:hover {background:#fff!important;}

/* width modifiers*/
.narrow {margin:0 auto;width:50%;}
.narrow.two-thirds {width:66.666666667%;}

/* #2 REUSABLE MODULES
==========================================================*/
/* Navigation, Boxes, bands, blocks, separators, margins, specific modules*/

/* 2.0 AB test */
.abtest {display:none;}
/* NOJS fallback */
.no-js .abtest {display:none;}

/* 2.1 NAVIGATION
==================================== */
/* horizontal navigation*/
.nav {}
.nav li {float:left;margin:0 0 0 1em;position:relative;}
.nav li:first-child {margin-left:0;}
.nav a {padding:0 .5em;text-decoration:none;}
.nav ol {position:absolute;margin:0;padding:0;}
.nav ol li {float:none;}

/* 2.2 TILES & BOXES
==================================== */
/** Tiles **
Tile is used where we want to have one or more horizontal blocks without any space in between, stacked together, with possibly same dynamic height */
div.tiles-outer {
    float:left;
    overflow: hidden;
	border:1px solid transparent;
	}
div.one.tile {
    float:left;
	width:90%;
	padding:2em 5%;
	}
div.tile ul {font-size:1.28571429em;line-height:1.5em;}
div.tile, div.tile p, div.tile h3 {color:#ffffff;}
/* two tiles */
div.two-tiles { /* wrapper for 2 tiles */
    float:left;
    position: relative;
    right:50%;
	}
div.two-tiles .tile {padding:2em 3.555555556%;}
div.tile.alpha {float: left;width: 42.8888888889%;position: relative;left: 50%;} 
div.tile.omega {float: left;width: 42.8888888889%;position: relative;left: 50%;}

/* colored backgrounds */
.darkgrey-bg {background:#4d4d4d;}
.orange-bg {background:#ff931e;}
.light-gray {background:#F5F5F5;}

/* Blocks */
ul.block {list-style-type:none;margin:0;padding:0;text-align:center;margin-bottom:4em;}
ul.block li {background:#484847;display:inline-block;height:212px;width:212px;text-align:center;}
ul.block li.showall {background:#75736e;}
ul.block li h3 {color:#fff;padding:0;margin:0;font-size:1em;}
ul.block li > a 
{
        display:block;
        width:100%;
        height:100%;
        font-size:1.5em;
        color:#fff;
        text-decoration:none;
}
ul.block li.hidden {display:none;}

ul.block li > a {background:url(/static/images/products/icons/isllight_96.png) no-repeat center 20px;}
ul.block li.showall > a {background:none;}
ul.block li > a:hover {background-color:#b6da2a;}
ul.block li > a h3 {display:block;position:relative;top:130px;}
ul.block li.showall > a h3 {top:90px;}
ul.block li > a span {display:block;position:relative;top:140px;font-size:.7em;}

/** Boxes **
Box can be used on inner blocks to create visual effect of enclosed block. Similar than tiles except that it has borders, padding and margins to separate the visually */
.box, .inset-box {
	/* going flat */
}
.curved.box {
	/* going flat */
}

/* Box styles */
/* inset-box */
.inset, .inset-box {background:rgba(0,0,0,.1);border:0;}
.inset-box:hover, .inset-box:focus {background:rgba(0,0,0,.05);top:0;}
.inset-box:active {background:rgba(0,0,0,.05);}
.inset-box.button:link {color:#444;}

/* closed box */
.closed.box {border:1px solid #D9D9D9;}
.closed.box .box-head {background-color:#f2f2f2;padding:.521739130em 2.227171492%;}
.closed.box .box-content {padding:0 2.227171492%}

/* white box */
.white.box {border:1px solid #E6E6E6;background:#fff;}

/* shaded box */
.shaded.box {
	/* going flat */
	}
/* square box */
.square.box {border-radius:0;}
/* light box */
.light.box {border:2px solid #ccc;padding:2em;
	background: #ffffff; /* Old browsers */
	-webkit-transition: all .4s linear;
     -moz-transition:all .4s linear;
     -o-transition:all .4s linear;
     -ms-transition:all .4s linear;
     transition:all .4s linear;
	}
.light.box.less-padding {padding:2em 1em 2em 1em;}
.light.box:hover {
	background: #fafafa; /* Old browsers */
	-webkit-transition: all .4s linear;
     -moz-transition:all .4s linear;
     -o-transition:all .4s linear;
     -ms-transition:all .4s linear;
     transition:all .4s linear;
	}
.dark .light.box:hover {
	background: #ffffff; /* Old browsers */
	-webkit-transition: all .4s linear;
     -moz-transition:all .4s linear;
     -o-transition:all .4s linear;
     -ms-transition:all .4s linear;
     transition:all .4s linear;
	 }

/** Boxes Lists **/
/* boxes are used on parent element to define all child elements 
*/
ol.boxes > li, ul.boxes > li{
	/* going flat */
}
ol.boxes.light > li, ul.boxes.light > li {
	border:1px solid #cccccc;
	-webkit-transition-duration: .3s;
}
ol.boxes.light > li:hover {background:#f7f7f7;-webkit-transition-duration: .3s}

/* Special boxes */
/* pdfbox */

/* biglink pdf box */
.biglink.box {float:left;border:1px solid #ddd;font-size:1.2863em;font-weight:200;width:100%;padding:.5em 0;}
.biglink.box.pdf a {background:url(/static/v61/images/icons/icon-pdf-x64.png) no-repeat;background-position:1em 50%;padding:1.5em 1em 1.5em 5.5em;display:block;}
.biglink.box:hover {background:#fafafa;-webkit-transition-duration: .3s}

/* Content in Boxes */
.box .text{color:#808080;color: rgb(128,128,128);}

/* box with image and text */
.box .text.img-sibling {min-height:172px;font-style:italic;}
.box .image {float:left;margin-right:2em;width:106px;height:106px;padding:32px;border:1px solid #B3B3B3;background:#ffffff;}
.box .image .img-holder {width:106px;height:106px;
	/*preventing flickering */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;}

.box .bg-image {display: block;text-decoration: none;}
.box .bg-image img {
	display: block;
	max-width: 100%;
	border: 0;
}
/* Get softwaree (download&run) box */
.content > .wrapper > .get-software {margin-top:1.428571429em;}
.get-software .box {padding:0;font-size:1.285714286em}
.get-software .box a {padding-top:152px;width:100%;display:inline-block;color:#fff;font-weight:bold;}
.get-software .box a span {display:inline-block; width:97%;margin:1.5%;padding:.5em 0;background-color:#7f7f7f;-webkit-transition-duration: .3s;}
.get-software + p {margin:1em 0;}

/* Quickboxes */
.band.quickboxes {background-color:#f0f0f0;}
.band.quickboxes .wrapper {padding:1.928571429em 0;}
.quickboxes a.box {	
	position:relative;
	display:block;
	font-size:1.71428571em;
	border:1px solid #C5C5C5;
	background:#fff;
	text-align:center;
	padding:.75em;
	-webkit-transition:background .3s ease;
	-moz-transition:background .3s ease;
	-o-transition:background .3s ease;
	-ms-transition:background .3s ease;
	transition:background .3s ease;
	margin-bottom:0;
	}
.quickboxes a.box:hover,
.quickboxes a.box:active,
.quickboxes a.box:focus {
	background: #fafafa;
	color:#F7831E;
	text-decoration:none;
	-webkit-transition:background .3s ease;
	-moz-transition:background .3s ease;
	-o-transition:background .3s ease;
	-ms-transition:background .3s ease;
	transition:background .3s ease;
	}
.quickboxes a.box span {
	display:block;
	color:#444;
	padding:.1em 0 .35em 0;
	line-height:1em;
	}
.quickboxes a.box small	{font-size:.75em;}
.quickboxes a.box:hover small {text-decoration:underline;}

/* 2.3 USER QUOTES
==================================== */
/* .bigquote on .userquote will give you the quote sign before text */
/* .bigger on .quote will give you bigger text */
.userquote {position:relative;padding:2.5em;overflow:hidden;overflow:hidden;margin-bottom:2.85714286em;}
.content .userquote h3 {font-size:1.5em;color:#808080;text-align:left; padding-left:2.6em;margin-bottom:1em;} /* Reseting content h3 settings */
.userquote .quotetxt {padding-left:4em;}
.userquote .quoteimg {float:left;margin-right:2em;width:106px;height:106px;padding:32px;border:1px solid #B3B3B3;background:#ffffff;}
.userquote .quoteimg .img-holder {width:106px;height:106px;
	/*preventing flickering */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;}
.userquote blockquote.quote {margin:0 0 1em;}
.userquote blockquote q {font-size:1.28571429em;font-style:italic;color:#808080;color:rgb(128,128,128);line-height:1.5em;}
.userquote blockquote.quote p:last-child {margin-bottom:.71428571em;}
.userquote blockquote.quote.bigger {font-size:1.14285714em;margin-bottom:.3125em;}
.userquote blockquote.quote.bigger p:last-child {margin-bottom:.625em;}
.userquote .figcaption {text-align:right;margin:.35714286em 1.47058823% .71428571em;color:#999;}
.userquote .figcaption strong {color:#333;}
.userquote .figcaption:before {content:"\2014";padding-right:.3em;}

/* Userquote Full content width */
.userquote.fullquote {border:2px solid #ccc;}
.userquote.fullquote p {width:98%;}
.userquote.fullquote blockquote.quote:before {position:absolute;left:32px;top:.58em;font-size:8em;content:'\201C';font-family:Georgia, serif;}

/* Plainquote */
/* only quote txt and author are defined*/
.plainquotes blockquote {margin:0;font-style:italic;}
.plainquotes .figcaption {padding-top:1em;font-weight:bold;}

/* Userquote CSS Transitions */
.userquote:hover q, .userquote:hover h3 {color:#323232;-webkit-transition-duration: .5s;}

/* 2.4 COLUMN BLOCKS
==================================== */
/* Inner content grid useful for making lists or anything that has more than three blocks in a row */

/* Multiple rows grid */
/* "full" prefix means whole width, otherwise 3/4 assumed.
 * "tight" suffix means no spacing between columns
 * 3/4 supports elements at .inside or inside it */
 
/* 2 col */
.col2 {width:80%;margin:0 -2.22222222% 1.42857143em;}
.inside .col2 {width:auto;margin:0 -2.941177% 1.42857143em;padding:0;}
.col2 > li {width:45.833333%;margin:0 0 1.42857143em 2.777778%;float:left;}
.col2 > li:nth-child(2n+1) {clear:left;}
/* 5 col */
.col5 {width:80%;margin:0 -2.22222222% 1.42857143em;}
.inside .col5 {width:auto;margin:0 -2.941177% 1.42857143em;padding:0;}
.col5 > li {width:16.666667%;margin:0 0 1.42857143em 2.777778%;float:left;}
.col5 > li:nth-child(5n+1) {clear:left;}
 
 /* full coll / whole width */
.full-col2 {overflow:hidden;margin:0 -2.22222222% 1.42857143em;}
.full-col2 > li {width:46.808511%;margin:0 0 1.42857143em 2.127656%;float:left;}
.full-col2 > li:nth-child(2n+1) {clear:left;}

.full-col3 {overflow:hidden;margin:0 -2.22222222% 1.42857143em;}
.full-col3 > li {width:29.787234%;margin:0 0 1.42857143em 3.191489%;float:left;}
.full-col3 > li:nth-child(3n+1) {clear:left;margin-left:2.127656%;}

.full-col4 {overflow:hidden;margin:0 -2.22222222% 1.42857143em;}
.full-col4 > li {width:22.340426%;margin:0 0 1.42857143em 2.127656%;float:left;}
.full-col4 > li:nth-child(4n+1) {clear:left;}

.full-col5 {overflow:hidden;margin:0 -2.22222222% 1.42857143em;}
.full-col5 > li {width:17.021277%;margin:0 0 1.42857143em 2.65957446%;float:left;}
.full-col5 > li:nth-child(5n+1) {clear:left;margin-left:2.127656%;}

/* full coll tight for no spacing between tiles */
.full-col2.tight {overflow:hidden;margin:0 -2.22222222% 1.42857143em;}
.full-col2.tight > li {width:48.936167%;margin:0 0 1.42857143em;float:left;}
.full-col2.tight > li:nth-child(2n+1) {clear:left;}

.full-col3.tight {overflow:hidden;margin:0;}
.full-col3.tight > li {width:33.30%!important;margin:0 0 1.42857143em;float:left;}
.full-col3.tight > li:nth-child(3n+1) {clear:left;}

.full-col4.tight {overflow:hidden;margin:0 -2.22222222% 1.42857143em;}
.full-col4.tight > li {width:24.468082%;margin:0 0 1.42857143em;float:left;}
.full-col4.tight > li:nth-child(4n+1) {clear:left;}

.full-col5.tight {overflow:hidden;margin:0 -2.22222222% 1.42857143em;}
.full-col5.tight > li {width:19.68085146%;margin:0 0 1.42857143em;float:left;}
.full-col5.tight > li:nth-child(5n+1) {clear:left;}


/* Single row grid */
/* grid with 5 columns in a single row */
.col5-block {clear:both;margin:0 1.04166667% -2px;
	border-bottom-color:rgb(194, 222, 236);
	border-bottom-color:rgba(255,255,255,.4);
	border-bottom-width:2px;
	border-bottom-style:groove;}
.col5-block ul {margin:0 -1.06382979% .71428571em;overflow:hidden;}
.col5-block ul > li {width:17.91666667%;margin:0 0 0 2.08333333%;float:left;}
.col5-block ul > li:nth-child(5n+1) {margin-left:1.04166667%;clear:left;}
/* grid with 6 columns in a single row */
.col6-block {clear:both;margin:0 1.04166667% -2px;
	border-bottom-color:rgb(194, 222, 236);
	border-bottom-color:rgba(255,255,255,.4);
	border-bottom-width:2px;
	border-bottom-style:groove;}
.col6-block ul {margin:0 -1.06382979% .71428571em;overflow:hidden;}
.col6-block ul > li {width:14.58333333%;margin:0 0 0 2.08333333%;float:left;}
.col6-block ul > li:nth-child(6n+1) {margin-left:1.04166667%;clear:left;}

/* Colored full cols */

	/* 3 blocks green shaded squares */
	.green-shades {overflow:visible!important;min-height:10em;}
	.green-shades > li {float:left;min-height:10em;position:absolute;left:33.33%;
		background:#b7d840;border:0px solid #78c848;color:#fff;
		-webkit-transition: all 100ms linear;
		-moz-transition: all 100ms linear;
		-o-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		transition: all 100ms linear;
		-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;
		}
	.green-shades > li h3 {color:#fff;}
	.green-shades > li:first-child {background:#a0bd37;left:0;}
	.green-shades > li:last-child {background:#485521;left:66.66%;}
	.green-shades > li.last-child /* ie8- fix */ {background:#485521;left:66.66%;}
	.green-shades > li:hover {border:10px solid #78c848;margin:-10px -10px 0 -10px;z-index:900;}

/* 2.5 BANDS (full screen width block)
==================================== */
/* band */
.band  {padding:2.85714286em 0;margin-bottom:2.85714286em;clear:both;}
.band.bottom {margin-bottom:0;margin-top:2.85714286em;}
/* dark band */
.band.dark { background:#f5f5f5; }

/* band - out of content *
out of content section + stick to footer */
.body > .band.dark {
	padding-bottom:4.285714286em;
	}
.body > .band.dark > .wrapper {width:900px;}
.body > .band.dark ul,
.body > .band.dark p {font-size:1.285714286em;line-height:1.5em;margin-bottom: 1.111111111em;}
.body > .band.dark h1,
.body > .band.dark h2,
.body > .band.dark h3,
.body > .band.dark h4 {color:#444;}

/* gray band */
.band.gray {
	background:#4D4D4D;
	opacity:.9;width:100%;
	color:#ffffff;
	}
.band.gray h2,
.band.gray h3 {color:#ffffff;}

/* band dark vs wrapper - for Z style content product root + mobile */
.bottom-align {vertical-align:bottom}
.z-bands .band.dark {padding:0;margin-bottom:0;}
.z-bands .section {display: inline-block;width: 100%;}
.z-bands .wrapper > .columns.alpha{width:425px;margin-right:25px;}
.z-bands .wrapper > .columns.omega{width:425px;margin-left:25px;}
.z-bands .wrapper > .columns.alpha > h3 {padding-top:104px;}
.z-bands .wrapper > .columns.omega > h3 {padding-top:90px;}
.z-bands .wrapper > .columns > img {position:relative;bottom:0;left:0;vertical-align:bottom}
.z-bands .wrapper > .columns.alpha > img  {left:-124px;}
.z-bands .featurelinks h2 {margin-left:1.041666666666667%;padding-bottom:0;line-height:1em;}
.z-bands .featurelinks ul {margin-bottom:0;}
.z-bands .featurelinks ul > li:first-child {text-transform:uppercase;font-size:1.166666667em;margin-bottom:.571428571em;}

/* black band */

.band.black,
.band.light-black {
	clear:both;
	background:#151314;
	width:100%;
	position:relative;
}
.band.black > .wrapper > h2,
.band.light-black > .wrapper > h2 {
	color:#fff;
}
.band.light-black {
	background:#333;
}

/* green wave */
.band.green-wave {overflow:hidden;opacity:.9;padding:0;width:100%;color:#ffffff;
	border-width:3.5em 0 3.5em 0;
	border-color:transparent;
	-moz-border-image:url(/static/v61/images/bg-green-wave.png) 49 0 49 0 stretch;
	-webkit-border-image:url(/static/v61/images/bg-green-wave.png) 49 0 49 0 stretch;
	-o-border-image:url(/static/v61/images/bg-green-wave.png) 49 0 49 0 stretch;
	-ms-border-image:url(/static/v61/images/bg-green-wave.png) 49 0 49 0 stretch;
	border-image:url(/static/v61/images/bg-green-wave.png) 49 0 49 0 stretch;
	border-style:solid;
}
.band.green-wave .green-container {background:#bad80c;padding:2.14285714em 0;font-size:1.28571429em;}
.band.green-wave .green-container ul {font-size:1.16666667em}
.band.green-wave .green-container h2,
.band.green-wave .green-container h3 {color:#ffffff;} 
.band.green-wave .figcaption {color:#ffffff;}

/* Band - How it works */
.how-it-works ul,
.how-it-works li,
.how-it-works p {
    margin-bottom:0!important;
}
.how-it-works li h4 {
    font-size:1em;
    padding:0;
    margin:.75em 0;
}
.how-it-works .button.wide {
    margin-top:40px;
    margin-bottom:4px;
}
.how-it-works .double-col {
    width:80%;
    margin:0 auto;
}
.how-it-works .double-col li:first-child {
    margin-right:20px;
    margin-left:0;
}
.how-it-works .double-col li:last-child {
    margin-right:-20px;
    margin-left:20px;
}
.how-it-works .double-col .pointer.show-arrow:after {
    right:-30px;
}
.how-it-works .pointer {
    height:175px;
    line-height:175px;
    position:relative;
    margin-top:1.5em;
}
.how-it-works .pointer.show-arrow:after {
    position: absolute;
    top: 0;
    right: -28px;
    width:20px;
    height:134px;
    content:'';
    background:url(/static/v61/images/icons/icon-arrow.png) no-repeat center center;
    line-height:134px;
    display:inline-block;
    vertical-align:middle;
}
/* 2.6 ALIGNMENTS AND POSITIONING
==================================== */

.absolute-center { /* Element with this class has to have height defined! */
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}
.horizontal-center {
	margin:0 auto;
}
/* Reset Margins */
.nomargin{margin:0!important;}
.nomargin-bottom {margin-bottom:0!important}
.nomargin-top{margin-top:0!important}

/* Reset Paddings*/
.nopadding{padding:0!important;}
.nopadding-bottom {padding-bottom:0!important}
.nopadding-top{padding-top:0!important}

/* Vertical margins */
.half-margin {margin-top:1.428571429em!important;margin-bottom:1.428571429em!important;}
.margin-before {margin-top:2.85714286em;}
.margin-before1 {margin-top:4.285714286em;}
.margin-before2 {margin-top:5.71428571em;}
.margin-before3 {margin-top:7.143em;}
.margin-after {margin-bottom:2.85714286em!important;}
.margin-after1 {margin-bottom:4.285714286em;}
.margin-after2 {margin-bottom:5.71428571em!important;}
.margin-after3 {margin-bottom:7.143em;}
.margin-around {margin-top:2.85714286em;margin-bottom:2.85714286em;}
.margin-around1 {margin-top:4.285714286em;margin-bottom:4.285714286em;}
.margin-around2 {margin-top:5.71428571em;margin-bottom:5.71428571em;}
.margin-around3 {margin-top:7.143em;margin-bottom:7.143em;}
.margin-around-bottom {margin-top:2.85714286em;margin-bottom:5.71428571em;}

h2.margin-before {margin-top:2.5em!important;}

/* Paddings */
.padd2em {padding:2em;}
.padding-left {padding-left:20px}

p + .connected {margin-top:-1.11111111em;}
h3 + .connected {margin-top:-0.777777778em;}

/* 2.7 SEPARATORS & BORDERS
==================================== */

/* separator */
.separator {border-top:1px solid #E6E6E6;}

/* borders */
.border-around {border-bottom:1px solid #E6E6E6;border-top:1px solid #E6E6E6}
.border-bottom {border-bottom:1px solid #E6E6E6;}
.border-top {border-top:1px solid #E6E6E6;}
.border-bottom.gray {border-color:#555;}
.border-around { /* going flat now */
	}
.no-border { /* going flat now */
	}
.border-top.smaller { /* going flat now */
	}
	
.empty.border-top {/* going flat now */}
.empty.border-top.smaller {/* going flat now */}

/* 2.8 SPECIFIC MODULES (signup,spinwheel, features, contact-banner, customers-banner)
==================================== */

/* signup */
.wrapper.signup {text-align:center;padding:4em 0 4.071428571em 0;}
.wrapper.signup h3 {line-height:1em;padding-bottom:1em;margin-top:-3px;}
.wrapper.signup .button {min-width:8em;}

/* horizontal signup*/
.wrapper.signup.signup-horizontal {
    padding:4.64285714em 0;
}
.band.dark .wrapper.signup.signup-horizontal {
    padding:1.785714286em 0;
}
.wrapper.signup.signup-horizontal  h3 {
    font-size:1.5em;
    padding:0;
    margin:0;
    display:inline;
    display:inline-block;
    line-height:2.38095238em;
    margin-right:50px;
}

/* spinwheel */
.spinwheel {min-height:32.1428571em;width:100%;position:relative;}
.spinwheel .spinpart {left:0;top:0;}
.bullets {margin:0 auto 1.42857143em;width:110px;overflow:hidden;display:none;}
.bullets li {width:20px;height:20px;text-indent:-1000em;margin-left:10px;}
.bullets li a {background:url(/static/v61/images/bullet.png) no-repeat;display:block;width:100%;height:100%;padding:0;}
.bullets li a.selected {background-position:0 -20px;}

/** Title dots **/
h1.dot {display:inline-block;}
h1.green.dot:after {
    width: 0;
	clear:both;
    white-space: nowrap;
    content:".";
	color:#bad80c;
	font-size:1em;
	}
h2.dot {display:inline-block;line-height:20px;}
h2.green.dot:after {
    width: 0;
	clear:both;
    white-space: nowrap;
    content:".";
	color:#bad80c;
	font-size:1em;
	}

/** Action - call to action boxes **/
.action {margin:0 auto;}
/** Features **/
.features {float:left;width:100%;}
.features > h2 {padding-left:.7em;padding-bottom:0!important;margin-left:1.041666666666667%;margin-top:.9375em!important;margin-bottom:0!important;}
.features ul {margin:1.428571429em 0;line-height:2.57142857em;padding-left:2em;font-size:1em!important;}
.features ul > li { width:100%; margin-bottom:1.42857143em; overflow: hidden;height:8em;min-height:8em;font-size:1.3em;}
.features .circle {width:76px;height:76px;float:left;background-color:#666666;border-radius:50%;margin-right:25px;}
.features .featuretxt {display:table;height:4.222222222em;width:295px;margin:0 auto;}
.features .featuretxt span{font-size:1.555555556em;line-height:1.357142857em;font-weight:500;color:#666666;display:table-cell;vertical-align:middle;max-width:300px;}

/* features with tile and text */
.features.titleandtext ul > li {height:8em;min-height:8em;padding:0;font-size:1.3em;}
.features.titleandtext ul > li:last-child {margin-bottom:0;}
.features.titleandtext .circle {margin-top:.5em}
.features.titleandtext .featuretxt {padding-top:.4em;height:5.42857143em;}
.features.titleandtext .featuretxt span{font-size:1.555555556em;display:block;}

/** Sprites **/
/* gray circles */
.sprite.gray .circle {width:76px;height:76px;background-color:#666666;border-radius: 50%;display:block;}

/** Customers banner **/
.customers-banner {text-align:center;}
.customers-banner h3 {margin:0 0 1.42857143em;}
.customers-banner ul.years {float:left; font-size:1.142857143em;font-weight:600;display:inline;padding:0;width:96%;margin:0 2%;}
.customers-banner ul.years li {float:left;margin:0;width:7.692%;padding:0;zoom:1;}	
	
.customers-banner .number  {display:block;float:left;width:100%;;position:relative;margin-top:1.428571429em;}
.customers-banner .number  ul {float:left;display:inline;color:#ffffff;margin:0;padding:0;}
.customers-banner .number  ul li {position:absolute;width:84px;margin:0;padding:0;text-align:center;float:left;}
.customers-banner .number #cusnr1 {left: 13px;bottom: 75px;}
.customers-banner .number #cusnr2 {left:147px;bottom: 75px;}
.customers-banner .number #cusnr3 {left:343px;bottom: 75px;}
.customers-banner .number #cusnr4 {left:804px;bottom: 75px;}

div.styled-select {
   display:inline-block;
   background: url(/static/v61/images/icons/icon-arrow-down.png) no-repeat scroll 96% center #FFFFFF;
   margin: 0 0 0 1em;
}
div.styled-select {background: url(/static/v61/images/icons/icon-arrow-down.png) no-repeat scroll 96% center #FFFFFF;}
div.styled-select > #contact_info_selector {background-color:transparent;width:160px;}

/* Network map Gray-bg*/
.network-img {width:100%;height:520px;background:url(/static/v61/images/about-us/isl-network.png) no-repeat top center;margin-top:2.85714286em;margin-bottom:2.85714286em!important;}
.network-img div {width:100%;height:520px;}
.network-img-animated {background: url(/static/v61/images/about-us/isl-network.gif) no-repeat top center!important;} /* applied with JS */

/* Network map White-bg*/
.white.network-img {width:100%;height:520px;background:url(/static/v61/images/isl-network-white.png) no-repeat top center;margin-top:2.85714286em;margin-bottom:2.85714286em!important;}
.white.network-img div {width:100%;height:520px;}
.white.network-img-animated {background: url(/static/v61/images/isl-network-white.gif) no-repeat top center!important;} /* applied with JS */

/* Table allinone */
/* allinone */
table.allinone {width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 1.42857143em;text-align:left;}
table.allinone td {vertical-align:top;}
table.allinone th {font-weight:bold;vertical-align:top;border-bottom:1px solid #c5c5c5;}
/* headers */
table.allinone thead tr th,
table.allinone tr th {border-bottom:1px solid #c5c5c5;}
/* body */
table.allinone tbody td {border-bottom:1px solid #c5c5c5;}
table.allinone tbody td a {text-decoration:none;}
table.allinone tbody td a.normal {color:#28ABE3;text-decoration:underline;}
table.allinone tbody td a.normal:hover, a.normal:focus {color:#F7831E;text-decoration:underline;}
/* tfoot */
table.allinone.shop tfoot {display:block;}

/* sticky table */
table.sticky-table .sticky-thead {
	position:fixed;
	z-index:2;
	top:0;
	width:900px;
	background:#eee;
	opacity:.8;
	color:#4d4d4d;
	-webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

/* tooltips */
.tooltipmark {display:inline-block;width:1.25em;height:1.25em;border:1px solid #999;color:#999;font-weight:bold;font-size:.85714286em;text-align:center;line-height:1.25;cursor:pointer;position:relative;text-indent:-1000em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.tooltipmark:before {content:"?";position:absolute;left:0;top:0;width:100%;text-align:center;text-indent:0;}
.tooltipmark.exclamation:before {content:"!";}
.tooltipmark:hover {border-color:#666;color:#666;}
.tooltipmark.red {color:#FA4D4D;border-color:#FA4D4D;}
.tooltipmark.red:hover {color:#FA4D4D;border-color:#FA4D4D;}
.tooltiptext {max-width:250px;background:#E5E8A7;background-color:rgba(229,232,167,.95);border:1px solid #A59D32;padding:.71428571em 1.07142857em;color:#222;}

/* fix elements flickering when animated */
.contact-banner .sprite, .contact-banner ul li a {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}

/* section nav */
#section-nav {
  visibility: hidden;
  color: #333;
  display: block;
  right: 10px;
  top: 125px;
  position: fixed;
  z-index: 998;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

#section-nav .list-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 3;
}

#section-nav .list-nav li {
  cursor: pointer;
  display: block;
  overflow:hidden;
  text-align: right;
  padding: 6px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#section-nav .list-nav li .label {
  color: #4D4D4D;
  cursor: pointer;
  text-align: right;
  float: right;
  padding-right:6px;
  white-space:nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
  filter: alpha(opacity=00);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

#section-nav .list-nav li .dot {
  cursor: pointer;
  width: 1.42857143em;
  height: 1.42857143em;
  float:right;
}

#section-nav .list-nav li .dot .inner {
  top: .07142857em;
  left: -.357142857em;
  height: 10px;
  width: 10px;
  position: relative;
  display: inline-block;
  background: #B3B3B3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: 300ms -webkit-transform ease-in-out, 250ms opacity ease-in;
  -moz-transition: 300ms -moz-transform ease-in-out, 250ms opacity ease-in;
  -ms-transition: 300ms -ms-transform ease-in-out, 250ms opacity ease-in;
  transition: 300ms -webkit-transform ease-in-out, 250ms opacity ease-in;
}

#section-nav .list-nav li:hover .dot .inner {
  background: #4D4D4D;
}

/* States / transitions */

/* visible */

#section-nav.visible {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 250ms ease-in-out;
  -moz-transition: opacity 250ms ease-in-out;
  -o-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

/* hover, is-active */

#section-nav.visible .list-nav li:hover .label,
#section-nav.visible .list-nav li.is-active .dot .inner,
#section-nav.visible .list-nav li.is-active .label {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
}

#section-nav.visible .list-nav li.is-active .dot .inner {
  background: #4D4D4D;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#section-nav.visible .list-nav li:hover .dot .inner {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media screen and (max-width:1200px) {
  #section-nav {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
  }
}

/* 3.0 FORMS 
==================================== */

/* styled selects */
.styled-fields select {
    margin: 0;
    background: #fff;
    color:#888;
	padding:.666666667em 0 .666666667em .5em;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
	-o-appearance: none;
    appearance:none;
	text-indent: 0.01px;
    text-overflow: '';
    cursor:pointer;
}
.styled-fields select option {
	color:#888;
}
.styled-fields select::-ms-expand {
    display: none;
}
.styled-fields label {position:relative;display:inline-block;}
.styled-fields label:after {
    content:'\25BC';
    font:1em "Consolas", monospace;
    color:#aaa;
	right:8px; top:.833333333em;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.styled-fields select {padding-right:18px}
}

/* 3.1 BUTTONS
==================================== */
/* badges */
/* badge next to button */
.buttonbadge {vertical-align:middle;height:52px;margin-bottom:.428571429em;margin-right:1em;}
.buttonbadge.single {margin-top:.857142857em;}
/* badges in horizontal row */
.mobile.badges {margin-top:1em;}
.mobile.badges a {text-decoration:none;margin-right:.5em;}
.mobile.badges.medium img {height:50px}
.mobile.badges a:last-child {margin-right:0;}

/* buttons */
.button {display:inline-block;font-size:1.285714286em;padding:.833333333em 1.111111111em;text-align:center;background:#dcdcdc;color:#222;text-decoration:none;cursor:pointer;position:relative;white-space:nowrap;border:none;}
.button:hover, .button:focus, .button:active {background:#cccccc;color:#222;}
.button:hover, .button:focus {text-decoration:none;border:none;}
.button:active {text-decoration:none;}

a.button.disabled {color:#aaa;}
a.button.waiting {opacity:0;cursor:wait;z-index:-1;}

/* button modifiers */
/* ORANGE */
.button.orange {background:#F7831E;color:#fff;}
.button.orange:hover, .button.orange:focus, .button.orange:active {background:#E27B21;color:#FFF;}
/* GREEN */
.button.confirm, .button.green {background:#B4C521;color:#222;}
 .button.green:hover, .button.green:focus, .button.green:active, .button.confirm:hover, .button.confirm:focus, .button.confirm:active {background:#9EB307;color:#222;}
/* BLUE */
.button.blue {background:#30bcf8;color:#fff;}
.button.blue:hover, .button.blue:focus, .button.blue:active {background:#289fd2;color:#fff;}
/* WHITE */
.button.white {color:#28ABE3;background:#fff;border:1px solid #eee;}
.button.white:hover, .button.white:focus  {color:#F7831E;text-decoration:underline;}
/* TRANSPARENT */
.button.transparent {
  border: 1px solid #dcdcdc;
  background-color: transparent;
  color: #28ABE3;
  text-decoration: none;
}

.button.transparent:hover,
.button.transparent:focus {
  color: #F7831E;
  text-decoration: underline;
}

/* Specific buttons */

/* full width */
.button.fullwidth {
	float:left;padding:.777777778em 0;width:100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
}
/* wide */
.button.wide {padding:.777777778em 2.5em}

/* download */
.button.download {display:inline-block;text-indent:28px;padding-left:1.555555556em;}
.button.download:before {width:28px;height:32px;content:"";position:absolute;left:0;top:50%;margin:-16px 0 0 0.857142857em;background:url(/static/v61/images/icons/icon-download.png) no-repeat 0 0;}

/* button text below */
.button .button-desc {display:block;text-indent:0;position:absolute;top:2em;left:0;width:100%;text-align:center; white-space: nowrap;color:#aaa;font-size:.666666667em;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	line-height:1.333333333em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.button:hover .button-desc {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	top:4.333333333em;
}


/* buttons groups container */
div.two-buttons .button {min-width:6.666666667em;margin:0 0 0 .5em!important;}
.center-align h2 + .button.orange.signup {margin-bottom:0.222222222em;}

/* Video text button */
/* for intermediate time untill we change them all. JS script uses .button .video as selector so we have to overwrite it in css for now */
.button.video.play {
	color:#28ABE3;text-decoration:none;
	position:relative;
	background:none;
	line-height:1em;
	border:0;
	padding:0;
	min-width:1px;
	margin:0;
	text-indent:0;
	white-space:normal;
	height: auto;
    min-height: 1px;
    max-height: 999999px;
	visibility:hidden;
	}
.button.video.play.external {visibility:visible;}
.button.video.play span {
	padding-left:26px;
	padding-right:10px;
}
.button.video.play:before {
	margin: auto 0;
	position: absolute;
	font-size:.611111111em;
	left:4px;
	bottom: -2px;
	right: 0;
	width: 14px;
	height: 20px;
	content: "\25BA";
	max-height: 999999px;
}
.button.video.play:after {
	position: absolute;
	bottom:-1px;
	left:0px;
	-moz-border-radius: 18px/18px;
    -webkit-border-radius: 18px 18px;
    border-radius: 18px/18px;;
    border:solid 1px #28ABE3; 
    width:18px;
    height:18px;
	content:"";
}
.button.video.play:before {background:none}
.button.video.play:hover {color:#F7831E;}
.button.video.play:hover span {text-decoration:underline;}
.button.video.play:hover:after {border:solid 1px #F7831E;text-decoration:none;}
.button.video.play:hover:before {background:none;color:#F7831E;text-decoration:none;}

/* size resets */
p .button.video.play {font-size:1em;}


/* #3 PAGE PARTS
==========================================================
Titlebar, Header, Title Band, Content, Footer
========================================================== */

/* 3.1 TITLEBAR
==================================== */
.body,
.titlebar,
.titlebar-wrapper,
.titlebar.sticky-top,
.secondary-navigation .header,
.secondary-navigation .header.sticky-top {min-width:960px;}

/* titlebar wrapper for JS */
.primary-navigation, .secondary-navigation {min-height:3.5714285714em;}
.secondary-navigation {min-width:960px;}
/* titlebar styles */
.titlebar-wrapper {z-index:1000;}
.titlebar {background:#1A1A1A;color:#ccc;font-size:1.142857143em;min-height:3.125em;position:relative;padding:0;z-index:1000;}
/*.titlebar:after {content:".";display:block;height:0;clear:both;visibility:hidden;}*/
.titlebar a {color:#eee;}
.titlebar a:hover, #titlebar a:focus {color:#fff;}
.titlebar hr {display:none;}

/* logo */
.titlebar .logo {float:left;width:111px;height:3.125em;overflow:hidden;position:relative;left:-4px;padding-left:2.5em;} /* % left margin - logo indent inside image */
.titlebar .logo > a {
	display:block;height:100%;
	background:url(/static/v61/images/islonline-bigger.png) no-repeat left 6px;
	background-size:111px 40px;
	text-indent:-1000em;
	}
.titlebar .logo > a:hover {top:0;}

/* retina logo */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.titlebar .logo > a {
		background:url(/static/v61/images/islonline-bigger@2x.png) no-repeat left 6px;
		background-size:111px 40px;
	}
}

/* titlebar modifiers */
.titlebar .nav {float:left;}
.titlebar .nav a {display:inline-block;padding:.9375em .5em;white-space:nowrap;}
.titlebar .nav.menu {text-align:center;}
.titlebar .nav.menu a {min-width:5em;}
.titlebar .nav.menu a:hover,
.titlebar .nav.menu a.open {background-color:#333;color:#fff;}
.titlebar .nav li {margin:0;position:relative;}
.titlebar .nav ol {background:#3A3A3C;top:2.85714286em;padding:.57142857em 0;margin:0 .21428571em;display:none}
.titlebar .nav ol li {line-height:1em;}
.titlebar .nav ol a {padding:.5em;white-space:nowrap;min-width:5em;}
.titlebar .nav.tools {float:right;margin:0;padding-right:2.5em;}
.titlebar .nav.tools .button {font-size:1em;padding:0.3125em .5em;min-width:4.375em;margin:0.625em .5em 0 0;}
.titlebar .nav.tools .transparent.button {background-color:transparent;}

.titlebar .nav a.myaccount {min-width:4em;text-align:center;}
.titlebar .nav a.myaccount span {padding-left:16px;background:url(/static/v61/images/icons/icons-titlebar.png) no-repeat -64px .125em;}
.titlebar .nav a.myaccount:hover,
.titlebar .nav a.myaccount:focus,
.titlebar .nav a.myaccount.open {background-color:#333;color:#fff;}

/* 3.2 HEADER
==================================== */
.header {background:#F8F8F8;overflow:hidden;border-bottom:1px solid #E6E6E6;padding:0 2.857142857em;position:relative;top:0;}
.header .nav {float:left;text-shadow:0 1px 1px #eee;}
.header .nav li {padding:0;position:relative;}
.header .nav li a {color:#6E6E6E;display:inline-block;font-size:1em;padding:1em .5em .928571429em;border-bottom:.21428571em solid transparent;}
.header .nav li a:hover,
.header .nav li a:focus {color:#000000;text-shadow:0 0 1px #fff;}
.header .nav a:visited {text-shadow:none;}

/* selected items */
.header .nav li.selected a {border-bottom:.21428571em solid #B9D80B;}

/* secondary navigation header */
/* secondary navigation */
.secondary-navigation .header .nav .home a{padding:0;display:block;font-weight:bold;border-bottom:none;}
.secondary-navigation .header .nav .home a span {
	height: 100%;
	display: block;
	padding:1em 1.5em 1em 0;
	}
.secondary-navigation .header .nav .home a:after {
	content:'';
	height:1.928571429em;
	border-right:1px solid #e6e6e6;
	position:absolute;
	right:-1px;
	top:.857142857em;
}

/* sticky header */
.sticky-top {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
	-webkit-backface-visibility: hidden;
}
.header.sticky-top {
	opacity:.95;
	z-index:998;
}

/* 3.3 Title Band
==================================== */
.title {text-align:center;min-height:18.142857143em;}
.title .wrapper {padding:5em 0;}
.title .wrapper.higher {padding:6.5em 0;}

.title .wrapper h2 {
	margin-top:-.277777778em;
	font-size: 2.571428571em;
	line-height: 1.3333333em;
	padding-bottom:0;
}
.title .wrapper p {font-size:1.28571429em;line-height:1.5em; padding-top: .555555556em;}
.title .wrapper h2.subheading {
	margin-top:0;
	font-size: 1.5em;
	font-weight:normal;
	padding-top: .571428571em;
	margin-bottom: 0;
}
.title .margin-before {margin-top:1.6em;}

/* 3.4 MAIN CONTENT
==================================== */
/* content */
.content { margin:2.85714286em 0;width:100%;position:relative;line-height:1.428571429em;min-height:26em;}
.content .wrapper.width640,
.content .wrapper.width640 p {width:640px;} 
.content .width860 {width:860px;}
.content .wrapper {width:900px;}

.content h2 {padding-bottom:0.4375em;padding-top:.03125em;color:#444;}
.content h3 {padding-bottom:.5em;color:#444;}
.content h3.smaller {font-size:1.5em;}
.content h4 {font-size:1.428571429em;padding-bottom:.2em;padding-top:.5em;}
.content h2 + h3 {color:#6E6E6E} /* when h3 is a subtitle of h2 */
.content h5 {padding-bottom:.3333333333em;font-size:1.285714286em;color:#444}
.content .lighter {font-weight:normal;} /* Usually used inside H headings to make part of text lighter than the rest */
.content p {font-size:1.28571429em;line-height:1.5em}
.content li > p {font-size:1em;line-height:1.5em}
.content .wrapper > p + h2 {margin-top:1em;padding-top:0;}
.content .wrapper > p + h3 {margin-top:1.333333333em;padding-top:0;}
.content .wrapper > p + div.image img,
.content .wrapper > p + img {margin-top:1.666666667em} 
.content .wrapper > p + .box {margin-top:2.857142857em}

/* Content lists */
/* Basic */
.content ul {font-size:1.28571429em;line-height:1.5em;margin-bottom:1.111111111em;}
.content ol.list,
.content ul.list {font-size:1.28571429em;line-height:1.5em;margin-bottom:1.111111111em;margin-left:0.285714286em}
.content > .wrapper > ul {color:#808080;}
	/* Lists with bullets */
	.content > .wrapper > ul.disc {padding-left: 1.71428571em;}
	.content ul.disc > li {list-style: disc;}
	/* Ordered lists with numbers */
	.content > .wrapper > ol.numbered.list,
	.content > .band > .wrapper ol.numbered.list {padding-left:1.71428571em;}
	.content ol.numbered.list > li {list-style: decimal;}

/* Content head */
.contenthead {text-align:center;margin-bottom:2.85714286em;}
.contenthead h2 {font-size:2.85714286em}
.contenthead h3 {font-size:1.5em;color:#808080;}

/* Content images */
.content .image {overflow:hidden;}
.content .image a {display:block;text-decoration:none;}
.content .image img {display:block;max-width:100%;border:0;}
.content .image.full {margin:0 0 2.85714286em;border:1px solid transparent;}
.content .label,
.content .image-label {color:#a5a5a5;margin:auto;text-align:center;font-size:1.142857143em;line-height:1.5em;}
.content .logo {width:120px;height:60px;overflow:hidden;}
.content .face {width:260px;height:140px;overflow:hidden;position:relative;}

/* content styles */
/* .inflow lets contenthead flow into .content */
.inflow {clear:left;}


/* 3.5 Modal Windows 
==================================== */
/* Modal container */
#modal-container {
	top: 0;
	left: 0;
	z-index:-100;
	position: fixed;
	width: 100%;
	height:0;
	opacity:0;
	webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
#modal-container.open {
	display:block;
	height:100%;
	z-index:999;
	opacity:1;
	height:100%;
	webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
#modal-container > div {height:100%;margin-top:3.57142857em;}

/* modal content */
.modal-content {
	color:#ccc;
	display:block;
	background:#f2f2f2;
	width: 100%;
	height:100%;
	overflow-y: auto;
	ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
	filter: alpha(opacity=97);
	-moz-opacity: 0.975;
	-khtml-opacity: 0.975;
	opacity: 0.975;
	}
.modal-content > .wrapper {position: relative;top: 15%;padding-bottom:3.571428571em;}
.modal-content h3,
.modal-content h3 a {color:#444;font-weight:bold;}
.modal-content ol,
.modal-content ul {font-size:1.285714286em;line-height:1.666666667em;}

/* Close button */
#modal-container .close-modal {position:absolute;right:1.5em;top:5em;z-index:1;opacity:0;display:none;}
#modal-container .close-modal a{background:url(/static/v61/images/icons/icon-close-modal.png) no-repeat;width:24px;height:24px;display:block;}
#modal-container .close-modal a:hover {text-decoration:none;color:#fff;background-position: -30px 0;}
#modal-container.open .close-modal {opacity:1;display:block;}

/* html noscroll */
.modal-noscroll {position: fixed;width: 100%;}
.modal-noscroll body {overflow: hidden;-webkit-overflow-scrolling: none;max-height: 100%;}

/* specific modal window styling */
/* modal products */
#modal-products h3 {text-indent:30px;}
#modal-products p {font-size: 1.28571429em;line-height: 1.5em;max-height: 1000000px;color: #444;padding-left:30px;}
#modal-products ol.group {margin-top:2em;}
#modal-products ol.group > li > a {display:block;}
#modal-products ol.group > li > a:hover {color:#F7831E;}

#modal-products ol.group > li span {display: block;margin:0 auto .5em auto;width:96px;height:96px;background:url(/static/v61/images/icons/icons-modal-products.png) no-repeat;}
#modal-products ol.group > li.p1 span{background-position:0 0;}
#modal-products ol.group > li.p2 span{background-position:-96px 0;}
#modal-products ol.group > li.p3 span{background-position:-192px 0;}
#modal-products ol.group > li.p4 span{background-position:-288px 0;}
#modal-products ol.group > li.p5 span{width:178px;height:50px;background-position:-744px -26px;}
#modal-products ol.group > li.p6 span{width:178px;height:50px;background-position:-384px -26px;}
#modal-products ol.group > li.p7 span {display:block;margin:0 auto .5em auto;width:52px;height:52px;background:url(/static/v61/images/icons/icon-asds.png) no-repeat;}
#modal-products ol.group > li.p8 span{width:178px;height:50px;background-position:-564px -26px;}

.fluid {display:inline-block;}

/* modal myaccount */
#modal-myaccount h3 {text-indent:58px;}
#modal-myaccount ol li span {
	display:block;
	width:96px;
	height:96px;
	margin:0 auto;
	margin-top:-20px;
	background-repeat:no-repeat;
	background: url(/static/v61/images/icons/icons-modal-myaccount.png) no-repeat;
}
#modal-myaccount ol li#macc1 span{background-position: 0 0;}
#modal-myaccount ol li#macc2 span{background-position: -96px 0;}
#modal-myaccount ol li#macc3 span{background-position: -192px 0;}
#modal-myaccount ol li#macc4 span{background-position: -288px 0;}


/* Chat side window */
#chat {
	width:21.428571429em;
	margin: 0 2.5em 0 0;
	bottom: 0px;
	right: 0px;
	position: fixed;
	z-index:500;
	color:#fff;
	-webkit-animation: move 2.5s ease;  
	-moz-animation: move 2.5s ease;  
	-ms-animation: move 2.5s ease;
	-o-animation: move 2.5s ease;
	animation: move 2.5s ease;
	-webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

/* bubble mičo */
.bubble {
	margin-bottom:20px;
	font-size:1.285714286em;
	-webkit-animation: fadein .1s ease;  
	-moz-animation: fadein .1s ease;  
	-ms-animation: fadein .1s ease;
	-o-animation: fadein .1s ease;
	animation: fadein .1s ease;
}
.bubble.green {
	background-color:#b4c521;
}

.bubble small {
	display:block;
	margin-top:.533333333em;
}
.bubble > div {
	position:relative;
	padding:0.777777778em 100px 0.777777778em 20px;
}
.bubble:after {
	content: '';
	margin-left:-14px;
	height: 0;
	width: 0;
	position: absolute;
	bottom:46px;
	left: 50%;
	border:12px solid transparent;
	border-top-color: #b4c521;
	z-index: 1;
}

.bubble .figure-operator { 
	position:absolute; 
	right:8px; 
	top:-6px;
	width:86px; 
	height:86px; 
	background: url('/static/v61/images/mico.png') no-repeat; 
}


.bubble .close-modal {
	cursor:pointer;
	position: absolute;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	right: -9px;
	top: -9px;
	z-index: 1;
	width:18px;
	height:18px;
	background-color: #666666;
	border-radius: 50%;
	opacity:0;
	-o-transition:opacity .5s;
	-moz-transition:opacity .5s;
	-webkit-transition:opacity .5s;
	transition:opacity .5s;
}
.bubble .close-modal:hover {
	background-color:#4d4d4d;
	color:#F7831E;
}

.bubble:hover .close-modal {
	opacity:1;
	-o-transition:opacity .5s;
	-moz-transition:opacity .5s;
	-webkit-transition:opacity .5s;
	transition:opacity .5s;
}

/* chat btn */
#btn-chat {
	display:block;
	background-color:#666666;
	text-align:center;
	color:#fff;
}

#btn-chat:hover {
	background-color:#4d4d4d;
}

#btn-chat span {
	padding-left:40px;
	background: url('/static/v61/images/icons/chat-with-us.png') no-repeat;
}

#btn-chat.inactive span {
	background: url('/static/v61/images/icons/leave-a-message.png') no-repeat;
}

/* Price symbols */
.currency-symbol {margin-right:4px;}
.currency-symbol.back {margin-left:4px;margin-right:0px;}

/* 3.6 FOOTER 
==================================== */
.footer {background:#e6e6e6;clear:both;overflow:hidden;}
.footer .wrapper {width:900px;}
.footer hr {margin:0;border:0;height:1px;margin-bottom:-1px;visibility:hidden;}

.footlinks {padding:2em 0 0;border-bottom:1px solid #ccc;margin:0;}
.footlinks a {
	color:#6E6E6E;
	-webkit-transition:all .3s ease-in-out, top .1s linear;
	-moz-transition:all .3s ease-in-out, top .1s linear;
	-o-transition:all .3s ease-in-out, top .1s linear;
	-ms-transition:all .3s ease-in-out, top .1s linear;
	transition:all .3s ease-in-out, top .1s linear;
	}
.footlinks:hover a {color:#444;text-decoration:none;}
.footlinks a:hover {
	color:#F7831E;text-decoration:underline;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
	}
.footlinks > ul > li {position:relative;font-size:1.14285714em;text-align:center;padding:1em 0;}
.footlinks > ul > li span {display:block;position:relative;top:0;
	-webkit-transition:opacity .3s ease-in-out, top .1s linear;
	-moz-transition:opacity .3s ease-in-out, top .1s linear;
	-o-transition:opacity .3s ease-in-out, top .1s linear;
	-ms-transition:opacity .3s ease-in-out, top .1s linear;
	transition:opacity .3s ease-in-out, top .1s linear;
}
.footlinks > ul > li:after {width:1em;color:#bad80c;content:'//';height:1em;position:absolute;top:1em;right:-1em;}
.footlinks > ul > li:last-child:after {display:none;}
.footlinks:hover > ul > li span {opacity:1;}

/* foot */
.foot {margin:2em 0 160px;font-size:1em;line-height:1.25em;overflow:hidden;}
.foot .copyright {color:#b3b3b3;text-align:center;line-height:2.5em;}
.foot .copyright a {color:#b3b3b3;}
.foot .copyright a:hover {color:#F7831E;}

/* language */
.foot .language:hover {background:none}
.foot .language {float:right;margin:0 0 0 1.04166667%;}
.foot .language span {display:inline-block;padding:0 1em 0 20px;background:none;}
.foot .language fieldset {margin:0;padding:0 0 0 .5em;border:0;}
.foot .language legend {display:none;}
.foot .language .button {font-size:1em;padding:.714285714em 1.111111111em .64285714em;} 
.foot .language .l-country {display:none}

/* elsewhere */
.foot .social {float:left;line-height:26px;margin:0 1.04166667% 0 0;}
.foot .social.nav li {width:26px;height:26px;margin:0 0 0 5px;overflow:hidden;}
.foot .social.nav a {display:block;padding:0;}
.foot .social li span {display:block;text-indent:-1000em;width:100%;height:100%;}
.foot .social li:first-child {margin-left:0;}
.foot .social li a span {background:url(/static/v61/images/icons/icons-social-gray.png) no-repeat 0 26px;}
.foot .social li.twitter a span {background-position:0 0;}
.foot .social li.wordpress a span {background-position:-26px 0;}
.foot .social li.youtube a span {background-position:-52px 0;}
.foot .social li.facebook a span {background-position:-78px 0;}
.foot .social li.plusone {padding:0;}
.foot .social li.plusone a span {background-position:-104px 0;}
.foot .social li.instagram a span {background-position:-130px 0;}

.foot .social li.twitter a:hover span, .foot .social li.twitter a:focus span {background-position:0 -26px;}
.foot .social li.wordpress a:hover span, .foot .social li.wordpress a:focus span {background-position:-26px -26px;}
.foot .social li.youtube a:hover span, .foot .social li.youtube a:focus span {background-position:-52px -26px;}
.foot .social li.facebook a:hover span, .foot .social li.facebook a:focus span {background-position:-78px -26px;}
.foot .social li.plusone a:hover span, .foot .social li.plusone a:focus span {background-position:-104px -26px;}
.foot .social li.instagram a:hover span, .foot .social li.plusone a:focus span {background-position:-130px -26px;}

/* 3.7 COOKIE WARNING
==================================== */
/* Cookie warning */
#net_cookie_law_setter {float:left}
div.cookie-warning {text-align:center;position:fixed;bottom:0;left:0;width:100%;padding:0.80714286em 0 1.40714286em 0;border-top:1px solid #ccc;background:#75736e;background:rgba(0,0,0,.75);z-index:999;}
div.cookie-warning h3 {color:#fff}
div.cookie-warning span {color:#d6d6d6;display:block;width:960px;margin:0 auto 1em auto;}
div.cookie-warning .button {display:inline-block;}

/* 3.8 SYSTEM WARNING
==================================== */
/* 2013-03-02 TiM */
.warning_message {background:#EECDCD;padding: 1.5em 0;display:none;}
.warning_message .warning_message_body {width:93.75%;}
.warning_message .warning_message_commands {width:6.25%;text-align:center;}
.warning_message .warning_message_commands .close_button {cursor:pointer;}
.warning_message_noscript {background:#EECDCD;padding: 1.5em 0;}
.warning_message_noscript .warning_message_body {width:100%;}

/* #4 ANIMATIONS
==========================================================
classes for JS and CSS animations and transitions
========================================================== */
.animated-content { /* Prevents flickering of CSS animations on hover */
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
	}
/* hide all animated elements on page load and let JS do the rest */
.anim-fadeinscale,
.anim-fadein {opacity:0;}

/* #5 GRID
==========================================================
do not edit! Base 960px grid for site structure
========================================================== */

/* 5.1 BASE 960 GRID
==================================== */

    .wrapper                                  { position: relative; width:960px; max-width: 960px; margin: 0 auto; padding: 0; }
    .wrapper .column,
    .wrapper .columns                    	{ float: left; display: inline; margin-left: 1.041666666666667%; margin-right: 1.041666666666667%; }
    .row                                        	{ width:100%; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
	.columns.alpha								{margin-right:2.083333334%;} /* Increasing margin to right */
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .wrapper .one.column,
    .wrapper .one.columns                     { width: 4.166666666666667%;  }
    .wrapper .two.columns                     { width: 10.41666666666667%; }
    .wrapper .three.columns                   { width: 16.66666666666667%; }
    .wrapper .four.columns                    { width: 22.91666666666667%; }
    .wrapper .five.columns                    { width: 29.16666666666667%; }
    .wrapper .six.columns                     { width: 35.41666666666667%; }
    .wrapper .seven.columns                   { width: 41.66666666666667%; }
    .wrapper .eight.columns                   { width: 47.91666666666667%; }
    .wrapper .nine.columns                    { width: 54.16666666666667%; }
    .wrapper .ten.columns                     { width: 60.41666666666667%; }
    .wrapper .eleven.columns                  { width: 66.66666666666667%; }
    .wrapper .twelve.columns                  { width: 72.91666666666667%; }
    .wrapper .thirteen.columns                { width: 79.16666666666667%; }
    .wrapper .fourteen.columns                { width: 85.41666666666667%; }
    .wrapper .fifteen.columns                 { width: 91.66666666666667%; }
    .wrapper .sixteen.columns,			/* use either class for full width */
	.wrapper .full.column                { width: 97.91666666666667%; }

    .wrapper .one-third.column                { width: 31.25%; }
    .wrapper .two-thirds.column               { width: 64.58333333333333%; }

    /* Offsets */
    .wrapper .offset-by-one                   { padding-left: 6.25%;  }
    .wrapper .offset-by-two                   { padding-left: 12.5%; }
    .wrapper .offset-by-three                 { padding-left: 18.75%; }
    .wrapper .offset-by-four                  { padding-left: 25%; }
    .wrapper .offset-by-five                  { padding-left: 31.25%; }
    .wrapper .offset-by-six                   { padding-left: 37.5%; }
    .wrapper .offset-by-seven                 { padding-left: 43.75%; }
    .wrapper .offset-by-eight                 { padding-left: 50%; }
    .wrapper .offset-by-nine                  { padding-left: 56.25%; }
    .wrapper .offset-by-ten                   { padding-left: 62.5%; }
    .wrapper .offset-by-eleven                { padding-left: 68.75%; }
    .wrapper .offset-by-twelve                { padding-left: 75%; }
    .wrapper .offset-by-thirteen              { padding-left: 81.25%; }
    .wrapper .offset-by-fourteen              { padding-left: 87.5%; }
    .wrapper .offset-by-fifteen               { padding-left: 93.75%; }

/* 5.2 GRID CLEARING
==================================== */
    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> 
    Note: Or don't use the word clearfix at all because the word is horrible semantically.*/

    .wrapper:after,
    .group:before,
    .group:after,
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .wrapper:after,
    .row:after,
    .clearfix:after,
    .group:after {
      clear: both; }
    .row,
    .clearfix,
    .group {
      zoom: 1; }

/* 6 Media queries - slightly responsive
==================================== */
@media screen and (max-width:1150px) {
	/* decrease titlebar padding to keep it in one row */
	.titlebar .logo {padding-left:1em;}
	.titlebar .nav.tools {padding-right:1em;}
    .titlebar { 
        font-size:1em;
        min-height:3.571428571em;
    }
    .titlebar .nav.menu li a {
        padding: 1.071428571em .5em;
    }
    .titlebar .nav.tools .button {
        margin: 0.714285714em .5em 0 0!important;
    }
}
@media screen and (max-width:959px) {
	body {min-width:100%;}
	/* sticky titlebar falls in max two rows */
	.titlebar.sticky-top {min-width:500px}
	.titlebar.sticky-top .nav.menu {width:100%;}
	.titlebar.sticky-top .nav.tools {position:absolute;top:0;right:0;}
	/* modal content falls into more rows */
	#modal-container .close-modal {right: 2.5em;top: 8em;}
	.modal-content .wrapper {width:100%;top:20%;}
	.modal-content .four.columns {width: 47.91666666666667%;padding-bottom:2em;}
	/* modal more horizontal alignment fix */
	.modal-content#modal-more .four.columns {text-align:left;}
	.modal-content#modal-more .four.columns .fluid {padding-left:25%;}
	/* make chat a bit smaller */
	#chat {width:15em;}
	#chat small {display:none}
	#chat .bubble {margin-bottom:.777777778em;}
	#chat .bubble .figure-operator {width:60px;height:60px;background-size:60px 60px;}
}

/* 6.1 Keyframes
==================================== */	  

/* chat bubble */
@-webkit-keyframes fadein
{
  0% {
	opacity:0;
  }
  100% {
    opacity:1;
  }
}
@-moz-keyframes fadein
{
  0% {
	opacity:0;
  }
  100% {
    opacity:1;
  }
}
@keyframes fadein
{
  0% {
	opacity:0; 
  }
  100% {
    opacity:1;
  }
}
/* chat modal */
@-webkit-keyframes move
{
  0% {
	-webkit-transform: translateY(48px);
  }
  90% {
	-webkit-transform: translateY(48px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes move
{
  0% {
	-moz-transform: translateY(48px);
  }
  90% {
	-moz-transform: translateY(48px);
  }
  100% {
    -moz-transform: translateY(0px);
  }
}
@keyframes move
{
  0% {
	transform: translateY(48px);
  }
  90% {
	transform: translateY(48px);
  }
  100% {
    transform: translateY(0px);
  }
}

@-webkit-keyframes height
{
  0% {
	-webkit-transform: translateY(-48px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes height
{
  0% {
	-moz-transform: translateY(-48px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes height
{
  0% {
	transform: translateY(-48px);
  }
  100% {
    transform: translateY(0);
  }
}

/* Mobile font scale fix */
.wrapper,
h2,
h3,
p {max-height: 1000000px}
/* Safari margin fix */
.band.dark,
.content .wrapper,
.clearfix,
.image-band {
    -webkit-margin-collapse: separate;
}

/* INTRO HIDDEN v62 transition fix */
.container.intro.hidden,
.navbar-secondary.intro.hidden {
    display:none;
}