@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('sourcesanspro-regular-webfont.woff2') format('woff2'),
    url('sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('sourcesanspro-bold-webfont.woff2') format('woff2'),
    url('sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Light';
    src: url('sourcesanspro-light-webfont.woff2') format('woff2'),
    url('sourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'webicon';
    src: url('webicon.eot?42');
    src: url('webicon.eot#iefix') format('embedded-opentype'), url('webicon.woff?42') format('woff'), url('webicon.ttf?42') format('truetype'), url('webicon.svg#webicon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

.light {
    font-family: 'SourceSansPro-Light', sans-serif !important;

}

.iwi:before, #MobileNav > ul.v-nav li.active > a:before, .prompt-label.success.successfield:after, .group-label.success:after, .sgsupport-form .sg-auth-image.sg-auth-clickable:after, .iwi:after, #SubNav .h-nav li a:before, #photobookDesignServiceStepBar ul li.step-done:before {
    font-family: 'webicon', sans-serif !important

}

/* reset.css  -> blueprint.css */
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;

}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}

body {
    line-height: 1.45;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

.sg-canvas-table {
    margin-top: 2.5em;
    margin-bottom: 5em;

}

/* td format from website css, but not on webshop/pricetables td-cells */
caption, th, td:not(#apmonlineshop-fotobooks-main-pages) :not([data-type="amount"]) {
    text-align: left;
    font-weight: normal;

}

table, th, td {
    vertical-align: middle;
}

.csc-textpic-center > .csc-textpic-imagewrap {
    clear: both;
    width: 100% !important;
    text-align: center;
}

a img {
    border: none;
}

:focus {
    outline: 0;
}

html {
    font-size: 100.01%;
    min-height: 101%
}

body {
    font-size: 14px;
    color: #000;
    font-family: 'SourceSansPro-Regular', sans-serif !important;
  
}



textarea, input, select {
    font-family: 'SourceSansPro-Regular', sans-serif;
    font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1, h2.h1 {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 6px;
    font-family: 'SourceSansPro-Light', sans-serif;
}

h2, h1.h2 {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 4px;
    font-family: 'SourceSansPro-Light', sans-serif;
}

h2.bold, h2 b {
    font-family: 'SourceSansPro-Regular', sans-serif;
	 -webkit-text-stroke: 0px !important;
}

h3, .tx-cwcustomeropinions-pi2 h2 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 4px;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
}

h5 {
    font-size: 1em;

    margin-bottom: 0.5em;
}

h6 {
    font-size: 1em;

}

h1.indent, h2.indent, h3.indent, h4.indent, .indent {
    padding-left: 14px;
}


/* bigfonts */
#mainContent .bigfont p:not(.small), #mainContent .bigfont .csc-default > ul li, #mainContent .bigfont .csc-default .box > ul li{
    max-width:780px;
	font-family: 'SourceSansPro-Light', sans-serif;
	font-size:22px;
}



#mainContent .bigfont h1, #mainContent .bigfont h2, #mainContent .bigfont h3{
    font-size:37px;
    margin-bottom:12px;
    line-height:43px;
  font-family: 'SourceSansPro-Light', sans-serif;
}

 
#mainContent .bigfont h3 a, #mainContent .bigfont li a, #mainContent .bigfont h2 a,  #mainContent .bigfont p a:not(.button){
	color:#3669C4;
	text-decoration: none;
}



/* test

#mainContent .bigfont a.button, #mainContent .bigfont a.button.big, #bannerArea .box-canvas .button{
    font-size:20px;
    padding:8px 32px;
		font-family: 'SourceSansPro-Regular', sans-serif;
}
*/
 



img {
    width: auto;
    max-width: 100%;
    height: auto;
}

 
 
#mainContent >div:last-child {
    padding-bottom: 48px;
}

#MobileNav .flexfce {
    align-items: flex-start;
    width: 100%;
}

 
p {
    margin: 0 0 1.5em;
    max-width: 960px;
}
p, li{
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

a {
    color: #333;
    text-decoration: underline;
}

a:hover, a:hover:before {
    color: #000;
}

a:before {
    color: #646A78;
}

#dd a, .flat-button, #f ul li a, h1 a, h2 a, h3 a, h4 a, h5 a, h1, h2, h3, a.flat-button:hover, .no-decoration, a h3 {
    text-decoration: none !important;
}

blockquote {
    font-style: italic;
}

em, dfn {
    font-style: italic;
}

sup, sub {
    line-height: 0;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin: 0 0 1.5em;
    font-style: italic;
}

del {
    color: #666;
}

pre {
    margin: 1.5em 0;
    white-space: pre;
}

pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
}

li ul, li ol {
    margin: 0;
}

.csc-default ul, .csc-default ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 1.5em;
}

ul {
    list-style-type: square;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 1.5em;
}

.small {
    font-size: 12px;
    color: #666666;
}

.smaller {
    font-size: 0.6em;
}

.subsmall {
    font-size: 0.9em;
}

.big {
    font-size: 1.5em;
}

h2.big {
    font-size: 2.4em;
}

.large {
    font-size: 1.2em;
    line-height: 2.5em;
    margin-bottom: 1.25em;
}

.hide {
    display: none;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0 !important;
    padding-right: 0;
}

.padding {
    padding: 0.5em 0.75em;
    padding-right: 0;
}

.no-padding {
    padding: 0;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

/* layout */
.col1, .col2, .col3, .col6, .col4, .col5, .c50l, .c50r, .c33l, .c33r, .c66l, .twocol, .onecol, .c66r, .col1-5, .col1-75, .c25, .col4-5, .col05 {
    float: left;
    text-align: left;
}

.col1 > div, .col2 > div, .col3 > div, .col4 > div, .twocol > div, .onecol > div, .col1-5 > div, .col1-75 > div, .col5 > div {
    padding: 1em;
}

.marginAround {
    margin: 1em !important;
}

.col05 > div {
    padding: 0.5em;
}

/* grid */
.col05 {
    width: 16.66%;
}

.col1 {
    width: 20%;
}

.col1-5, .c25 {
    width: 25%;
}

.col1-75 {
    width: 30%;
}

.col2, .c33l, .c33r, .onecol {
    width: 33%;
}

.col3, .c50l, .c50r {
    width: 50%;
    text-align: left;
}

.col4, .c66l, .twocol, .c66r {
    width: 66%;
}

.col4-5 {
    width: 75%;
}

.col5 {
    width: 80%;
}

.col6 {
    width: 100%;
}

.subcr {
    padding-left: 10px;
}

.subcl {
    padding-right: 10px;
}

.container {
    text-align: center;
    display: block;
    width: 100%;
    min-width: 260px;
}

.row {
    display: block;
    width: 100%;
    max-width: 1200px;
    clear: both;
    margin: 0 auto;
    padding: 0;
}

#mainContent {
    max-width: none;
    text-align: center;
    min-height: 800px;
}

#mainContent .csc-default {
    text-align: left;
}

.row-max {
    display: block;
    width: 100%;
    max-width: 100%;
    clear: both;
    text-align: center;
}

/*
* fex cols
*/
.flexfce {
    display: flex;
    flex-wrap: wrap;
}

.space-around {
    justify-content: space-around;
}

.flexfce .csc-default > .box {
    padding: 8px;
    flex: 1;
}

.flexfce .csc-default.boxed{
	display:flex;
	align-items: stretch;
margin-left: auto;
    margin-right: auto;
}
.flexfce .csc-default.boxed > .box{
	margin:4px;
padding:0;
	font-size:16px;
	
	 
}
h2.bigger{
	font-size:36px !important;
	margin-bottom:24px;
}
h1.bigger{
	font-size:48px;
	margin-bottom:16px;
}
.flexfce .csc-default.boxed > .box p, .flexfce .csc-default.boxed > .box h2{
	padding:0px 16px;
	
}
.flexfce.d100 .csc-default.boxed > .box p, .flexfce.d100 .csc-default.boxed > .box h2{
	max-width:780px;
    width:100%;    box-sizing: border-box;
	margin-left:auto !important;
	margin-right:auto !important;
}

.flexfce .csc-default.boxed > .box h2:first-child{
	padding-top:12px; 	font-size:28px;
}
.flexfce .csc-default.boxed > .box .vertical.bigbox{
 padding:52px 0px 64px 0px;
}
.flexfce .csc-default.boxed > .box .vertical.bigbox.image-first{
 padding:0px 0px 64px 0px;
}
.flexfce .csc-default.boxed > .box .vertical.bigbox.image-last{
 padding:52px 0px 0px 0px;
}
.flexfce .csc-default.boxed > .box .vertical.bigbox.image-last, .flexfce .csc-default.boxed > .box .vertical.bigbox.image-first{
	display:flex;
	flex-direction: column;
	
}
.flexfce .csc-default.boxed > .box .vertical.bigbox.image-last{
    justify-content: flex-end;
    flex: 0 0 100%;
    height: 100%;
    box-sizing: border-box;
}

.flexfce .csc-default.boxed > .box .vertical img{
	display:block;
}

/*.flexfce .csc-default.boxed > .box .vertical.bigbox img{
	padding:24px 0px;
}
.flexfce .csc-default.boxed > .box .vertical.bigbox.image-first img{
	padding:0px 0px 24px 0px;
}
.flexfce .csc-default.boxed > .box .vertical.bigbox.image-last img{
	padding:0px;
}
*/


.flexfce .csc-default.boxed.bigbox > .box{
	
	
}
.flexfce .csc-default > .box.bg-white{
	background-color:#FFFFFF;
}
.flexfce .csc-default > .box.bg-dark{
	background-color:#383838;
	color:#EFEFEF !important;
	
}
.flexfce .csc-default > .box.bg-dark a{
	color:#EFEFEF;
}
.flexfce .csc-default > .box.bg-dark a:hover{
	color:#FFFFFF;
}
.flexfce .csc-default.shadow > .box {
    padding: 16px 8px;
}
 


.flexfce.faq .csc-default {
    background-color: #F3F3F4;
    border-radius: 16px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
    position: relative;
    border: 4px solid #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.flexfce.faq .box {
    padding: 24px;
    position: relative;
}

.flexfce.faq .box > p:last-child {
    margin-bottom: 0px;
}

.flexfce.d33 > div.csc-default, .flexfce > div.csc-default.d33, .flexfce.d25 > div.csc-default.d33 {
    width: 33.33%;
}

.flexfce.d50 > div.csc-default {
    width: 50%;
}

.space-around.flexfce.d50 > div.csc-default {
    width: 48%;
}

.flexfce.d25 > div.csc-default {
    width: 25%;
}

.flexfce.d20 > div.csc-default {
    width: 20%;
}

.flexfce.auto > div.csc-default {
max-width: 480px;
}
.flexfce.auto.bigfont > div.csc-default {
max-width: 780px;
}

.flexfce.formats {

    justify-content: center;
}

.flexfce.formats > .csc-default {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.flexfce.formats .csc-default > .box {
    display: table;
    table-layout: fixed;
    padding: 30px;
    padding-top: 0px;

}

.flexfce.formats .csc-default > .box > div {
    display: table-cell;
    vertical-align: bottom;
    padding: 14px;
    white-space: nowrap;

}

.flexfce.formats .csc-default > .box > div img {
    max-width: none;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.flexfce.formats .csc-default h3 {
    text-align: center;
    margin-bottom: 0;
    padding-top: 30px;
}

/*
* Topnavi
*/
#MainNav, #SubNav {
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#MainNav .h-nav, #SubNav .h-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-flow: row nowrap;
    flex-wrap: nowrap;
    justify-content: center;

    align-content: stretch;
    padding: 0;
    margin: 0;
    clear: both;
}

#MobileProducts .h-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
}

#MobileProducts .h-nav {
    background-color: #646A78;
    justify-content: center;
}

#SubNav .h-nav {
    background-color: #FFF;
    position: relative;
    justify-content: flex-end;
}

#MainNav .h-nav li {
    border-top: 8px solid #FFFFFF;
}


#SubNav .h-nav li.download-info {
   display:none;
}
#SubNav.scroll .h-nav li.download-info, #SubNav.scroll .h-nav li.logohome {
   display:block;
}

/* no navigation template */
.container.nolines > .row-max > .logohome{
	text-align: left;
    padding-top: 32px;
    padding-bottom: 8px;
}



#MainNav .h-nav {
    background-color: #FFFFFF;
    justify-content: center
}

#MobileProducts .h-nav li {
    border-style: none;
    flex: 0 1 180px;

    text-align: center;
}

#MobileProducts .h-nav li a {
    border-style: none;
}

#SubNav .h-nav {
    position: relative;
}

#SubNav .h-nav li a, #SubNav .h-nav li.download-info a, #SubNav .h-nav li.download-info a:hover {
    padding: 8px;
    padding-left: 12px;
  display: block !important;
    line-height: 1;
}

#SubNav > li.download-info {
    list-style-type: none;
  
}

#SubNav .h-nav li.download-info a, #SubNav .h-nav li.download-info a:hover {
    padding: 9px 16px;
    display: none;
    margin-left: 12px;
}

#SubNav .h-nav li.download-info a:before {
    content: "";
    height: auto;
    width: 0;
    padding: 0;
}

#MainNav .h-nav li:after, #SubNav.scroll .h-nav li:after {
    content: "";
    display: block;
    border-bottom: 1px solid #CCCCCC;
    position: absolute;
    left: 0px;
    width: 100%;

    bottom: 0px;
}

#MainNav .h-nav li {
    flex: 0 1 160px;
    text-align: center;

}

#MainNav .h-nav li, #SubNav .h-nav li {
    margin: 0;
    padding: 0px;
    white-space: nowrap;
}

#MainNav .h-nav li > a, #MobileProducts .h-nav li > a, #MobileProducts .h-nav li.active > a {
    padding-top: 74px;
    display: block;
    color: #666;
    font-size: 14px;
    background-position: center 8px;
    background-size: auto 60px;
    background-repeat: no-repeat;

}

#MainNav .h-nav li.active a, #MainNav .h-nav li.active, #MainNav .h-nav li > a:hover {
    color: #000;
}

#SubNav.scroll {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    max-width: 1200px;
    z-index: 10;

}

#SubNav.scroll .h-nav li {
    margin-top: -5px;
}

#SubNav.scroll .h-nav li.download-info {
    margin-top: 0px;
}

#SubNav.scroll .h-nav li.download-info a {
    display: block;
}

#SubNav.scroll .h-nav {
    padding: 5px;
    background-color: #FFF;
}

.h-nav, .h-nav li, .h-nav-center, .h-nav-center li, .v-nav, .v-nav li {
    list-style-type: none;
}

.csc-default .v-nav {
    margin: 0;
    padding: 0
}

.h-nav > li {
    display: inline-block;
}

.h-nav li a {
    padding: 10px 12px;
    line-height: 16px;
}

.de_DE .h-nav li a, #TopNav li a.bg-green, #TopNav li a.bg-green:hover {
    padding: 10px 18px;
    line-height: 16px;
}

#TopNav li a.bg-green, #TopNav li a.bg-green:hover {
    padding-top: 9px;
    color: #FFF !important;
}

#shoppingCartShortcut a:before, #search a:before {
    top: 2px;
}

#shoppingCartShortcut a, #search a {
    padding: 5px 0px;
    padding-right: 18px;
}

#search > a {
    padding-left: 15px;
}

.h-nav li a.shadow {
    margin: 4px;
}

.h-nav li a, .h-nav li a:before {
    text-decoration: none;
}

#TopNav .row {
    margin-top: 17px;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 7px;
    position: relative;
}

#TopNav .h-nav > li a {
    color: #666;
}

#TopNav li a:hover, #TopNav li a:hover:before, #TopNav .h-nav > li.active, #TopNav .h-nav > li.active > a {
    color: #000;
}

#TopNav .main-nav {
    font-size: 16px;
    float: right;
}

#TopNav .logohome {
    float: left;
    overflow: hidden;
    text-align: left;
    width: 110px;
    height: 30px;
    display: block;

}

.logohome a {
    position: relative;
    text-decoration: none !important;
    display: inline-block;
}

.logohome a:before, #SubNav .h-nav li.logohome a:before, .container.nolines.nonavigation > .row-max > .logohome > .logo {
    content: '';
    display: block;
    width: 108px;
    height: 30px;
    background-repeat: no-repeat !important;
    background-position: 0px 0px;
    background-size: auto 30px !important;
    background-image: url(logo_saal.svg);
}
#SubNav .h-nav li.logohome a:before{
	   background-size: auto 28px!important;
	 background-position: 0px 2px;
}
#SubNav .h-nav li.logohome{
	flex: auto;
	display:none;
}
#SubNav .h-nav li.logohome a{
	padding:0px;height:32px;
}
/*#MainNav, #MainNav li > a, #MainNav li, #MainNavExt {
background-color: #646A78;
color: #fff;
}*/
#MainNavExt {
    margin-top: -40px;
}

#MainNav .h-nav li[data-sgauth-role="menuitem"] > a {
    padding-top: 0
}

/*
* Bignavi
*/

/*
* Button styles, Sprites and FONT-ICONS
*/
.svg {
    position: relative;
}

.svg:before {
    font-size: 20px !important;
    content: '';
    background: url('iconsprite.svg?2');
    width: 2.5em;
    height: 3em;
    -webkit-background-size: 40em 40em;
    background-size: 40em 40em;
    display: block;
    float: left;
    margin-right: 0.5em;
}

.svg.linestyle:before {
    background-image: url('iconsprite_linestyle.svg?2');
}

.svg.fifty-left:before {
    background-size: 33em 33em;
    height: 2.5em;
}

.svg.top:before {
    margin: 0 auto;
    margin-bottom: 5px;
    width: 3em;
    height: 3em;
    float: none;
}

.svg.ceview {
    top: 1em;

}

.svg.ceview:before {
    width: 3em;
    position: relative;
    top: -1em
}

.svg.logo:before, a.svg.logo:hover:before {
    width: 5em;
    height: 3em;
    background-position: 0px 0px;
    text-decoration: none;
}

.svg.logo, .no-link {
    text-decoration: none;
    display: inline;
}

.svg.app:before {
    background-position: -120px -120px;
}

.svg.app-white:before {
    background-position: -560px -120px;
}

.svg.onlineapp:before {
    background-position: -120px -60px;
}

.svg.pdfupload:before {
    background-position: -120px -180px;
}

.svg.icc:before {
    background-position: -180px -60px;
}

.svg.profiimage:before {
    background-position: -120px -240px;
}

.svg.support-status:before {
    background-position: -300px -120px;
}

.svg.support-question:before {
    background-position: -240px -120px;
}

.svg.support-software:before, .svg.support-software-keepmobile:before {
    background-position: -180px -120px;
}

.svg.support-payment:before {
    background-position: -420px -120px;
}

.svg.support-reclamation:before {
    background-position: -360px -120px;
}

.svg.fifty-left.support-status:before {
    background-position: -247px -99px;
}

.svg.fifty-left.support-question:before {
    background-position: -198px -99px;
    width: 49px;
}

.svg.fifty-left.support-software:before {
    background-position: -149px -99px;
    width: 49px;
}

.svg.fifty-left.support-payment:before {
    background-position: -347px -99px;
}

.svg.fifty-left.support-reclamation:before {
    background-position: -297px -99px;
    width: 49px;
}

.svg.check:before, .svg.check-dark:before {
    background-position: -70px 0px;
    width: 1.5em;
    height: 1em;
}

.svg.check-dark:before {
    background-position: -70px -20px;
}

.svg.reorder-view:before {
    background-position: 0px -120px;
}

.svg.reorder-share:before {
    background-position: 0px 0px;
}

.svg.reorder-shoppingcart:before {
    background-position: 0px -180px;
}

.svg.reorder-html:before {
    background-position: 0px -60px;
}

.svg.reorder-clock:before {
    background-position: 0px -240px;
}

.svg.forfreecheck:before {
    background-position: -240px -60px;
}

.svg.multi:before {
    background-position: -740px 0px;
}

.svg.sixcolor:before {
    background-position: -300px -60px;
}

.svg.forfreecheck:before {
    background-position: -240px -60px;
}

.svg.multi:before {
    background-position: -740px 0px;
}

.svg.sixcolor:before {
    background-position: -300px -60px;
}

.svg.nocode:before {
    background-position: -360px -60px;
}

.svg.love:before {
    background-position: -420px -60px;
}

.svg.tester:before {
    background-position: -680px -120px;
}

.svg.voucher:before {
    background-position: -120px 0px;
    font-size: 24px !important;
    height: 2.5em;
}

.svg.marriage:before, .svg.baby:before, .svg.holiday:before, .svg.kids:before, .svg.gift:before {
    width: 2.25em;
    height: 2.25em;
    margin-bottom: 0px;
}

.svg.marriage:before {
    background-position: -480px -60px;
}

.svg.baby:before {
    background-position: -530px -60px;
}

.svg.holiday:before {
    background-position: -580px -60px;
}

.svg.kids:before {
    background-position: -630px -60px;
}

.svg.gift:before {
    background-position: -680px -60px;
}

.svg.panorama:before {
    background-position: -440px 0px;
}

.svg.layflat:before {
    background-position: -180px -240px;
}

.svg.guarantee:before {
    background-position: -700px 0px;
    width: 2em;
}

.svg.satisfaction:before {
    background-position: -155px 0px;

}

.svg.opinion:before {
    background-position: -320px 0px;
}

.svg.shopit:before {
    background-position: -100px 0px;
}

.svg.nologo:before {
    background-position: -500px 0px;
}

.svg.surface:before {
    background-position: -560px 0px;
}

.svg.faster:before {
    background-position: -640px 0px;
}

.sg-career h2.svg {
    margin-top: 0.5em;
}

.sg-career h2.svg:before {
    margin-top: -0.5em;
}

.svg.mailing:before {
    background-position: -60px -60px;
}

.svg.mailingblue:before {
    background-position: -60px -480px;
}

.svg.doctor:before {
    background-position: -120px -480px;
}

.svg.supportblue:before {
    background-position: -60px -120px;
}

.svg.compblue:before {
    background-position: -60px -540px;
}

.svg.supportgreen:before {
    background-position: -60px -600px;
}
.svg.facility:before {
    background-position: -60px -660px;
}
.svg.softwarehtml:before {
    background-position: -60px -180px;
}

.svg.production:before {
    background-position: -60px -240px;
}

.svg.finance:before {
    background-position: -60px -300px;
}

.svg.grafic:before {
    background-position: -120px -360px;
}

.svg.software:before {
    background-position: -620px -120px;
    margin-left: -8px;
    margin-right: 16px;
}

.svg.ceview.satisfaction:before {
    margin-left: 10px;
    margin-right: -2px;
}

.svg.ceview.guarantee:before {
    margin-left: 10px;
    margin-right: 20px;
}

.svg.ceview.opinion:before {
    margin-top: 0.5em;
}

.svg.twosteps:before {
    background-position: -490px -120px;
}

.svg.designservice-sent:before {
    background-position: -120px -300px;
}

.svg.designservice-design:before {
    background-position: -180px -300px;
}

.svg.designservice-link:before {
    background-position: -240px -300px;
}

.svg.designservice-cart:before {
    background-position: -300px -300px;
}


.professional-usp:before{
	content:"";
	display:block;
	margin:0 auto;
	background-image:url(usp-handmade.svg);
	background-repeat: no-repeat;
	width:80px;
	height:60px;
}

.professional-usp.handmade:before{
	background-image:url(usp-handmade.svg);
}
.professional-usp.leather:before{
	background-image:url(usp-leather.svg);
}
.professional-usp.nologo:before{
	background-image:url(usp-nologo.svg);
}

.button, .button-green a, .bg-green, a.bg-green:hover, .button-green, .button-green *, a.button-green:hover, #opinionsShowAll, #opinionsShowLess > span, .bg-lblue, .bg-dgrey, .flat-button {
    padding: 0em 1.0em 0em 1em;
    background-color: #6C9D0D;
    line-height: 26px;
    color: #FFF;
    display: inline-block;
    text-decoration: none !important;
    cursor: pointer;
   
}


.button, a.button:hover {
    padding: 0.25em 1.0em 0.25em 1em;
    position: relative;
}

.iwi.bg-lblue, .iwi.bg-lblue:before, .iwi.bg-green, .iwi.bg-green:before, .iwi.bg-blue, .iwi.bg-blue:before {
    color: #FFFFFF;
    padding-left: 0.25em;
}

[data-type="button"].button {
    padding: 0px;
}

.button-green p {
    margin: 0;
}

#opinionsShowAll, #opinionsShowLess > span {
    background-color: #474C57;
}

.button:hover, .button:hover:before, .button-green a:hover {
    color: #FFF;
    text-decoration: none !important;
}

.button:before, .button:hover:before {
    color: #FFF;
    padding-right: 4px;
    text-decoration: none;
}

.row-max.bg-dgrey, .row.bg-dgrey {
    line-height: inherit;
    cursor: default;
    padding-right:0px;
    padding-left:0px;
}

.software-download .button, .downloadbox .button, .software-download .button:hover, .downloadbox .button:hover {
    font-size: 1.2em;
    padding: 8px;
    color: #FFF !important;
    text-decoration: none;
}

.software-download .apple.button {
    margin: 0;
    margin-left: 0.5em;
}

.downloadbox .small {
    margin: 0px;
}

.downloadbox .button .small {
    font-size: 0.6em;
}

.software-download span, .white {
    color: #FFF !important;
}

.software-download h2, .software-download p, .software-download {
    text-align: center;
}

.iwi:before, .sgsupport-form .sg-auth-image.sg-auth-clickable:after, #SubNav .h-nav li a:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    position: relative;
    display: inline-block;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    line-height: 20px;
    width: 1em;
    height: 1em;
    left: 0;
    top: 3px;
}

.iwi.big:before, .software-download .button:before {
    font-size: 2em;
    line-height: 2em;
    margin-top: -1em;
}

.iwi.grey:before, li.iwi.grey:before {
    color: #646A78;
}

.iwi.green:before, li.iwi.green:before {
    color: #9CCD40;
}

.software-download .button:before {
    float: left;
    padding-top: 0.3em;
}

.iwi.userbusiness:before {
    top: 4px;
}

.iwi.bull:before {
    content: "\2022";
}

.iwi.windows.apple:before {
    content: "\e925\e905";
    width: 2em;
}

.iwi.price:before {
    content: "€";
    font-size: 15px;
    top: 1px;
    height: 20px;
}

.co_UK .iwi.price:before {
    content: "£";
}
.iwi.remove-file:after, .sgsupport-form .sg-auth-image.sg-auth-clickable:after {
    color: #D9052F;
    font-weight: bold;
}
.iwi.cart:before, .iwi[data-pid="2244"]:before {
    content: "\e936";
}

.iwi.close:before, #TopNav li.more.mobile-open a:before, sgform .sg-auth-image.sg-auth-clickable:after, .iwi.remove-file:after {
    content: "\e9d7";
}

.iwi.login:before, .iwi[data-pid="2254"]:before {
    content: "\e9e4";
}
.iwi.icc:before {
    padding-right: 1px;
}

.iwi.pro:before {
    padding-right: 2px;
}
.iwi.sg-auth-nav:before, .iwi[data-pid="2245"]:before {
    content: "\e917";
    padding-left: 2px;
}

.iwi.sg-auth-image:before, .iwi[data-pid="2242"]:before {
    content: "\e91c";
}

.iwi.sg-auth-project:before, .iwi[data-pid="2243"]:before,.iwi.sgauth_project:before {
    content: "\e920";
}
.iwi.cart:before {
  content: "\e9a8";
}
.iwi.ordercockpit:before {
  content: "\e9df";
}
.iwi.a_down:before {
    content: "\e967";
}

.iwi.a_left:before, .left-arrow .iwi:before {
    content: "\e96b";
}

.iwi.a_right:before, .right-arrow .iwi:before {
    content: "\e96d";
}
 #SubNav .h-nav li a:before {
  content: "\e99e";
	 font-size:17px;
}

.iwi.a_up:before {
    content: "\e970";
}





.iwi.add_auto_layout:before {
  content: "\e900";
}
.iwi.add_field:before {
  content: "\e901";
}
.iwi.add_fill_box:before {
  content: "\e902";
}
.iwi.add_image_box:before {
  content: "\e903";
}
.iwi.add_layout:before {
  content: "\e904";
}
.iwi.add_page:before {
  content: "\e905";
}
.iwi.add_text:before {
  content: "\e906";
}
.iwi.align_bottom:before {
  content: "\e907";
}
.iwi.align_horizontal_center:before {
  content: "\e908";
}
.iwi.align_left:before {
  content: "\e909";
}
.iwi.align_right:before {
  content: "\e90a";
}
.iwi.align_top:before {
  content: "\e90b";
}
.iwi.align_vertical_center:before {
  content: "\e90c";
}
.iwi.auto_fill:before {
  content: "\e90d";
}
.iwi.computer:before {
  content: "\e90e";
}
.iwi.copy:before {
  content: "\e90f";
}
.iwi.cut:before {
  content: "\e910";
}
.iwi.delete:before {
  content: "\e911";
}
.iwi.delete_all:before {
  content: "\e912";
}
.iwi.delete_page:before {
  content: "\e913";
}
.iwi.design_manager:before {
  content: "\e914";
}
.iwi.design_size_normal:before {
  content: "\e915";
}
.iwi.desktop:before {
  content: "\e916";
}
.iwi.distribute_spacing_horizontal:before {
  content: "\e917";
}
.iwi.distribute_spacing_vertical:before {
  content: "\e918";
}
.iwi.documents:before {
  content: "\e919";
}
.iwi.edit:before {
  content: "\e91a";
}
.iwi.enhance_global_off:before {
  content: "\e91b";
}
.iwi.enhance_global_on:before {
  content: "\e91c";
}
.iwi.export:before {
  content: "\e91d";
}
.iwi.export_pdf:before {
  content: "\e91e";
}
.iwi.fill:before {
  content: "\e91f";
}
.iwi.folder:before {
  content: "\e920";
}
.iwi.folder_image:before {
  content: "\e921";
}
.iwi.hand:before {
  content: "\e922";
}
.iwi.help:before {
  content: "\e923";
}
.iwi.image_size_normal:before {
  content: "\e924";
}
.iwi.image_size_small:before {
  content: "\e925";
}
.iwi.import:before {
  content: "\e926";
}
.iwi.legal_info:before {
  content: "\e927";
}
.iwi.list:before {
  content: "\e928";
}
.iwi.lock_ratio:before {
  content: "\e929";
}
.iwi.move:before {
  content: "\e92a";
}
.iwi.new:before {
  content: "\e92b";
}
.iwi.open:before {
  content: "\e92c";
}
.iwi.paste:before {
  content: "\e92d";
}
.iwi.preview:before {
  content: "\e92e";
}
.iwi.randomize:before {
  content: "\e92f";
}
.iwi.redo:before {
  content: "\e930";
}
.iwi.refresh:before {
  content: "\e931";
}
.iwi.reset:before {
  content: "\e932";
}
.iwi.rotate:before {
  content: "\e933";
}
.iwi.save:before {
  content: "\e934";
}
.iwi.select:before {
  content: "\e935";
}
.iwi.shopping_cart:before {
  content: "\e936";
}
.iwi.snap_to_grid:before {
  content: "\e937";
}
.iwi.sort_asc:before {
  content: "\e938";
}
.iwi.sort_desc:before {
  content: "\e939";
}
.iwi.tab_appearance:before {
  content: "\e93a";
}
.iwi.tab_auto_fill:before {
  content: "\e93b";
}
.iwi.tab_auto_layout:before {
  content: "\e93c";
}
.iwi.tab_background:before {
  content: "\e93d";
}
.iwi.tab_border_and_mask:before {
  content: "\e93e";
}
.iwi.tab_cliparts:before {
  content: "\e93f";
}
.iwi.tab_cloud:before {
  content: "\e940";
}
.iwi.tab_color:before {
  content: "\e941";
}
.iwi.tab_design:before {
  content: "\e942";
}
.iwi.tab_effects:before {
  content: "\e943";
}
.iwi.tab_file_system:before {
  content: "\e944";
}
.iwi.tab_fill:before {
  content: "\e945";
}
.iwi.tab_filters:before {
  content: "\e946";
}
.iwi.tab_gradient:before {
  content: "\e947";
}
.iwi.tab_image:before {
  content: "\e948";
}
.iwi.tab_image_box:before {
  content: "\e949";
}
.iwi.tab_layers:before {
  content: "\e94a";
}
.iwi.tab_object_box:before {
  content: "\e94b";
}
.iwi.tab_pages:before {
  content: "\e94c";
}
.iwi.tab_pattern:before {
  content: "\e94d";
}
.iwi.tab_position:before {
  content: "\e94e";
}
.iwi.tab_presets:before {
  content: "\e94f";
}
.iwi.tab_project:before {
  content: "\e950";
}
.iwi.tab_shadow:before {
  content: "\e951";
}
.iwi.tab_text:before {
  content: "\e952";
}
.iwi.tab_text2:before {
  content: "\e953";
}
.iwi.text_bold:before {
  content: "\e954";
}
.iwi.text_italic:before {
  content: "\e955";
}
.iwi.text_underline:before {
  content: "\e956";
}
.iwi.to_all_pages:before {
  content: "\e957";
}
.iwi.to_background:before {
  content: "\e958";
}
.iwi.to_background_step:before {
  content: "\e959";
}
.iwi.to_foreground:before {
  content: "\e95a";
}
.iwi.to_foreground_step:before {
  content: "\e95b";
}
.iwi.to_page:before {
  content: "\e95c";
}
.iwi.undo:before {
  content: "\e95d";
}
.iwi.unlock_ratio:before {
  content: "\e95e";
}
.iwi.zoom:before {
  content: "\e95f";
}
.iwi.add:before {
  content: "\e960";
}
.iwi.add_holiday:before {
  content: "\e961";
}
.iwi.add_selected:before {
  content: "\e962";
}
.iwi.align_to_spine:before {
  content: "\e963";
}
.iwi.arrow_backward:before {
  content: "\e964";
}
.iwi.arrow_down:before {
  content: "\e965";
}
.iwi.arrow_down_big:before {
  content: "\e966";
}
.iwi.arrow_down_line:before {
  content: "\e967";
}
.iwi.arrow_down2:before {
  content: "\e968";
}
.iwi.arrow_forward:before {
  content: "\e969";
}
.iwi.arrow_left:before {
  content: "\e96a";
}
.iwi.arrow_left_line:before {
  content: "\e96b";
}
.iwi.arrow_right:before {
  content: "\e96c";
}
.iwi.arrow_right_line:before {
  content: "\e96d";
}
.iwi.arrow_up:before {
  content: "\e96e";
}
.iwi.arrow_up_big:before {
  content: "\e96f";
}
.iwi.arrow_up_line:before {
  content: "\e970";
}
.iwi.arrow_up2:before {
  content: "\e971";
}
.iwi.autofill:before {
  content: "\e972";
}
.iwi.bleed_error:before {
  content: "\e973";
}
.iwi.calendar:before {
  content: "\e974";
}
.iwi.cart_add:before {
  content: "\e975";
}
.iwi.change_article:before {
  content: "\e976";
}
.iwi.clock:before {
  content: "\e977";
}
.iwi.close:before {
  content: "\e978";
}
.iwi.crop:before {
  content: "\e979";
}
.iwi.decrease_font_size:before {
  content: "\e97a";
}
.iwi.delete_selected:before {
  content: "\e97b";
}
.iwi.delivery:before {
  content: "\e97c";
}
.iwi.deselect:before {
  content: "\e97d";
}
.iwi.distribute_horizontal:before {
  content: "\e97e";
}
.iwi.distribute_vertical:before {
  content: "\e97f";
}
.iwi.dock:before {
  content: "\e980";
}
.iwi.docked_container_remove:before {
  content: "\e981";
}
.iwi.drive:before {
  content: "\e982";
}
.iwi.drive_cd:before {
  content: "\e983";
}
.iwi.drive_mounted:before {
  content: "\e984";
}
.iwi.drive_network:before {
  content: "\e985";
}
.iwi.event:before {
  content: "\e986";
}
.iwi.exposure:before {
  content: "\e987";
}
.iwi.favorite:before {
  content: "\e988";
}
.iwi.flagged:before {
  content: "\e989";
}
.iwi.focal_length:before {
  content: "\e98a";
}
.iwi.folder_special:before {
  content: "\e98b";
}
.iwi.font_quality_bad:before {
  content: "\e98c";
}
.iwi.font_quality_good:before {
  content: "\e98d";
}
.iwi.home:before {
  content: "\e98e";
}
.iwi.increase_font_size:before {
  content: "\e98f";
}
.iwi.info:before {
  content: "\e990";
}
.iwi.iphoto:before {
  content: "\e991";
}
.iwi.iso:before {
  content: "\e992";
}
.iwi.language_selector:before {
  content: "\e993";
}
.iwi.lense:before {
  content: "\e994";
}
.iwi.line_height:before {
  content: "\e995";
}
.iwi.magic_ward:before {
  content: "\e996";
}
.iwi.match_height:before {
  content: "\e997";
}
.iwi.match_size:before {
  content: "\e998";
}
.iwi.match_width:before {
  content: "\e999";
}
.iwi.menu:before {
  content: "\e99a";
}
.iwi.minimize:before {
  content: "\e99b";
}
.iwi.mirror_horizontal:before {
  content: "\e99c";
}
.iwi.mirror_vertical:before {
  content: "\e99d";
}
.iwi.next:before {
  content: "\e99e";
}
.iwi.person:before {
  content: "\e99f";
}
.iwi.photos:before {
  content: "\e9a0";
}
.iwi.position:before {
  content: "\e9a1";
}
.iwi.preview_small:before {
  content: "\e9a2";
}
.iwi.previous:before {
  content: "\e9a3";
}
.iwi.restore:before {
  content: "\e9a4";
}
.iwi.select_all:before {
  content: "\e9a5";
}
.iwi.settings:before {
  content: "\e9a6";
}
.iwi.shadow_knockout:before {
  content: "\e9a7";
}
.iwi.shopping_cart:before {
  content: "\e9a8";
}
.iwi.steps_payment:before {
  content: "\e9a9";
}
.iwi.steps_summary:before {
  content: "\e9aa";
}
.iwi.steps_userData:before {
  content: "\e9ab";
}
.iwi.swap_images:before {
  content: "\e9ac";
}
.iwi.tab_bleed:before {
  content: "\e9ad";
}
.iwi.tab_border:before {
  content: "\e9ae";
}
.iwi.tab_calendar:before {
  content: "\e9af";
}
.iwi.tab_check_project:before {
  content: "\e9b0";
}
.iwi.tab_formats:before {
  content: "\e9b1";
}
.iwi.tab_image_sources:before {
  content: "\e9b2";
}
.iwi.tab_mask:before {
  content: "\e9b3";
}
.iwi.tab_multi_selection:before {
  content: "\e9b4";
}
.iwi.text_align_center:before {
  content: "\e9b5";
}
.iwi.text_align_justify:before {
  content: "\e9b6";
}
.iwi.text_align_left:before {
  content: "\e9b7";
}
.iwi.text_align_right:before {
  content: "\e9b8";
}
.iwi.to_background_image:before {
  content: "\e9b9";
}
.iwi.to_normal_image:before {
  content: "\e9ba";
}
.iwi.tool_menu:before {
  content: "\e9bb";
}
.iwi.upload_pdf:before {
  content: "\e9bc";
}
.iwi.vertical_align_bottom:before {
  content: "\e9bd";
}
.iwi.vertical_align_middle:before {
  content: "\e9be";
}
.iwi.vertical_align_top:before {
  content: "\e9bf";
}
.iwi.zoom_auto_small:before {
  content: "\e9c0";
}
.iwi.zoom_image:before {
  content: "\e9c1";
}
.iwi.zoom_in:before {
  content: "\e9c2";
}
.iwi.zoom_in_small:before {
  content: "\e9c3";
}
.iwi.zoom_out:before {
  content: "\e9c4";
}
.iwi.zoom_out_small:before {
  content: "\e9c5";
}
.iwi.design_allrounder:before {
  content: "\e9c6";
}
.iwi.design_baby:before {
  content: "\e9c7";
}
.iwi.design_birthday:before {
  content: "\e9c8";
}
.iwi.design_christmas:before {
  content: "\e9c9";
}
.iwi.design_easter:before {
  content: "\e9ca";
}
.iwi.design_family:before {
  content: "\e9cb";
}
.iwi.design_halloween:before {
  content: "\e9cc";
}
.iwi.design_kids:before {
  content: "\e9cd";
}
.iwi.design_layouts:before {
  content: "\e9ce";
}
.iwi.design_religion:before {
  content: "\e9cf";
}
.iwi.design_school:before {
  content: "\e9d0";
}
.iwi.design_vacation:before {
  content: "\e9d1";
}
.iwi.design_valentine:before {
  content: "\e9d2";
}
.iwi.design_wedding:before {
  content: "\e9d3";
}
.iwi.arrow_right_line2:before {
  content: "\e9d4";
}
.iwi.arrow_left_line2:before {
  content: "\e9d5";
}
.iwi.closecircle .path1:before {
  content: "\e9d6";
}
.iwi.closecircle .path2:before {
  content: "\e9d7";
}
.iwi.drops:before {
  content: "\e9d8";
}
.iwi.saal:before {
  content: "\e9d9";
}
.icon-wi:before {
  content: "\e9da";
}
.iwi.blog:before {
  content: "\e9db";
}
.iwi.portal:before {
  content: "\e9dc";
}
.iwi.apple:before {
  content: "\e9dd";
}
.iwi.contrast:before {
  content: "\e9de";
}
.iwi.cockpit:before {
  content: "\e9df";
}
.iwi.zzzsettings:before {
  content: "\e9e0";
}
.iwi.icc:before {
  content: "\e9e1";
}
.iwi.invoice:before {
  content: "\e9e2";
}
.iwi.home:before {
  content: "\e9e3";
}
.iwi.login:before {
  content: "\e9e4";
}
.iwi.portal1:before {
  content: "\e9e5";
}
.iwi.price:before {
  content: "\e9e6";
}
.iwi.newsletter:before {
  content: "\e9e7";
}
.iwi.pro:before {
  content: "\e9e8";
}
.iwi.resellerprice:before {
  content: "\e9e9";
}
.iwi.resize:before {
  content: "\e9ea";
}
.iwi.sgauth:before {
  content: "\e9eb";
}
.iwi.search:before {
  content: "\e9ec";
}
.iwi.gift:before {
  content: "\e9ed";
}
.iwi.zzzlogout:before {
  content: "\e9ee";
}
.iwi.zzzorders:before {
  content: "\e9ef";
}
.iwi.zzzlogin:before {
  content: "\e9f0";
}
.iwi.zzzlistview:before {
  content: "\e9f1";

}
.iwi.zzzinfobellringing:before {
  content: "\e9f2";
}
.iwi.zzzinfobellinverted:before {
  content: "\e9f3";
}
.iwi.zzzinfobell:before {
  content: "\e9f4";
}
.iwi.zzzfolderclosed:before {
  content: "\e9f5";
}
.iwi.zzsubmenu:before {
  content: "\e9f6";
}
.iwi.ztriangle_top_gift:before {
  content: "\e9f7";
}
.iwi.z_newfolder:before {
  content: "\e9f8";
}
.iwi.star:before {
  content: "\e9f9";
}
.iwi.z_move:before {
  content: "\e9fa";
}
.iwi.status:before {
  content: "\e9fb";
}
.iwi.sgauth_warning:before {
  content: "\e9fc";
}
.iwi.windows:before {
  content: "\e9fd";
}
.iwi.userbusiness:before {
  content: "\e9fe";
}
.iwi.sgauth_share:before {
  content: "\e9ff";
}
.iwi.support:before {
  content: "\ea00";
}
.iwi.canvas:before {
  content: "\ea01";
}
.iwi.video:before {
  content: "\ea02";
}
.iwi.add_image:before {
  content: "\ea03";
}
.iwi.rename:before {
  content: "\ea04";
}
.iwi.clock_inverted:before {
  content: "\ea05";
}
.iwi.arrow_down_line2:before {
  content: "\ea06";
}
.iwi.arrow_up_line2:before {
  content: "\ea07";
}
.iwi.share:before {
  content: "\ea08";
}
.iwi.shared:before {
  content: "\ea09";
}









ul.sg-auth .iwi:before {
    color: #AFB3BD;
    font-size: 44px;
    width: auto;
    height: auto;
    line-height: 56px;
    display: block;
    text-align: center;
}

ul.sg-auth .active .iwi:before {
    color: #A2A7B2;
}

[data-sgauth-fieldstatus="Username"]:before {
    left: 94%;
    top: 0.5em;
    position: absolute;
}

.green, .iwi.green:before {
    color: #6C9D0D;
}

#MainNav .iwi.windows {
    display: inline;
    padding: 0px 0.25em;
    margin-left: 0.5em
}

#MainNav .iwi.windows:before {
    top: 0px;
}

.iwi.big:before {
    font-size: 30px !important;
}

#bannerArea .iwi.big:before {
    font-size: 46px !important;
}
.box h1{
	line-height: 120%;
}
.box h1 .bg-red{
	display:inline-block;
	line-height: 120% !important;
	white-space:nowrap;
}

/*
* Buttons icons default color
*/
.bg-lred *, .bg-red *, .bg-red {
    color: #FFF;
    line-height: 100% !important;
	white-space:nowrap;
}


.bg-red.lp-voucher{
	padding:4px 16px;
}
.bg-lgrey, .bg-mlgrey, #TopNav .bg-lgrey, #TopNav .bg-lgrey input {
    background-color: #F3F3F4;
}

/*#TopNav .bg-lgrey, #TopNav .bg-lgrey input{
background-color: #EAEAEC;
}*/
.bg-lblue {
    color: #FFF !important;
    background-color: #3669C4;
}

.bg-lgreen {
    color: #FFF !important;
    background-color: #9BCC40;
}

.downloadbox * {
    color: #FFF !important;
}

.downloadbox {
    padding: 24px 8px;
    text-align: center;
    max-width: 460px;
    display: block;
    margin: 0 auto;
}

.downloadbox h2 {
    font-size: 1.8em;
}

.downloadbox .button {
    border: 1px solid #FFF;
    overflow: hidden;
}

.bg-dgrey, *.bg-dgrey, .bg-dgrey h1, .bg-dgrey h2, .bg-dgrey h3, .bg-dgrey p {
    color: #E0E1E4 !important;
    background-color: #646A78 !important; /*line-height:120%;*/
}

.bg-dgrey.iwi:before, .bg-dgrey.iwi {
    color: #E0E1E4 !important;
}

.bg-dgrey.iwi {
    padding-left: 0.25em;
    text-decoration: none;
}

.bg-dgrey a, .bg-dgrey a:hover {
    color: #F8F8F9;

}

.bg-red {
    background-color: #D9052F !important;
}

span.bg-red, span.bg-lred, span.bg-dgrey {
    padding: 0px 4px;
}

/*#bannerArea h2 > span.bg-red{*//*, #bannerArea h1 > span.bg-red */
 /*  -webkit-box-shadow: inset 0px 2px 0px 1px #FFFFFF;
    -moz-box-shadow: inset 0px 2px 0px 1px #FFFFFF;
    box-shadow: inset 0px 2px 0px 1px #FFFFFF;
}*/

 
.bg-lred {
    background-color: #EA6C84;
}

.circle {
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 10px;
}

#MainNav .circle {
    width: 90px;
    height: 83px;
}

.csc-default, .row-max > div {
    position: relative;
    max-width: 1200px;
}

.circle.intro {
    padding: 10px;
    width: 140px;
    height: 140px;
    font-size: 1.1em;
    position: absolute;
    left: 10%;
    top: 30%;
}

.action {
    margin: 0 auto;
}

.button.big, .vbig, .button.big:hover, .vbig:hover {
    height: 32px;
    padding-top: 4px !important;

}

.button.big, .button.big:hover{
    padding-top: 11px !important;
	padding-left:32px;
	padding-right:32px;
    font-size:18px;
}


/*
* others
*/

.clear:after, .csc-default:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.border-box {
    background-color: #FFF;
    border: 1px solid #BEBEBE;
}

.show-600, .show-1060 {
    display: none;
}

/*
* content
*/

#MainNav > div, #MainNavExt > div {
    padding: 56px 0px;
    padding-bottom: 0px;
}

#mainContent > .csc-default, #mainContent > .row-max > div, .csc-frame, .csc-default.top, #bannerArea .csc-default > h1, #bannerArea .csc-default > .h1 {
    padding-top: 36px;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
}

.csc-default.top-half, .csc-frame.top-half, #mainContent .csc-default.top-half, #mainContent .csc-frame.top-half {
    padding-top: 16px;
    margin-top: 16px;
}

#mainContent > .csc-default .divider, #bannerArea > .csc-default .divider {
    margin-top: -16px;
}

#mainContent > .bg-dgrey > .csc-default, #mainContent > .bg-lgrey > .csc-default {
    margin-top: 0px;
}

#mainContent > .bg-dgrey, #mainContent > .bg-lgrey {
    margin-top: 36px;

}

.row-max > div {
    margin-left: auto;
    margin-right: auto;
}

#mainContent > .row-max > div {
    padding-bottom: 32px;
}

.no-top, .no-margintop {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.align-left {
    float: left;
}

td.align-left, th.align-left {
    text-align: left !important;
    float: none;
}

.align-right {
    float: right !important;
}

td.align-right, th.align-right {
    text-align: right !important;
    float: none !important;
}

.align-center {
    text-align: center;
}

p.align-center {
    margin-left: auto;
    margin-right: auto;

}

p.small.align-center {
    max-width: 1200px;
}

.border {
    border-top: 1px solid #E0E1E4;
}

.no-border, table.no-border td, table.no-border th {
    border-style: none !important;
}

.empty-col {
    background-color: #FFF !important;
}

/*
* searchbox
*/
.searchmenu {
    display: none;
}

.searchmenu.active {
    display: block;
    position: absolute;
    right: 0px;
    top: 43px;

    z-index: 200;
    width: 560px;
    max-width: 100%;
    background-color: #FFF;
    text-align: left;
    overflow-y: auto;
    max-height: 500px;
    min-height: 260px;
}

.search, .iwi.close {
    cursor: pointer;
}

.searchmenu .iwi.close {
    position: absolute;
    right: 4px;

    width: 40px;
    height: 38px;
    text-align: right;
}

.searchmenu .iwi.close:before {
    font-size: 21px;
    font-weight: bold;
    color: #333;

}

body.overlay:before {
    left: 0px;
    top: 0px;
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.12;
    position: fixed;
    z-index: 3;

}

body.overlay, body.overlay .container {

    height: 100%;
    max-height: 100%;
    overflow: hidden;
    overflow-y: hidden;

}

/* hide the serachrterms when overlayed */
body.overlay #sgsupportsearchform .searchterms {
    display: none !important;
}

.searchmenu .v-nav {
    padding: 16px;
    padding-top: 0px;
}

.searchmenu.active .v-nav.searchterms {
    padding-top: 60px;
}

.searchmenu .v-nav li {
    padding: 2px;
}

.searchmenu .v-nav li.active {
    background-color: #EEE
}

.searchmenu .v-nav li a.iwi:before {
    padding-right: 6px;
}

.static_searchbox {
    border-bottom: 1px solid #CCC;
    text-align: left;
    position: fixed;
    width: 528px;

    padding-top: 8px;
    margin: 0px 16px;
    max-width: 100%;
    background-color: #FFF;
}

.static_searchbox:before {
    display: inline;

}

#sgsupport-searchboxmodule {
    padding: 10px;
    width: 90%;
}

#sgsupport-searchboxmodule:focus {
    background-color: #FFFFFF !important;
}

#sgsupport-searchboxmodule {
    border-style: none;
}

/*
* special
*/
.show-mac, .show-win {
    display: none;
}

body.pc .show-mac {
    display: inline;
}

body.mac .show-win {
    display: inline;
}

body.pc .button.show-mac {
    display: inline-block;
}

body.mac .button.show-win {
    display: inline-block;
}

.showfr, .showde, .showcn, .showen, .showes, .showit, .showtr, .showcz, .showda, .showpt {
    display: none;
}

body.fr_FR .showfr, body.de_DE .showde, body.de_AT .showde, body.de_CH .showde, body.cn_ZH .showcn, body.it_IT .showit, body.en_US .showen, body.es_ES .showes, body.tr_TR .showtr, body.cs_CZ .showcz, body.da_DK .showda, body.pt_PT .showpt {
    display: block;
}

.fce-accordion-contents .subsmall {
    max-width: 86%;
}

/*
*
*/
table {
    width: 100%;
}

th {
    background-color: #e8e8e8;
    border: 0;
    border-left: 2px solid #ffffff;
    vertical-align: bottom;
    display: table-cell;
    font-size: 1em;
}

td {
    border: 0;
    border-left: 2px solid #ffffff;
}

td:first-child, th:first-child {
    border-left: 0;
}

th, td, caption {
    padding: 4px;
}

tr:nth-child(odd) td, .tr-odd td {
    background: #F2F2F2;
}

.tr-odd td.td-odd {
    background: #F2F2F2 !important;
}

tr:nth-child(even) td, .tr-even td {
    background-color: #F9F9F9;
}

.tr-even td.td-even {
    background-color: #F9F9F9 !important;
}

tfoot {
    font-style: italic;
}

td.r-group, th.r-group {
    border-left: 1em solid #FFF !important;
}

.td-top td, .td-top th {
    vertical-align: top;
}

.blue, .blue *, .blue *:before, .adobe-templates a, .flexfce.faq .box h3 {
    color: #3669C4 !important;
}

.blue input {
    border: 1px solid #3669C4;
}

/*.blue tr.tr-even td, tr.tr-even td.blue, .blue tr:nth-child(even) td,  tr:nth-child(even) td.blue {
background-color:#E8EEF8;
}

.blue tr.tr-odd td, tr.tr-odd td.blue, .blue tr:nth-child(odd) td,  tr:nth-child(odd) td.blue {
background-color:#D7E1F3;
}*/

.blue tr:nth-child(even) td, tr:nth-child(even) td.blue, tr td.adobe-templates {
    background-color: #E8EEF8;
}

.blue tr:nth-child(odd) td, tr:nth-child(odd) td.blue, tr.tr-even td.adobe-templates {
    background-color: #D7E1F3;
}

.blue th, .blue th strong, .blue th b, th.blue, th.blue *, tr td.dblue, th.adobe-templates {
    background-color: #3669C4 !important;
    color: #FFF !important;
}

.dark {
    color: #5E5D5F;
}

.dark tr.tr-even td, tr.tr-even td.dark, .dark tr:nth-child(even) td, tr:nth-child(even) td.dark {
    background-color: #F0F0F0;
}

.dark tr.tr-odd td, tr.tr-odd td.dark, .dark tr:nth-child(odd) td, tr:nth-child(odd) td.dark {
    background-color: #e7e7e7;
}

.dark th, th.dark {
    background-color: #cbcbcb;
}

/**
* MobileNav
*/

.container.nolines {
    /*	-webkit-transition: margin 0.5s ease;
    -moz-transition: margin 0.5s ease;
    -o-transition: margin 0.5s ease;
    -ms-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
    animation-timing-function: ease;*/
    background-color: #FFF;
}

li.more a:before {
    /*-webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    -ms-transition: left 0.5s ease;
    transition: left 0.5s ease;
    animation-timing-function: ease;*/
}

.container.nolines.mobile-open {
    /*	margin-left: -80%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    display: block;
    position: fixed;
    -webkit-box-shadow: 6px 0px 5px -3px rgba(0,0,0,0.25);
    -moz-box-shadow: 6px 0px 5px -3px rgba(0,0,0,0.25);
    box-shadow: 6px 0px 5px -3px rgba(0,0,0,0.25);*/
}

/*
* NEW!
*/

#MobileNav {
    position: fixed;
    right: 0px;
    top: 0px;
    padding-top: 20px;
    color: #D3D4D8;
    background-color: #646A78;
    height: 100%;
    width: 100%;
    z-index: 1; /* -3 */
    text-align: left;
    display: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#MobileNav > div:first-child {
    padding: 10em 12px;
    padding-top: 80px;
}

#MobileNav h3 {
    color: #A4A7B0;
    padding-top: 1em;
    margin-bottom: 0.5em;
}

#MobileNav ul {
    margin: 0;
    padding: 0;
    padding-bottom: 2em;
    display: block;
}

#MobileNav img {
    width: 40%;
    float: left;
    margin: 5%;
}

#MobileNav ul > li {
    margin: -0;
    padding: 0px;

    background-color: transparent;
    /*width:50%;
    float:left;*/
}

#MobileNav ul li a.sg-auth-icon:before {
    color: #D3D4D8;
    width: 24px;
}

#MobileNav ul > li a, #MobileNav ul li.active a {

    padding: 4px 0px;
    display: block;
    color: #E0E1E4 !important;
    text-decoration: none;
}

#MobileNav .col3 > div {
    padding: 0;
}

#MobileNav.mobile-open {
    display: block !important;
    z-index: 9;
}

#TopNav .top-nav li.more.mobile-open a:before {
    font-weight: bold;
}

.show-mobile {
    display: none !important;
}

/*
* Designs Banner
*/
.sg-banner.dotnav .sg-bannernav ul {
    text-align: center;
    margin: 0 auto;
    list-style-type: none;
    padding: 0.5em 0;
}

.sg-banner.dotnav .sg-bannernav li {
    text-align: center;
    background-color: #A3A7B0;
    color: #A3A7B0;
    border-radius: 1.5em;
    width: 1.5em;
    height: 1.5em;
    list-style-type: none;
    float: left;
    margin: 0.5em;
}

.sg-banner.dotnav .sg-bannernav li.active {
    background-color: #376AC5;
    color: #376AC5;
}

/*
* Design Nav boxes
*/
a.border-solid {
    height: 190px;
    width: 100%;
    display: block;
    border: 2px solid #EEE;
    overflow: hidden;
}

a.border-solid:hover {
    border-color: #D9052F;
}

a.border-solid img {
    margin: 0;
    display: inline;
    transition: all .2s ease-in-out;
}

a.border-solid:hover img {
    transform: scale(1.2);
}

/*
* sgauth stuff
*/
.show-at-login {
    display: none;
}

.sg-auth-loginmask {
    display: block;
    padding: 5em 0px !important;
}

.sg-auth-loginmask ul {
    max-width: 480px !important;
    padding: 1em;
    overflow: hidden;
    margin: 0 auto;
}

.sg-auth-nav-info, .csc-frame-invisible {
    position: absolute;
    z-index: 1;
    display: none;
}

.sg-auth-nav-info > div {
    background-color: #FFFFFF;
    overflow: hidden;
    margin-top: -2em;
    margin-left: -0.75em;
}

ul.sg-auth-logout {
    padding: 0.5em;
    margin: 0;
}

ul.sg-auth-logout li {
    display: block;
    clear: both;
    text-align: center;
    white-space: nowrap;
    line-height: 2em;
    width: 100%;
    border-bottom: 1px solid #EEE;
}

ul.sg-auth-logout li > a {
    display: block;
    color: #464C57 !important;
}

a.sg-auth-logout-button {
    margin: 0.5em;
    background-color: #E4E6EA;
}

a.sg-auth-logout-button:hover {
    background-color: #D5D8DE;
    color: #1B1D21 !important;
}

.button-nav, #MobileNav .button-nav {
    display: flex !important;
    flex-wrap: wrap;
    margin: 0 !important;
    padding: 0 !important;
}

.button-nav > li, #MobileNav .button-nav > li {
    color: inherit;
    flex: 1 1 228px;
    padding: 4px;
    text-align: center;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
}

.button-nav > li:active, .supportlistcoled .csc-default > .box:active {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
}

.button-nav > li a, #MobileNav .button-nav > li a {
    padding: 16px 8px;
    background-color: #FFFFFF;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);

}

#MobileNav .button-nav > li a {
    background-color: transparent;
    padding: 6px 2px;
    padding-top: 0;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5);
}

.button-nav > li a.iwi:before {
    margin: 0 auto;
    margin-bottom: 2px;
    display: block;
    font-size: 25px;
    line-height: 30px;
}

#MobileNav .button-nav > li a.iwi:before {
    background-color: transparent !important;
    color: #E0E1E4;
    width: 20px;
    height: 20px;
}

.button-nav .iwi:before {
    color: #FFF;
    border-radius: 50%;
    padding: 4px;
    width: 30px;
    background-color: #3669c4;
    height: 30px;
}

#TopNav .top-nav li a, .langSelection select, .langSelection .output {
    /*border-right:1px solid #7B8291;*/
    padding-right: 4px;
    /*color:#646A78;*/
    color: #A2A7B2;
}

.langSelection {
    position: relative;
    width: 90px;
    text-align: right;
}

.langSelection:before {
    color: #A2A7B2;
}

.langSelection select {
    opacity: 0;
    position: absolute;
    z-index: 2;
    left: 0px;
    width: 90px;
}

.langSelection .output {
    position: absolute;
    top: 2px;
    line-height: 22px;
    right: 21px;
    left: auto;
    z-index: 1;
}


/*
 * footer
*/
.footer-banner, #footer{
    display:block;
     
}

#footer{
   font-size:14px !important;
	background-color: #2b2b2b;
    color: #eee;
    text-align: left;
	
}
#footer > div{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;	
	max-width:960px;
	margin:0 auto;
	padding: 64px 0px 128px 0px;
}
#footer > div > div{
	flex: 0 0 100%;
	align-items:flex-start;
}


#footer .small{
	color: #eee;
	line-height:140% !important;
}
#footer div.itemscope{
	flex:auto;
	width:auto !important;
	max-width:780px;
}
 
.footer-banner a, #footer a, .footer-banner a:visited, #footer a:visited {
    color:#EEE;
}
 
.footer-banner{
overflow:hidden;
    font-size: 24px;
    position:relative;
       color:#FFF;

	max-width:100% !important;
	width:100%;
	padding: 64px 0px !important;
}
.footer-banner > div{
 -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position:absolute;
    width:100%;
        text-align:center;
    line-height:120%;
    padding:8px;
    box-sizing: border-box;
    top:150%;
    left:0px;
    transform:translate(0,-50%) ;
}
.footer-banner > div.active{
    visibility:visible;
    top:50%;
     transform:translate(0,-50%);
}
#footer h3, #footer li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#footer h3 {
    color: #CCCCCC;
	    font-size: 22px;
    line-height:120%;
    margin-bottom: 6px;
}
#footer li, #footer ul{
	list-style: none;
	margin:0;
	padding:0;
	
}
 
#footer li a{
	text-decoration:none; 
}
#footer ul {
    margin-bottom: 1.5em;
    line-height: 140%;
}
#footer img {
    margin-right: 4px;
    margin-bottom: 4px;
    display: inline-block;
    max-height: 28px;
}

 

 
 


/*
* MEDIA QUERIES
*/
@media handheld, only screen and (max-width: 1060px) {
    .mobilebrowser .overflow-mobile, .mobilebrowser .sg-tabs {
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mobilebrowser ul.sg-tabs {
        white-space: nowrap;
        overflow-x: scroll;
        margin: 0 !important;
    }

    .mobilebrowser .sg-tabs li {
        display: inline-block;
        float: none !important;
    }

    .mobilebrowser .overflow-mobile td, .mobilebrowser .overflow-mobile th, .mobilebrowser .overflow-mobile table {
        width: auto !important;
    }

    .mobilebrowser .overflow-mobile table {
        min-width: 860px;
    }

    .mobilebrowser .overflow-mobile table th:last-child, .mobilebrowser .overflow-mobile table tr > td:last-child {
        padding-right: 40px;
    }

    .h-nav {
        overflow: visible;
        margin-top: 12px;
    }

    #TopNav .h-nav {
        margin: 0px;
    }

    .h-nav li a, #TopNav li a.bg-green, #TopNav li a.bg-green:hover {
        padding: 10px;
    }

    #TopNav li a.bg-green, #TopNav li a.bg-green:hover {
        display: none;
    }

    .col1-5, .col05 {
        width: 50%;
    }

    .h-nav.right.top-nav .hide-mobile {
        display: none !important;
    }
}

@media handheld, only screen and (min-width: 802px) {
    #MobileNav {
        display: none;
    }
}

@media handheld, only screen and (max-width: 900px) {
	#footer > div > div{
		flex:auto !important;
		max-width: 100% !important;
	}
	
	.footer-banner{
        box-sizing: border-box;
        padding:96px 8px !important;
    } 
	
    /*#livechat-compact-container, #livechat-full{
    display:none;
}*/
    .hide-mobile, .svg.reorder-clock:before, #customerOpinionsMiniClientBanner, #sgDeliveryTable td.coldark, #sgDeliveryTable td.sg-delivery-special-not-guaranteed, /* svg.support-status:before, .svg.support-question:before, .svg.support-software:before, .svg.support-reclamation:before, .svg.support-status:before, .svg.support-payment:before, */
    ul.sg-auth .iwi:before, #SubNav .h-nav li.download-info  {
        display: none !important;
    }

#mainContent .bigfont p:not(.small), #mainContent .bigfont .csc-default > ul li {
    max-width: 780px;
    font-family: 'SourceSansPro-Light', sans-serif;
    font-size: 20px;
}


#mainContent .bigfont h1, #mainContent .bigfont h2, #mainContent .bigfont h3, .box-canvas.black h1{
	font-size:30px;
	line-height:120%;
}
	#mainContent .bigfont .csc-default h1, #mainContent .bigfont .csc-default h2, #mainContent .bigfont .csc-default h3, #mainContent .bigfont .csc-default h4{
       padding-left: 8px;
       padding-right: 8px; 
		margin-left:0px !important;
		margin-right:0px !important;
    }
	
    .logohome a:before {
        width: 99px;
        height: 27px;
        background-size: auto 27px !important;
    }

    #mainContent {
       /* overflow: hidden;*/
        min-height:inherit;
    }

    #mainContent > .csc-default {
      overflow: visible;
        overflow-x: auto;
    }

    .button-nav > li, #MobileNav .button-nav > li {
        flex: 1 1 30%;
    }

    #MainNav > div, #MainNavExt > div {
        padding: 36px 0px;
    }

    #MainNav .h-nav li:after {
        left: auto;
    }

    #MainNav .h-nav li {
        position: relative;

    }

    .flexfce.formats .csc-default h3 {

        padding-top: 20px;

    }

    .flexfce.formats .csc-default > .box > div {
        padding: 8px;
    }

    #sgsupport-searchboxmodule {
        width: 80%;
    }

   /* .flexfce.m50 > div.csc-default {
        width: 33% !important;
    }*/
 .flexfce.m100 > div.csc-default {
        width: 100% !important;

    }
    .flexfce.m50.p50 > div.csc-default, .flexfce.p50 > div.csc-default  {
        width: 50% !important;
    }

    .space-around.flexfce.m50.p50 > div.csc-default {
        width: 48% !important;
    }

    .flexfce.m33 > div.csc-default, .flexfce.p33 > div.csc-default {
        width: 33% !important;
    }

   
	
	
	
    .flexfce.faq .csc-default > .box {
        padding: 16px 4px;
    }

    .sgimage-hover-text {
        display: none !important;
    }

    .supportlistcoled {
        padding: 20px 10px;
    }

    .supportlistcoled .csc-default > .box {
        padding: 0px;
        background-color: #FFFFFF;
        -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
        margin: 5px;
    }

    .supportlistcoled .csc-default > .box > a {
        padding-top: 10px;
        padding-bottom: 5px;
        display: block;
    }

    #MainNav .h-nav {
        justify-content: flex-start;
    }

    #MainNav .h-nav li {
        flex: 1 0 23%;
    }

    #bannerArea .csc-default > h1 {
        padding-top: 20px;
        margin-top: 16px;
    }

    .show-mobile {
        display: block !important;
    }
	.langSelection .output {
		top:4px;	
	}
    #TopNav li.more {
        display: inline-block !important;
    }

    #TopNav .h-nav a:before {
        font-size: 21px;
    }

    #TopNav .h-nav .mobile-open a:before {
        font-size: 21px;
        font-weight: bold;
    }

    #TopNav {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        background-color: #FFFFFF;
        z-index: 3000;
    }

    #TopNav > div {

    }

    #TopNav .row {
        margin-top: 11px;
        padding-bottom: 8px;

    }

    #TopNav .h-nav > li {
        padding-top: 3px;
    }

    #SubNav .h-nav {
        justify-content: flex-start;
    }

    #SubNav .h-nav li a {
        padding: 16px 24px;
        position: relative;
    }

    #SubNav .h-nav li a:before {
        content: " ";
        border-bottom: 1px solid #CCC;
        display: block;
        position: absolute;

        top: auto;
        bottom: -16px;
        width: 100%;
        height: 1px;
        margin-bottom: 16px;
    }

   .container:not(.nonavigation){
        padding-top: 50px;
    }
	.container.nolines > .row-max > .logohome{
		text-align:center;
	}
	
	.container.nolines.nonavigation > .row-max > .logohome > .logo{
		background-image: center center;
		display:inline-block;
	}
    #importantInfo {
        display: none !important;
    }

    .searchmenu.active {

        left: 0px;
        top: 0px;
        z-index: 3001;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 100%;
        overflow: hidden;
        max-height: none !important;

    }

    body.overlay, body.overlay .container {

        overflow-y: scroll;

    }

    .searchmenu.active .static_searchbox {
        width: 100%;
        margin-left: 0px;
        background-color: #FFF;
        left: 0px;
        top: 0px;
    }

    .searchmenu.active .iwi.search:before {
        padding-left: 16px;
    }

    /*
    *  main mobile Layout
    */
    .col4 > div, .twocol > div, .onecol > div, .col1-5 > div, .col1-75 > div, #mainContent .row-max.bg-dgrey, .csc-default ul.h-nav-center {
        padding: 0 !important;
    }

    #mainContent .row-max.bg-dgrey.sg-auth-loginmask {
        margin-top: -1px;
        padding: 1em 0px !important;
    }

    .sg-auth-nav-info {
        position: fixed;
        z-index: 20000010;
        width: 100%;
        left: 0px;
        top: auto;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        bottom: 0px;
    }

    ul.sg-auth-logout li {
        line-height: 2.5em;
    }

    .sg-auth-nav-info > div {
        margin: 0;
    }

    .csc-default p, .csc-default h1, .csc-default h2, .csc-default h3, .csc-default h4, .csc-default ul, .csc-default ul.v-nav, .csc-default ol, sgform > div:not(.form-row), ul.smallInfo {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
	/* Attention in bigbox margin results in overflow-x - so we increase the padding + 8*/
	.flexfce.d100 .csc-default.boxed > .box p, .flexfce.d100 .csc-default.boxed > .box h2{
	padding:0px 24px;	
}
	.csc-default.boxed .box ul{
		margin-left:16px !important;
		margin-right:16px !important;
	}
	

	
    .csc-default ul.v-nav {
        margin-bottom: 1.5em;
    }

    h1, h2.h1, #MainNav h1, #MainNavExt h1 {
        font-size: 2.0em;
    }
h1.bigger{
		font-size: 36px;
	}
    h2, h1.h2 {
        font-size: 1.6em;
    }

    h3 {
        font-size: 1.3em;
    }

    .button.windows.apple, .button.windows, .button.apple, .hide-mobile, .downloadbox {
        display: none !important;
    }

    .col6, .col4, .c50l, .c50r, .c33l, .c33r, .c66l, .twocol, .onecol, .c66r, .col1-5, .col1-75, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
        width: 100% !important;
        float: none !important;
    }

    .col1 {
        width: 50%;
    }

    #mainContent > div, #mainContent .csc-default, #mainContent > .row-max > div, #mainContent > .csc-frame {
        margin-top: 0;
    }

    .show-600 {
        display: block !important;
    }

    a.border-solid img, a.border-solid {
        height: auto;
        border-style: none;
        margin-bottom: 1em !important;
    }

    /* ???
    .container {
    overflow-x: hidden;
    }
    */
}

@media handheld, only screen and (max-width: 700px) {
    .col1, .col3:not(.ignore-media-query), .col2 {
        width: 100%;
        float: none;
    }

    .col1 > div, .col3 > div, .col2 > div {
        padding: 0 !important;
    }

    #MobileNav .button-nav > li {
        flex: 0 1 45%;
    }

    .button-nav > li {
        flex: 1 1 45%;
    }

    #sgsupport-searchboxmodule {
        width: 70%;
    }

}

@media handheld, only screen and (max-width: 600px) {
  .flexfce.m100 > div.csc-default {
        width: 100% !important;

    }
    
	.flexfce.m50 > div.csc-default {
        flex: 1 0 50% !important;
		max-width:50%;
    }

    #footer .flexfce.m50.d33 > div.csc-default, .tx-cwcustomeropinions-pi2, .csc-default.m100, .flexfce.m50 > div.csc-default.m100 {
        width: 100% !important;
    }

    #MainNav .h-nav li {
        flex: 1 0 40%;
    }

    #MobileProducts .h-nav li {
        flex: 1 0 50%;
    }
}

@media handheld, only screen and (max-width: 320px) {

    .flexfce.m33 > div.csc-default {
        width: 100% !important;
    }
}

.article-data-client-loader {
    height: 300px;
    background: url("../../saal_2013/images/loading.gif") center center no-repeat transparent;
}